@everchron/ec-shards 9.18.7 → 9.18.9

package/dist/ec-shards.js

@@ -1,4 +1,4 @@
-import { defineAsyncComponent as se, watch as me, openBlock as o, createBlock as m, resolveDynamicComponent as ue, unref as re, normalizeClass as v, createElementBlock as r, normalizeStyle as x, resolveComponent as g, createVNode as _, createCommentVNode as u, createElementVNode as f, createTextVNode as A, toDisplayString as C, renderSlot as p, Transition as pe, withCtx as S, computed as Ee, Fragment as F, renderList as J, pushScopeId as ve, popScopeId as ye, reactive as ui, nextTick as fi, onBeforeUnmount as Lt, toRefs as Es, isRef as gi, onMounted as Ts, useSlots as mi, ref as Re, watchEffect as dt, withKeys as Y, Teleport as hi, withDirectives as je, vShow as nt, mergeProps as qe, normalizeProps as pi, guardReactiveProps as vi, withModifiers as G, resolveDirective as yi, vModelText as bi, createStaticVNode as _i, markRaw as ki, TransitionGroup as Ps, h as Ci, useCssVars as Si } from "vue";
+import { defineAsyncComponent as se, watch as me, openBlock as o, createBlock as m, resolveDynamicComponent as ue, unref as re, normalizeClass as v, createElementBlock as r, normalizeStyle as x, resolveComponent as g, createVNode as _, createCommentVNode as u, createElementVNode as f, createTextVNode as $, toDisplayString as C, renderSlot as p, Transition as pe, withCtx as S, computed as Ee, Fragment as F, renderList as J, pushScopeId as ve, popScopeId as ye, reactive as ui, nextTick as fi, onBeforeUnmount as At, toRefs as Es, isRef as gi, onMounted as Ts, useSlots as mi, ref as Re, watchEffect as dt, withKeys as Y, Teleport as hi, withDirectives as je, vShow as nt, mergeProps as qe, normalizeProps as pi, guardReactiveProps as vi, withModifiers as G, resolveDirective as yi, vModelText as bi, createStaticVNode as _i, markRaw as ki, TransitionGroup as Ps, h as Ci, useCssVars as Si } from "vue";
 const ie = (e, s) => {
   const t = e[s];
   return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((a, n) => {
@@ -56,7 +56,7 @@ const ie = (e, s) => {
       "data-test-icon-type": e.type
     }, null, 8, ["class", "width", "height", "viewBox", "color", "title", "data-test-icon-type"]));
   }
-}, L = /* @__PURE__ */ y(wi, [["__scopeId", "data-v-a1c506ab"]]), xi = {
+}, A = /* @__PURE__ */ y(wi, [["__scopeId", "data-v-a1c506ab"]]), xi = {
   name: "EcsFocusRing",
   props: {
     /** Defines the distance of the focus ring from it focusable element. Should be smaller than `0` (negative) in almost all cases. */
@@ -90,7 +90,7 @@ function Bi(e, s, t, a, n, i) {
 const D = /* @__PURE__ */ y(xi, [["render", Bi], ["__scopeId", "data-v-8d624905"]]), Ii = {
   name: "ecs-alert",
   emits: ["action"],
-  components: { EcsIcon: L, EcsFocusRing: D },
+  components: { EcsIcon: A, EcsFocusRing: D },
   props: {
     /** The alert variant, which defines it's background color. */
     type: {
@@ -199,7 +199,7 @@ function Mi(e, s, t, a, n, i) {
           type: t.icon,
           size: "20"
         }, null, 8, ["type"])) : u("", !0),
-        A(" " + C(t.headline), 1)
+        $(" " + C(t.headline), 1)
       ])) : u("", !0),
       e.$slots.default ? (o(), r("div", Pi, [
         p(e.$slots, "default", {}, void 0, !0)
@@ -210,32 +210,32 @@ function Mi(e, s, t, a, n, i) {
       onClick: s[1] || (s[1] = (d) => e.$emit("action")),
       class: "action"
     }, [
-      A(C(t.actionLabel) + " ", 1),
+      $(C(t.actionLabel) + " ", 1),
       _(c)
     ])) : u("", !0)
   ], 6)) : u("", !0);
 }
-const Ms = /* @__PURE__ */ y(Ii, [["render", Mi], ["__scopeId", "data-v-3f45e314"]]), $i = {
+const Ms = /* @__PURE__ */ y(Ii, [["render", Mi], ["__scopeId", "data-v-3f45e314"]]), Li = {
   name: "ecs-action-toolbar"
-}, Ai = {
+}, $i = {
   class: "ecs-action-toolbar",
   role: "toolbar",
   "aria-label": "Actions"
 };
-function Li(e, s, t, a, n, i) {
+function Ai(e, s, t, a, n, i) {
   return o(), m(pe, {
     name: "action-bar",
     appear: ""
   }, {
     default: S(() => [
-      f("div", Ai, [
+      f("div", $i, [
         p(e.$slots, "default", {}, void 0, !0)
       ])
     ]),
     _: 3
   });
 }
-const Oi = /* @__PURE__ */ y($i, [["render", Li], ["__scopeId", "data-v-ed37c526"]]), Di = {
+const Oi = /* @__PURE__ */ y(Li, [["render", Ai], ["__scopeId", "data-v-ed37c526"]]), Di = {
   name: "ecs-audio",
   props: {
     /** If true, the player will autoplay once it shows up in the DOM. */
@@ -284,7 +284,7 @@ function Ri(e, s, t, a, n, i) {
     }, null, 8, Hi)) : u("", !0)
   ], 8, Ni);
 }
-const A0 = /* @__PURE__ */ y(Di, [["render", Ri], ["__scopeId", "data-v-4e7ca115"]]), Fi = {
+const $0 = /* @__PURE__ */ y(Di, [["render", Ri], ["__scopeId", "data-v-4e7ca115"]]), Fi = {
   __name: "sticker",
   props: {
     /** Sets the sticker icon. */
@@ -567,7 +567,7 @@ function Ji(e, s, t, a, n, i) {
   ], 14, Xi);
 }
 const vt = /* @__PURE__ */ y(Yi, [["render", Ji], ["__scopeId", "data-v-35132970"]]), Qi = {
-  components: { EcsIcon: L, EcsFocusRing: D },
+  components: { EcsIcon: A, EcsFocusRing: D },
   emits: ["dismiss"],
   props: {
     /** The alert variant, which defines it's background color. */
@@ -657,7 +657,7 @@ function en(e, s, t, a, n, i) {
     ], 4)) : u("", !0)
   ], 2)) : u("", !0);
 }
-const L0 = /* @__PURE__ */ y(Qi, [["render", en], ["__scopeId", "data-v-888a84fc"]]), tn = {
+const A0 = /* @__PURE__ */ y(Qi, [["render", en], ["__scopeId", "data-v-888a84fc"]]), tn = {
   name: "ecs-breadcrumb",
   props: {
     /** Sets the size of the breadcrumb (default is medium). */
@@ -685,7 +685,7 @@ const O0 = /* @__PURE__ */ y(tn, [["render", sn], ["__scopeId", "data-v-d1ff2486
   name: "ecs-breadcrumb-button",
   emits: ["click"],
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsFocusRing: D
   },
   props: {
@@ -807,7 +807,7 @@ function un(e, s, t, a, n, i) {
 }
 const Ie = /* @__PURE__ */ y(dn, [["render", un], ["__scopeId", "data-v-d07e3723"]]);
 var ut = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function $s(e) {
+function Ls(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 function Pt(e, s, t) {
@@ -860,14 +860,14 @@ function Mt() {
     return s.brand + "/" + s.version;
   }).join(" ") : navigator.userAgent;
 }
-function As() {
+function $s() {
   return !/^((?!chrome|android).)*safari/i.test(Mt());
 }
 function Ye(e, s, t) {
   s === void 0 && (s = !1), t === void 0 && (t = !1);
   var a = e.getBoundingClientRect(), n = 1, i = 1;
   s && he(e) && (n = e.offsetWidth > 0 && Ke(a.width) / e.offsetWidth || 1, i = e.offsetHeight > 0 && Ke(a.height) / e.offsetHeight || 1);
-  var l = We(e) ? fe(e) : window, c = l.visualViewport, d = !As() && t, h = (a.left + (d && c ? c.offsetLeft : 0)) / n, b = (a.top + (d && c ? c.offsetTop : 0)) / i, k = a.width / n, E = a.height / i;
+  var l = We(e) ? fe(e) : window, c = l.visualViewport, d = !$s() && t, h = (a.left + (d && c ? c.offsetLeft : 0)) / n, b = (a.top + (d && c ? c.offsetTop : 0)) / i, k = a.width / n, E = a.height / i;
   return {
     width: k,
     height: E,
@@ -907,11 +907,11 @@ function De(e) {
 function Nt(e) {
   return Ye(De(e)).left + Dt(e).scrollLeft;
 }
-function $e(e) {
+function Le(e) {
   return fe(e).getComputedStyle(e);
 }
 function Vt(e) {
-  var s = $e(e), t = s.overflow, a = s.overflowX, n = s.overflowY;
+  var s = Le(e), t = s.overflow, a = s.overflowX, n = s.overflowY;
   return /auto|scroll|overlay|hidden/.test(t + n + a);
 }
 function mn(e) {
@@ -956,13 +956,13 @@ function yt(e) {
     De(e)
   );
 }
-function Ls(e) {
-  return ["html", "body", "#document"].indexOf(Pe(e)) >= 0 ? e.ownerDocument.body : he(e) && Vt(e) ? e : Ls(yt(e));
+function As(e) {
+  return ["html", "body", "#document"].indexOf(Pe(e)) >= 0 ? e.ownerDocument.body : he(e) && Vt(e) ? e : As(yt(e));
 }
 function tt(e, s) {
   var t;
   s === void 0 && (s = []);
-  var a = Ls(e), n = a === ((t = e.ownerDocument) == null ? void 0 : t.body), i = fe(a), l = n ? [i].concat(i.visualViewport || [], Vt(a) ? a : []) : a, c = s.concat(l);
+  var a = As(e), n = a === ((t = e.ownerDocument) == null ? void 0 : t.body), i = fe(a), l = n ? [i].concat(i.visualViewport || [], Vt(a) ? a : []) : a, c = s.concat(l);
   return n ? c : (
     // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
     c.concat(tt(yt(l)))
@@ -973,18 +973,18 @@ function pn(e) {
 }
 function rs(e) {
   return !he(e) || // https://github.com/popperjs/popper-core/issues/837
-  $e(e).position === "fixed" ? null : e.offsetParent;
+  Le(e).position === "fixed" ? null : e.offsetParent;
 }
 function vn(e) {
   var s = /firefox/i.test(Mt()), t = /Trident/i.test(Mt());
   if (t && he(e)) {
-    var a = $e(e);
+    var a = Le(e);
     if (a.position === "fixed")
       return null;
   }
   var n = yt(e);
   for (Ot(n) && (n = n.host); he(n) && ["html", "body"].indexOf(Pe(n)) < 0; ) {
-    var i = $e(n);
+    var i = Le(n);
     if (i.transform !== "none" || i.perspective !== "none" || i.contain === "paint" || ["transform", "perspective"].indexOf(i.willChange) !== -1 || s && i.willChange === "filter" || s && i.filter && i.filter !== "none")
       return n;
     n = n.parentNode;
@@ -992,9 +992,9 @@ function vn(e) {
   return null;
 }
 function at(e) {
-  for (var s = fe(e), t = rs(e); t && pn(t) && $e(t).position === "static"; )
+  for (var s = fe(e), t = rs(e); t && pn(t) && Le(t).position === "static"; )
     t = rs(t);
-  return t && (Pe(t) === "html" || Pe(t) === "body" && $e(t).position === "static") ? s : t || vn(e) || s;
+  return t && (Pe(t) === "html" || Pe(t) === "body" && Le(t).position === "static") ? s : t || vn(e) || s;
 }
 var ce = "top", xe = "bottom", Be = "right", de = "left", Rt = "auto", ot = [ce, xe, Be, de], Xe = "start", it = "end", yn = "clippingParents", Os = "viewport", Je = "popper", bn = "reference", cs = /* @__PURE__ */ ot.reduce(function(e, s) {
   return e.concat([s + "-" + Xe, s + "-" + it]);
@@ -1038,7 +1038,7 @@ function Mn(e) {
     })), s;
   };
 }
-function $n(e) {
+function Ln(e) {
   var s = e.reduce(function(t, a) {
     var n = t[a.name];
     return t[a.name] = n ? Object.assign({}, n, a, {
@@ -1050,11 +1050,11 @@ function $n(e) {
     return s[t];
   });
 }
-function An(e, s) {
+function $n(e, s) {
   var t = fe(e), a = De(e), n = t.visualViewport, i = a.clientWidth, l = a.clientHeight, c = 0, d = 0;
   if (n) {
     i = n.width, l = n.height;
-    var h = As();
+    var h = $s();
     (h || !h && s === "fixed") && (c = n.offsetLeft, d = n.offsetTop);
   }
   return {
@@ -1064,9 +1064,9 @@ function An(e, s) {
     y: d
   };
 }
-function Ln(e) {
+function An(e) {
   var s, t = De(e), a = Dt(e), n = (s = e.ownerDocument) == null ? void 0 : s.body, i = Fe(t.scrollWidth, t.clientWidth, n ? n.scrollWidth : 0, n ? n.clientWidth : 0), l = Fe(t.scrollHeight, t.clientHeight, n ? n.scrollHeight : 0, n ? n.clientHeight : 0), c = -a.scrollLeft + Nt(e), d = -a.scrollTop;
-  return $e(n || t).direction === "rtl" && (c += Fe(t.clientWidth, n ? n.clientWidth : 0) - i), {
+  return Le(n || t).direction === "rtl" && (c += Fe(t.clientWidth, n ? n.clientWidth : 0) - i), {
     width: i,
     height: l,
     x: c,
@@ -1087,7 +1087,7 @@ function Ns(e, s) {
   }
   return !1;
 }
-function $t(e) {
+function Lt(e) {
   return Object.assign({}, e, {
     left: e.x,
     top: e.y,
@@ -1100,10 +1100,10 @@ function On(e, s) {
   return t.top = t.top + e.clientTop, t.left = t.left + e.clientLeft, t.bottom = t.top + e.clientHeight, t.right = t.left + e.clientWidth, t.width = e.clientWidth, t.height = e.clientHeight, t.x = t.left, t.y = t.top, t;
 }
 function ds(e, s, t) {
-  return s === Os ? $t(An(e, t)) : We(s) ? On(s, t) : $t(Ln(De(e)));
+  return s === Os ? Lt($n(e, t)) : We(s) ? On(s, t) : Lt(An(De(e)));
 }
 function Dn(e) {
-  var s = tt(yt(e)), t = ["absolute", "fixed"].indexOf($e(e).position) >= 0, a = t && he(e) ? at(e) : e;
+  var s = tt(yt(e)), t = ["absolute", "fixed"].indexOf(Le(e).position) >= 0, a = t && he(e) ? at(e) : e;
   return We(a) ? s.filter(function(n) {
     return We(n) && Ns(n, a) && Pe(n) !== "body";
   }) : [];
@@ -1189,12 +1189,12 @@ function Fs(e, s) {
 }
 function qt(e, s) {
   s === void 0 && (s = {});
-  var t = s, a = t.placement, n = a === void 0 ? e.placement : a, i = t.strategy, l = i === void 0 ? e.strategy : i, c = t.boundary, d = c === void 0 ? yn : c, h = t.rootBoundary, b = h === void 0 ? Os : h, k = t.elementContext, E = k === void 0 ? Je : k, I = t.altBoundary, B = I === void 0 ? !1 : I, M = t.padding, $ = M === void 0 ? 0 : M, z = Rs(typeof $ != "number" ? $ : Fs($, ot)), T = E === Je ? bn : Je, H = e.rects.popper, O = e.elements[B ? T : E], N = Nn(We(O) ? O : O.contextElement || De(e.elements.popper), d, b, l), P = Ye(e.elements.reference), V = Vs({
+  var t = s, a = t.placement, n = a === void 0 ? e.placement : a, i = t.strategy, l = i === void 0 ? e.strategy : i, c = t.boundary, d = c === void 0 ? yn : c, h = t.rootBoundary, b = h === void 0 ? Os : h, k = t.elementContext, E = k === void 0 ? Je : k, I = t.altBoundary, B = I === void 0 ? !1 : I, M = t.padding, L = M === void 0 ? 0 : M, z = Rs(typeof L != "number" ? L : Fs(L, ot)), T = E === Je ? bn : Je, H = e.rects.popper, O = e.elements[B ? T : E], N = Nn(We(O) ? O : O.contextElement || De(e.elements.popper), d, b, l), P = Ye(e.elements.reference), V = Vs({
     reference: P,
     element: H,
     strategy: "absolute",
     placement: n
-  }), q = $t(Object.assign({}, H, V)), j = E === Je ? q : P, K = {
+  }), q = Lt(Object.assign({}, H, V)), j = E === Je ? q : P, K = {
     top: N.top - j.top + z.top,
     bottom: j.bottom - N.bottom + z.bottom,
     left: N.left - j.left + z.left,
@@ -1245,7 +1245,7 @@ function Vn(e) {
           reference: We(c) ? tt(c) : c.contextElement ? tt(c.contextElement) : [],
           popper: tt(d)
         };
-        var H = Pn($n([].concat(a, b.options.modifiers)));
+        var H = Pn(Ln([].concat(a, b.options.modifiers)));
         return b.orderedModifiers = H.filter(function(O) {
           return O.enabled;
         }), B(), I.update();
@@ -1284,8 +1284,8 @@ function Vn(e) {
       // Async and optimistically optimized update – it will not be executed if
       // not necessary (debounced to run at most once-per-tick)
       update: Mn(function() {
-        return new Promise(function($) {
-          I.forceUpdate(), $(b);
+        return new Promise(function(L) {
+          I.forceUpdate(), L(b);
         });
       }),
       destroy: function() {
@@ -1294,12 +1294,12 @@ function Vn(e) {
     };
     if (!fs(c, d))
       return I;
-    I.setOptions(h).then(function($) {
-      !E && h.onFirstUpdate && h.onFirstUpdate($);
+    I.setOptions(h).then(function(L) {
+      !E && h.onFirstUpdate && h.onFirstUpdate(L);
     });
     function B() {
-      b.orderedModifiers.forEach(function($) {
-        var z = $.name, T = $.options, H = T === void 0 ? {} : T, O = $.effect;
+      b.orderedModifiers.forEach(function(L) {
+        var z = L.name, T = L.options, H = T === void 0 ? {} : T, O = L.effect;
         if (typeof O == "function") {
           var N = O({
             state: b,
@@ -1313,8 +1313,8 @@ function Vn(e) {
       });
     }
     function M() {
-      k.forEach(function($) {
-        return $();
+      k.forEach(function(L) {
+        return L();
       }), k = [];
     }
     return I;
@@ -1372,18 +1372,18 @@ function jn(e, s) {
   };
 }
 function gs(e) {
-  var s, t = e.popper, a = e.popperRect, n = e.placement, i = e.variation, l = e.offsets, c = e.position, d = e.gpuAcceleration, h = e.adaptive, b = e.roundOffsets, k = e.isFixed, E = l.x, I = E === void 0 ? 0 : E, B = l.y, M = B === void 0 ? 0 : B, $ = typeof b == "function" ? b({
+  var s, t = e.popper, a = e.popperRect, n = e.placement, i = e.variation, l = e.offsets, c = e.position, d = e.gpuAcceleration, h = e.adaptive, b = e.roundOffsets, k = e.isFixed, E = l.x, I = E === void 0 ? 0 : E, B = l.y, M = B === void 0 ? 0 : B, L = typeof b == "function" ? b({
     x: I,
     y: M
   }) : {
     x: I,
     y: M
   };
-  I = $.x, M = $.y;
+  I = L.x, M = L.y;
   var z = l.hasOwnProperty("x"), T = l.hasOwnProperty("y"), H = de, O = ce, N = window;
   if (h) {
     var P = at(t), V = "clientHeight", q = "clientWidth";
-    if (P === fe(t) && (P = De(t), $e(P).position !== "static" && c === "absolute" && (V = "scrollHeight", q = "scrollWidth")), P = P, n === ce || (n === de || n === Be) && i === it) {
+    if (P === fe(t) && (P = De(t), Le(P).position !== "static" && c === "absolute" && (V = "scrollHeight", q = "scrollWidth")), P = P, n === ce || (n === de || n === Be) && i === it) {
       O = xe;
       var j = k && P === N && N.visualViewport ? N.visualViewport.height : (
         // $FlowFixMe[prop-missing]
@@ -1501,7 +1501,7 @@ function ea(e, s, t) {
   return a > t ? t : a;
 }
 function ta(e) {
-  var s = e.state, t = e.options, a = e.name, n = t.mainAxis, i = n === void 0 ? !0 : n, l = t.altAxis, c = l === void 0 ? !1 : l, d = t.boundary, h = t.rootBoundary, b = t.altBoundary, k = t.padding, E = t.tether, I = E === void 0 ? !0 : E, B = t.tetherOffset, M = B === void 0 ? 0 : B, $ = qt(s, {
+  var s = e.state, t = e.options, a = e.name, n = t.mainAxis, i = n === void 0 ? !0 : n, l = t.altAxis, c = l === void 0 ? !1 : l, d = t.boundary, h = t.rootBoundary, b = t.altBoundary, k = t.padding, E = t.tether, I = E === void 0 ? !0 : E, B = t.tetherOffset, M = B === void 0 ? 0 : B, L = qt(s, {
     boundary: d,
     rootBoundary: h,
     padding: k,
@@ -1520,14 +1520,14 @@ function ta(e) {
   };
   if (P) {
     if (i) {
-      var Z, _e = O === "y" ? ce : de, ge = O === "y" ? xe : Be, ee = O === "y" ? "height" : "width", ne = P[O], Ue = ne + $[_e], ke = ne - $[ge], Ae = I ? -q[ee] / 2 : 0, Ne = T === Xe ? V[ee] : q[ee], ae = T === Xe ? -q[ee] : -V[ee], Ge = s.elements.arrow, Le = I && Ge ? Ht(Ge) : {
+      var Z, _e = O === "y" ? ce : de, ge = O === "y" ? xe : Be, ee = O === "y" ? "height" : "width", ne = P[O], Ue = ne + L[_e], ke = ne - L[ge], $e = I ? -q[ee] / 2 : 0, Ne = T === Xe ? V[ee] : q[ee], ae = T === Xe ? -q[ee] : -V[ee], Ge = s.elements.arrow, Ae = I && Ge ? Ht(Ge) : {
         width: 0,
         height: 0
-      }, Ce = s.modifiersData["arrow#persistent"] ? s.modifiersData["arrow#persistent"].padding : Hs(), R = Ce[_e], U = Ce[ge], oe = st(0, V[ee], Le[ee]), Ve = H ? V[ee] / 2 - Ae - oe - R - K.mainAxis : Ne - oe - R - K.mainAxis, ai = H ? -V[ee] / 2 + Ae + oe + U + K.mainAxis : ae + oe + U + K.mainAxis, wt = s.elements.arrow && at(s.elements.arrow), oi = wt ? O === "y" ? wt.clientTop || 0 : wt.clientLeft || 0 : 0, Qt = (Z = X == null ? void 0 : X[O]) != null ? Z : 0, li = ne + Ve - Qt - oi, ri = ne + ai - Qt, es = st(I ? ht(Ue, li) : Ue, ne, I ? Fe(ke, ri) : ke);
+      }, Ce = s.modifiersData["arrow#persistent"] ? s.modifiersData["arrow#persistent"].padding : Hs(), R = Ce[_e], U = Ce[ge], oe = st(0, V[ee], Ae[ee]), Ve = H ? V[ee] / 2 - $e - oe - R - K.mainAxis : Ne - oe - R - K.mainAxis, ai = H ? -V[ee] / 2 + $e + oe + U + K.mainAxis : ae + oe + U + K.mainAxis, wt = s.elements.arrow && at(s.elements.arrow), oi = wt ? O === "y" ? wt.clientTop || 0 : wt.clientLeft || 0 : 0, Qt = (Z = X == null ? void 0 : X[O]) != null ? Z : 0, li = ne + Ve - Qt - oi, ri = ne + ai - Qt, es = st(I ? ht(Ue, li) : Ue, ne, I ? Fe(ke, ri) : ke);
       P[O] = es, Q[O] = es - ne;
     }
     if (c) {
-      var ts, ci = O === "x" ? ce : de, di = O === "x" ? xe : Be, He = P[N], ct = N === "y" ? "height" : "width", ss = He + $[ci], is = He - $[di], xt = [ce, de].indexOf(z) !== -1, ns = (ts = X == null ? void 0 : X[N]) != null ? ts : 0, as = xt ? ss : He - V[ct] - q[ct] - ns + K.altAxis, os = xt ? He + V[ct] + q[ct] - ns - K.altAxis : is, ls = I && xt ? ea(as, He, os) : st(I ? as : ss, He, I ? os : is);
+      var ts, ci = O === "x" ? ce : de, di = O === "x" ? xe : Be, He = P[N], ct = N === "y" ? "height" : "width", ss = He + L[ci], is = He - L[di], xt = [ce, de].indexOf(z) !== -1, ns = (ts = X == null ? void 0 : X[N]) != null ? ts : 0, as = xt ? ss : He - V[ct] - q[ct] - ns + K.altAxis, os = xt ? He + V[ct] + q[ct] - ns - K.altAxis : is, ls = I && xt ? ea(as, He, os) : st(I ? as : ss, He, I ? os : is);
       P[N] = ls, Q[N] = ls - He;
     }
     s.modifiersData[a] = Q;
@@ -1589,8 +1589,8 @@ function oa(e) {
 function la(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, l = t.altAxis, c = l === void 0 ? !0 : l, d = t.fallbackPlacements, h = t.padding, b = t.boundary, k = t.rootBoundary, E = t.altBoundary, I = t.flipVariations, B = I === void 0 ? !0 : I, M = t.allowedAutoPlacements, $ = s.options.placement, z = Te($), T = z === $, H = d || (T || !B ? [mt($)] : oa($)), O = [$].concat(H).reduce(function(Le, Ce) {
-      return Le.concat(Te(Ce) === Rt ? aa(s, {
+    for (var n = t.mainAxis, i = n === void 0 ? !0 : n, l = t.altAxis, c = l === void 0 ? !0 : l, d = t.fallbackPlacements, h = t.padding, b = t.boundary, k = t.rootBoundary, E = t.altBoundary, I = t.flipVariations, B = I === void 0 ? !0 : I, M = t.allowedAutoPlacements, L = s.options.placement, z = Te(L), T = z === L, H = d || (T || !B ? [mt(L)] : oa(L)), O = [L].concat(H).reduce(function(Ae, Ce) {
+      return Ae.concat(Te(Ce) === Rt ? aa(s, {
         placement: Ce,
         boundary: b,
         rootBoundary: k,
@@ -1608,8 +1608,8 @@ function la(e) {
       }), ne = _e ? Z ? Be : de : Z ? xe : ce;
       N[ge] > P[ge] && (ne = mt(ne));
       var Ue = mt(ne), ke = [];
-      if (i && ke.push(ee[Q] <= 0), c && ke.push(ee[ne] <= 0, ee[Ue] <= 0), ke.every(function(Le) {
-        return Le;
+      if (i && ke.push(ee[Q] <= 0), c && ke.push(ee[ne] <= 0, ee[Ue] <= 0), ke.every(function(Ae) {
+        return Ae;
       })) {
         j = X, q = !1;
         break;
@@ -1617,7 +1617,7 @@ function la(e) {
       V.set(X, ke);
     }
     if (q)
-      for (var Ae = B ? 3 : 1, Ne = function(Ce) {
+      for (var $e = B ? 3 : 1, Ne = function(Ce) {
         var R = O.find(function(U) {
           var oe = V.get(U);
           if (oe)
@@ -1627,7 +1627,7 @@ function la(e) {
         });
         if (R)
           return j = R, "break";
-      }, ae = Ae; ae > 0; ae--) {
+      }, ae = $e; ae > 0; ae--) {
         var Ge = Ne(ae);
         if (Ge === "break")
           break;
@@ -1678,7 +1678,7 @@ var fa = function(s, t) {
 function ga(e) {
   var s, t = e.state, a = e.name, n = e.options, i = t.elements.arrow, l = t.modifiersData.popperOffsets, c = Te(t.placement), d = Ft(c), h = [de, Be].indexOf(c) >= 0, b = h ? "height" : "width";
   if (!(!i || !l)) {
-    var k = fa(n.padding, t), E = Ht(i), I = d === "y" ? ce : de, B = d === "y" ? xe : Be, M = t.rects.reference[b] + t.rects.reference[d] - l[d] - t.rects.popper[b], $ = l[d] - t.rects.reference[d], z = at(i), T = z ? d === "y" ? z.clientHeight || 0 : z.clientWidth || 0 : 0, H = M / 2 - $ / 2, O = k[I], N = T - E[b] - k[B], P = T / 2 - E[b] / 2 + H, V = st(O, P, N), q = d;
+    var k = fa(n.padding, t), E = Ht(i), I = d === "y" ? ce : de, B = d === "y" ? xe : Be, M = t.rects.reference[b] + t.rects.reference[d] - l[d] - t.rects.popper[b], L = l[d] - t.rects.reference[d], z = at(i), T = z ? d === "y" ? z.clientHeight || 0 : z.clientWidth || 0 : 0, H = M / 2 - L / 2, O = k[I], N = T - E[b] - k[B], P = T / 2 - E[b] / 2 + H, V = st(O, P, N), q = d;
     t.modifiersData[a] = (s = {}, s[q] = V, s.centerOffset = V - P, s);
   }
 }
@@ -1709,8 +1709,8 @@ function pa({
     isOpen: !1,
     popperInstance: null
   }), h = (M) => {
-    var $;
-    ($ = d.popperInstance) == null || $.setOptions((z) => ({
+    var L;
+    (L = d.popperInstance) == null || L.setOptions((z) => ({
       ...z,
       modifiers: [...z.modifiers, { name: "eventListeners", enabled: M }]
     }));
@@ -1749,7 +1749,7 @@ function pa({
       ]
     }), d.popperInstance.update();
   };
-  return Lt(() => {
+  return At(() => {
     var M;
     (M = d.popperInstance) == null || M.destroy();
   }), {
@@ -1763,7 +1763,7 @@ function va(e, s, t) {
     n == null || n.removeEventListener(s, t), a == null || a.addEventListener(s, t);
   }) : Ts(() => {
     e.addEventListener(s, t);
-  }), Lt(() => {
+  }), At(() => {
     var a;
     (a = re(e)) == null || a.removeEventListener(s, t);
   });
@@ -1933,7 +1933,7 @@ const Ca = /* @__PURE__ */ y(ba, [["render", ka], ["__scopeId", "data-v-b4b01b19
       (n.content !== void 0 || T.value) && (E.value = !0), l = new MutationObserver(M), document.addEventListener("keydown", Ce);
     });
     const {
-      arrowPadding: $,
+      arrowPadding: L,
       closeDelay: z,
       content: T,
       disableClickAway: H,
@@ -1946,7 +1946,7 @@ const Ca = /* @__PURE__ */ y(ba, [["render", ka], ["__scopeId", "data-v-b4b01b19
       placement: K,
       show: X
     } = Es(i), { isOpen: Q, open: Z, close: _e } = pa({
-      arrowPadding: $,
+      arrowPadding: L,
       emit: a,
       locked: P,
       offsetDistance: V,
@@ -1960,10 +1960,10 @@ const Ca = /* @__PURE__ */ y(ba, [["render", ka], ["__scopeId", "data-v-b4b01b19
     Ee(
       () => N.value ? `border: ${V.value}px solid transparent; margin: -${V.value}px;` : null
     );
-    const ke = Bt.debounce(Z, j.value), Ae = Bt.debounce(_e, z.value), Ne = async () => {
-      ee.value || ge.value || (Ae.clear(), d.value = !0, ke());
+    const ke = Bt.debounce(Z, j.value), $e = Bt.debounce(_e, z.value), Ne = async () => {
+      ee.value || ge.value || ($e.clear(), d.value = !0, ke());
     }, ae = async () => {
-      ge.value || (ke.clear(), d.value = !1, Ae());
+      ge.value || (ke.clear(), d.value = !1, $e());
     }, Ge = () => {
       Q.value ? ae() : Ne();
     };
@@ -1974,7 +1974,7 @@ const Ca = /* @__PURE__ */ y(ba, [["render", ka], ["__scopeId", "data-v-b4b01b19
         k.value = !1;
       }, 200);
     }), dt(() => {
-      ge.value && (X.value ? ke() : Ae());
+      ge.value && (X.value ? ke() : $e());
     }), dt(() => {
       Ue.value && ya(h, ae);
     }), me(T, (R) => {
@@ -1984,10 +1984,10 @@ const Ca = /* @__PURE__ */ y(ba, [["render", ka], ["__scopeId", "data-v-b4b01b19
         childList: !0,
         subtree: !0
       });
-    }), Lt(() => {
+    }), At(() => {
       l.disconnect(), document.removeEventListener("keydown", Ce);
     }), s({ closePopper: ae });
-    const Le = () => {
+    const Ae = () => {
       h.value && (I.value = h.value.querySelectorAll(
         'a[href], button, textarea, input, select, [tabindex]:not([tabindex="-1"])'
       ));
@@ -2007,7 +2007,7 @@ const Ca = /* @__PURE__ */ y(ba, [["render", ka], ["__scopeId", "data-v-b4b01b19
         R.key === "Escape" ? (R.preventDefault(), ae()) : R.key === "Tab" && B.value && (R.preventDefault(), B.value = !1, U.length > 0 && U[0].focus());
     };
     return dt(() => {
-      d.value && (Le(), B.value = !0, I.value.length > 0 && I.value[0].focus());
+      d.value && (Ae(), B.value = !0, I.value.length > 0 && I.value[0].focus());
     }), (R, U) => (o(), r("div", {
       class: "ecs-popover-root",
       onMouseleave: U[2] || (U[2] = (oe) => e.hover && ae())
@@ -2041,7 +2041,7 @@ const Ca = /* @__PURE__ */ y(ba, [["render", ka], ["__scopeId", "data-v-b4b01b19
                 close: re(_e),
                 isOpen: k.value
               }, () => [
-                A(C(re(T)), 1)
+                $(C(re(T)), 1)
               ], !0),
               e.arrow ? (o(), m(Ca, { key: 0 })) : u("", !0)
             ], 512)), [
@@ -2247,7 +2247,7 @@ const Wt = /* @__PURE__ */ y(Ta, [["render", Pa]]), Ma = {
     }
   }
 };
-function $a(e, s, t, a, n, i) {
+function La(e, s, t, a, n, i) {
   return o(), m(ue(t.as), {
     onClick: i.handleClick,
     onMouseover: i.handleMouseOver,
@@ -2267,7 +2267,7 @@ function $a(e, s, t, a, n, i) {
     _: 3
   }, 40, ["onClick", "onMouseover", "onMouseout", "onContextmenu", "class", "tabindex"]);
 }
-const Ws = /* @__PURE__ */ y(Ma, [["render", $a], ["__scopeId", "data-v-df08e6d4"]]), Aa = {
+const Ws = /* @__PURE__ */ y(Ma, [["render", La], ["__scopeId", "data-v-df08e6d4"]]), $a = {
   name: "EcsTextV2",
   components: { EcsClickableArea: Ws },
   props: {
@@ -2406,7 +2406,7 @@ const Ws = /* @__PURE__ */ y(Ma, [["render", $a], ["__scopeId", "data-v-df08e6d4
     }
   }
 };
-function La(e, s, t, a, n, i) {
+function Aa(e, s, t, a, n, i) {
   const l = g("ecs-clickable-area");
   return t.clickable ? (o(), m(l, {
     key: 0,
@@ -2437,7 +2437,7 @@ function La(e, s, t, a, n, i) {
     _: 3
   }, 8, ["class", "style"]));
 }
-const js = /* @__PURE__ */ y(Aa, [["render", La], ["__scopeId", "data-v-594055ce"]]), be = {
+const js = /* @__PURE__ */ y($a, [["render", Aa], ["__scopeId", "data-v-594055ce"]]), be = {
   data() {
     return {
       uniqueId: ""
@@ -2584,7 +2584,7 @@ function Va(e, s, t, a, n, i) {
           preset: "form"
         }, {
           default: S(() => [
-            A(C(t.help), 1)
+            $(C(t.help), 1)
           ]),
           _: 1
         })) : u("", !0)
@@ -2753,7 +2753,7 @@ function ja(e, s, t, a, n, i) {
           type: "form"
         }, {
           default: S(() => [
-            A(C(t.help), 1)
+            $(C(t.help), 1)
           ]),
           _: 1
         })) : u("", !0)
@@ -3011,7 +3011,7 @@ const oo = /* @__PURE__ */ y(so, [["render", ao], ["__scopeId", "data-v-dca05194
   name: "EcsButton",
   emits: ["click", "mouseover", "mouseleave"],
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsFocusRing: D
   },
   props: {
@@ -3176,7 +3176,7 @@ function mo(e, s, t, a, n, i) {
 const ze = /* @__PURE__ */ y(lo, [["render", mo], ["__scopeId", "data-v-30641d87"]]), ho = {
   name: "ecs-popover-list-item",
   emits: ["click", "input", "change", "secondaryClick"],
-  components: { EcsCheckbox: lt, EcsRadiobutton: Ua, EcsSwitch: jt, EcsSortbutton: oo, EcsIcon: L, EcsFileIcon: Us, EcsButton: ze, EcsFocusRing: D },
+  components: { EcsCheckbox: lt, EcsRadiobutton: Ua, EcsSwitch: jt, EcsSortbutton: oo, EcsIcon: A, EcsFileIcon: Us, EcsButton: ze, EcsFocusRing: D },
   props: {
     /** Determines the type of popover list item.*/
     type: {
@@ -3346,14 +3346,14 @@ const ze = /* @__PURE__ */ y(lo, [["render", mo], ["__scopeId", "data-v-30641d87
 }, Eo = {
   key: 2,
   class: "after"
-}, To = ["tabindex"], Po = { class: "text" }, Mo = { class: "text-inner" }, $o = {
+}, To = ["tabindex"], Po = { class: "text" }, Mo = { class: "text-inner" }, Lo = {
   key: 1,
   class: "help"
-}, Ao = {
+}, $o = {
   key: 2,
   class: "after"
 };
-function Lo(e, s, t, a, n, i) {
+function Ao(e, s, t, a, n, i) {
   const l = g("ecs-checkbox"), c = g("ecs-icon"), d = g("ecs-radiobutton"), h = g("ecs-switch"), b = g("ecs-sortbutton"), k = g("ecs-focus-ring"), E = g("ecs-file-icon"), I = g("ecs-button");
   return o(), r("li", null, [
     t.type === "checkbox" ? (o(), r("div", po, [
@@ -3486,7 +3486,7 @@ function Lo(e, s, t, a, n, i) {
           title: i.secondaryActionOptions.iconOnly ? i.secondaryActionOptions.label : void 0
         }, {
           default: S(() => [
-            A(C(i.secondaryActionOptions.label), 1)
+            $(C(i.secondaryActionOptions.label), 1)
           ]),
           _: 1
         }, 8, ["onClick", "type", "icon", "icon-only", "class", "aria-label", "title"])) : u("", !0),
@@ -3549,13 +3549,13 @@ function Lo(e, s, t, a, n, i) {
           title: i.secondaryActionOptions.iconOnly ? i.secondaryActionOptions.label : void 0
         }, {
           default: S(() => [
-            A(C(i.secondaryActionOptions.label), 1)
+            $(C(i.secondaryActionOptions.label), 1)
           ]),
           _: 1
         }, 8, ["onClick", "type", "icon", "icon-only", "class", "aria-label", "title"])) : u("", !0),
-        t.help ? (o(), r("span", $o, C(t.help), 1)) : u("", !0)
+        t.help ? (o(), r("span", Lo, C(t.help), 1)) : u("", !0)
       ]),
-      t.suffix ? (o(), r("span", Ao, C(t.suffix), 1)) : u("", !0),
+      t.suffix ? (o(), r("span", $o, C(t.suffix), 1)) : u("", !0),
       t.hoverIcon ? (o(), m(c, {
         key: 3,
         type: t.hoverIcon,
@@ -3572,11 +3572,11 @@ function Lo(e, s, t, a, n, i) {
     ], 10, To))
   ]);
 }
-const Gs = /* @__PURE__ */ y(ho, [["render", Lo], ["__scopeId", "data-v-79b3cd0d"]]), Oo = {
+const Gs = /* @__PURE__ */ y(ho, [["render", Ao], ["__scopeId", "data-v-79b3cd0d"]]), Oo = {
   name: "ecs-button-toolbar",
   emits: ["click"],
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsFocusRing: D
   },
   props: {
@@ -3905,7 +3905,7 @@ function jo(e, s, t, a, n, i) {
                   onClick: (M) => e.$emit("select", I.action)
                 }, {
                   default: S(() => [
-                    A(C(I.label), 1)
+                    $(C(I.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["disabled", "onClick"]))), 128)),
@@ -3917,7 +3917,7 @@ function jo(e, s, t, a, n, i) {
                   onInput: i.setFamiliesIncluded
                 }, {
                   default: S(() => [
-                    A(" Include Families ")
+                    $(" Include Families ")
                   ]),
                   _: 1
                 }, 8, ["value", "onInput"])) : u("", !0)
@@ -3941,7 +3941,7 @@ function jo(e, s, t, a, n, i) {
       }, {
         default: S(() => [
           f("span", null, C(t.count), 1),
-          A(" Selected " + C(i.pluralizedType), 1)
+          $(" Selected " + C(i.pluralizedType), 1)
         ]),
         _: 1
       })
@@ -4435,7 +4435,7 @@ w.mostReadable = function(e, s, t) {
     size: d
   }) || !l ? a : (t.includeFallbackColors = !1, w.mostReadable(e, ["#fff", "#000"], t));
 };
-var At = w.names = {
+var $t = w.names = {
   aliceblue: "f0f8ff",
   antiquewhite: "faebd7",
   aqua: "0ff",
@@ -4585,7 +4585,7 @@ var At = w.names = {
   whitesmoke: "f5f5f5",
   yellow: "ff0",
   yellowgreen: "9acd32"
-}, pl = w.hexNames = vl(At);
+}, pl = w.hexNames = vl($t);
 function vl(e) {
   var s = {};
   for (var t in e)
@@ -4646,8 +4646,8 @@ function Me(e) {
 function _l(e) {
   e = e.replace(Jo, "").replace(Qo, "").toLowerCase();
   var s = !1;
-  if (At[e])
-    e = At[e], s = !0;
+  if ($t[e])
+    e = $t[e], s = !0;
   else if (e == "transparent")
     return {
       r: 0,
@@ -4722,7 +4722,7 @@ const Cl = {
   name: "ecs-button-context",
   emits: ["click"],
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsFocusRing: D
   },
   props: {
@@ -4809,7 +4809,7 @@ const F0 = /* @__PURE__ */ y(xl, [["render", Il], ["__scopeId", "data-v-94a53b69
   name: "ecs-button-dialog",
   emits: ["click"],
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsFocusRing: D
   },
   props: {
@@ -4858,7 +4858,7 @@ const q0 = /* @__PURE__ */ y(zl, [["render", Tl], ["__scopeId", "data-v-65073dae
   name: "ecs-button-more",
   emits: ["click"],
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsFocusRing: D
   },
   props: {
@@ -4888,7 +4888,7 @@ const q0 = /* @__PURE__ */ y(zl, [["render", Tl], ["__scopeId", "data-v-65073dae
     this.$slots.default === void 0 && (!this.ariaLabel || this.ariaLabel.trim());
   }
 }, Ml = ["aria-label", "aria-disabled", "aria-expanded", "aria-haspopup", "disabled"];
-function $l(e, s, t, a, n, i) {
+function Ll(e, s, t, a, n, i) {
   const l = g("ecs-icon"), c = g("ecs-focus-ring");
   return o(), r("button", {
     onClick: s[0] || (s[0] = (d) => e.$emit("click", d)),
@@ -4918,11 +4918,11 @@ function $l(e, s, t, a, n, i) {
     _(c)
   ], 10, Ml);
 }
-const Gt = /* @__PURE__ */ y(Pl, [["render", $l], ["__scopeId", "data-v-8470e625"]]), Al = {
+const Gt = /* @__PURE__ */ y(Pl, [["render", Ll], ["__scopeId", "data-v-8470e625"]]), $l = {
   name: "ecs-button-table",
   emits: ["click", "mouseover", "mouseleave"],
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsFocusRing: D
   },
   props: {
@@ -4990,7 +4990,7 @@ const Gt = /* @__PURE__ */ y(Pl, [["render", $l], ["__scopeId", "data-v-8470e625
       return this.disabled || this.unreactive ? !0 : null;
     }
   }
-}, Ll = ["disabled", "aria-disabled", "aria-expanded", "aria-busy"], Ol = {
+}, Al = ["disabled", "aria-disabled", "aria-expanded", "aria-busy"], Ol = {
   key: 1,
   class: "button-label"
 };
@@ -5025,9 +5025,9 @@ function Dl(e, s, t, a, n, i) {
       class: v(["chevron", t.active ? "expand" : ""])
     }, null, 2)) : u("", !0),
     _(c)
-  ], 42, Ll);
+  ], 42, Al);
 }
-const Xs = /* @__PURE__ */ y(Al, [["render", Dl], ["__scopeId", "data-v-a5e23199"]]), Nl = {
+const Xs = /* @__PURE__ */ y($l, [["render", Dl], ["__scopeId", "data-v-a5e23199"]]), Nl = {
   name: "ecs-toolbar-button-group"
 }, Vl = { class: "ecs-toolbar-button-group" };
 function Hl(e, s, t, a, n, i) {
@@ -5038,7 +5038,7 @@ function Hl(e, s, t, a, n, i) {
 const Kt = /* @__PURE__ */ y(Nl, [["render", Hl], ["__scopeId", "data-v-743ca90b"]]), Rl = {
   name: "ecs-toolbar-icon-button",
   emits: ["click"],
-  components: { EcsIcon: L, EcsFocusRing: D },
+  components: { EcsIcon: A, EcsFocusRing: D },
   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: {
@@ -5248,7 +5248,7 @@ var Ql = Yt.clickOutSide = {
 const tr = {
   name: "ecs-context-menu",
   emits: ["option-clicked", "menu-closed", "menu-opened"],
-  components: { EcsIcon: L, EcsFocusRing: D, EcsButton: ze },
+  components: { EcsIcon: A, EcsFocusRing: D, EcsButton: ze },
   directives: {
     clickOutSide: er
   },
@@ -5559,7 +5559,7 @@ function fr(e, s, t, a, n, i) {
       }, [
         _(c, { gap: 4 }, {
           default: S(() => [
-            A(C(t.title) + " ", 1),
+            $(C(t.title) + " ", 1),
             t.count ? (o(), r("span", cr, "(" + C(t.count) + ")", 1)) : u("", !0)
           ]),
           _: 1
@@ -5598,7 +5598,7 @@ function fr(e, s, t, a, n, i) {
 const K0 = /* @__PURE__ */ y(or, [["render", fr], ["__scopeId", "data-v-952196c0"]]), gr = {
   name: "ecs-collection-control",
   emits: ["toggled", "collectionTooltip"],
-  components: { EcsIcon: L, EcsFocusRing: D },
+  components: { EcsIcon: A, EcsFocusRing: D },
   mixins: [be],
   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). */
@@ -5824,7 +5824,7 @@ const Zs = /* @__PURE__ */ y(_r, [["render", Cr]]), Sr = {
   key: 2,
   class: "ecs-comment-edit"
 };
-function $r(e, s, t, a, n, i) {
+function Lr(e, s, t, a, n, i) {
   const l = g("ecs-skeleton-loader"), c = g("ecs-avatar"), d = g("ecs-button"), h = g("ecs-formatted");
   return o(), r("div", {
     class: "ecs-comment",
@@ -5900,13 +5900,13 @@ function $r(e, s, t, a, n, i) {
     ]))
   ], 8, wr);
 }
-const X0 = /* @__PURE__ */ y(Sr, [["render", $r], ["__scopeId", "data-v-cf696f66"]]), Ar = {}, Lr = { class: "ecs-comment-list" };
+const X0 = /* @__PURE__ */ y(Sr, [["render", Lr], ["__scopeId", "data-v-cf696f66"]]), $r = {}, Ar = { class: "ecs-comment-list" };
 function Or(e, s) {
-  return o(), r("div", Lr, [
+  return o(), r("div", Ar, [
     p(e.$slots, "default")
   ]);
 }
-const Z0 = /* @__PURE__ */ y(Ar, [["render", Or]]);
+const Z0 = /* @__PURE__ */ y($r, [["render", Or]]);
 function zt(e = {}, s = 0) {
   const t = e && e.a;
   let a;
@@ -6056,7 +6056,7 @@ var jr = Ur;
 function Ur(e, s, t) {
   return s < t ? e < s ? s : e > t ? t : e : e < t ? t : e > s ? s : e;
 }
-const gt = /* @__PURE__ */ $s(jr);
+const gt = /* @__PURE__ */ Ls(jr);
 function Gr(e) {
   var s = typeof e;
   return e != null && (s == "object" || s == "function");
@@ -6100,11 +6100,11 @@ var Bc = xc, Ic = wc, zc = Bc, Ec = "[object Symbol]";
 function Tc(e) {
   return typeof e == "symbol" || zc(e) && Ic(e) == Ec;
 }
-var Pc = Tc, Mc = rc, ws = Xt, $c = Pc, xs = NaN, Ac = /^[-+]0x[0-9a-f]+$/i, Lc = /^0b[01]+$/i, Oc = /^0o[0-7]+$/i, Dc = parseInt;
+var Pc = Tc, Mc = rc, ws = Xt, Lc = Pc, xs = NaN, $c = /^[-+]0x[0-9a-f]+$/i, Ac = /^0b[01]+$/i, Oc = /^0o[0-7]+$/i, Dc = parseInt;
 function Nc(e) {
   if (typeof e == "number")
     return e;
-  if ($c(e))
+  if (Lc(e))
     return xs;
   if (ws(e)) {
     var s = typeof e.valueOf == "function" ? e.valueOf() : e;
@@ -6113,8 +6113,8 @@ function Nc(e) {
   if (typeof e != "string")
     return e === 0 ? e : +e;
   e = Mc(e);
-  var t = Lc.test(e);
-  return t || Oc.test(e) ? Dc(e.slice(2), t ? 2 : 8) : Ac.test(e) ? xs : +e;
+  var t = Ac.test(e);
+  return t || Oc.test(e) ? Dc(e.slice(2), t ? 2 : 8) : $c.test(e) ? xs : +e;
 }
 var Vc = Nc, Hc = Xt, Et = tc, Bs = Vc, Rc = "Expected a function", Fc = Math.max, qc = Math.min;
 function Wc(e, s, t) {
@@ -6133,13 +6133,13 @@ function Wc(e, s, t) {
     var V = P - d, q = P - h, j = s - V;
     return k ? qc(j, i - q) : j;
   }
-  function $(P) {
+  function L(P) {
     var V = P - d, q = P - h;
     return d === void 0 || V >= s || V < 0 || k && q >= i;
   }
   function z() {
     var P = Et();
-    if ($(P))
+    if (L(P))
       return T(P);
     c = setTimeout(z, M(P));
   }
@@ -6153,7 +6153,7 @@ function Wc(e, s, t) {
     return c === void 0 ? l : T(Et());
   }
   function N() {
-    var P = Et(), V = $(P);
+    var P = Et(), V = L(P);
     if (a = arguments, n = this, d = P, V) {
       if (c === void 0)
         return B(d);
@@ -6176,7 +6176,7 @@ function Yc(e, s, t) {
   });
 }
 var Xc = Yc;
-const Zc = /* @__PURE__ */ $s(Xc), Jc = {
+const Zc = /* @__PURE__ */ Ls(Xc), Jc = {
   name: "Saturation",
   props: {
     modelValue: Object,
@@ -6581,10 +6581,10 @@ const kd = /* @__PURE__ */ y(hd, [["render", _d]]), Cd = {
 }, zd = {
   key: 2,
   class: "ecs-color-picker-field"
-}, Ed = { class: "ecs-color-picker-field--double" }, Td = { class: "ecs-color-picker-field--single" }, Pd = { class: "ecs-color-picker-field--single" }, Md = { class: "ecs-color-picker-field--single" }, $d = {
+}, Ed = { class: "ecs-color-picker-field--double" }, Td = { class: "ecs-color-picker-field--single" }, Pd = { class: "ecs-color-picker-field--single" }, Md = { class: "ecs-color-picker-field--single" }, Ld = {
   key: 0,
   class: "ecs-color-picker-field--single"
-}, Ad = ["aria-label", "aria-selected", "title", "onClick"], Ld = ["aria-label", "title", "onClick"];
+}, $d = ["aria-label", "aria-selected", "title", "onClick"], Ad = ["aria-label", "title", "onClick"];
 function Od(e, s, t, a, n, i) {
   const l = g("saturation"), c = g("hue"), d = g("alpha"), h = g("ed-in"), b = g("checkboard");
   return o(), r("div", {
@@ -6648,7 +6648,7 @@ function Od(e, s, t, a, n, i) {
           onChange: i.inputChange
         }, null, 8, ["modelValue", "onChange"])
       ]),
-      t.disableAlpha ? u("", !0) : (o(), r("div", $d, [
+      t.disableAlpha ? u("", !0) : (o(), r("div", Ld, [
         _(h, {
           label: "a",
           modelValue: e.colors.a,
@@ -6673,7 +6673,7 @@ function Od(e, s, t, a, n, i) {
           onClick: (E) => i.handlePreset(k.hex)
         }, [
           _(b)
-        ], 8, Ld)) : (o(), r("div", {
+        ], 8, Ad)) : (o(), r("div", {
           class: v(["ecs-color-picker-presets-color", { active: e.colors.hex === k.hex }]),
           "aria-label": k.title,
           key: "if-" + k.id,
@@ -6681,7 +6681,7 @@ function Od(e, s, t, a, n, i) {
           "aria-selected": e.colors.hex === k.hex ? "true" : "false",
           title: k.title,
           onClick: (E) => i.handlePreset(k.hex)
-        }, null, 14, Ad))
+        }, null, 14, $d))
       ], 64))), 256)),
       t.swatches.some((k) => k.hex === e.colors.hex) ? u("", !0) : (o(), r("div", {
         key: 0,
@@ -6782,7 +6782,7 @@ function Vd(e, s, t, a, n, i) {
 }
 const J0 = /* @__PURE__ */ y(Nd, [["render", Vd], ["__scopeId", "data-v-08aaa823"]]), Hd = {
   name: "ecs-data-card",
-  components: { EcsIcon: L, EcsSkeletonLoader: te, EcsButtonTable: Xs, EcsButton: ze, EcsFocusRing: D },
+  components: { EcsIcon: A, EcsSkeletonLoader: te, EcsButtonTable: Xs, EcsButton: ze, EcsFocusRing: D },
   mixins: [be],
   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). */
@@ -6981,7 +6981,7 @@ function Zd(e, s, t, a, n, i) {
     })) : u("", !0)
   ], 10, Rd);
 }
-const Q0 = /* @__PURE__ */ y(Hd, [["render", Zd], ["__scopeId", "data-v-206dd488"]]), Jd = {
+const Q0 = /* @__PURE__ */ y(Hd, [["render", Zd], ["__scopeId", "data-v-4ccd1b15"]]), Jd = {
   name: "ecs-data-card-list"
 }, Qd = {
   class: "ecs-data-card-list",
@@ -7320,7 +7320,7 @@ const Zt = /* @__PURE__ */ y(mu, [["render", yu], ["__scopeId", "data-v-eea25537
   name: "ecs-data-grid-head-cell",
   emits: ["resizedWidth", "sortby", "selection"],
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsSelect: Zt,
     EcsFocusRing: D
   },
@@ -7565,11 +7565,11 @@ const Zt = /* @__PURE__ */ y(mu, [["render", yu], ["__scopeId", "data-v-eea25537
 }, Tu = ["stroke", "stroke-width", "opacity"], Pu = ["stroke", "stroke-width", "opacity"], Mu = {
   key: 6,
   class: "ecs-data-grid-head-cell-suffix"
-}, $u = {
+}, Lu = {
   key: 1,
   class: "shadow right"
 };
-function Au(e, s, t, a, n, i) {
+function $u(e, s, t, a, n, i) {
   const l = g("ecs-icon"), c = g("ecs-select"), d = g("ecs-focus-ring");
   return o(), r("div", {
     class: v(["ecs-data-grid-head-cell", [
@@ -7663,10 +7663,10 @@ function Au(e, s, t, a, n, i) {
         p(e.$slots, "suffix", {}, void 0, !0)
       ])) : u("", !0)
     ], 14, Cu),
-    t.fixedLeftLast ? (o(), r("div", $u)) : u("", !0)
+    t.fixedLeftLast ? (o(), r("div", Lu)) : u("", !0)
   ], 14, _u);
 }
-const i_ = /* @__PURE__ */ y(bu, [["render", Au], ["__scopeId", "data-v-3bf31b66"]]), Lu = {
+const i_ = /* @__PURE__ */ y(bu, [["render", $u], ["__scopeId", "data-v-3bf31b66"]]), Au = {
   name: "ecs-data-grid-group",
   props: {
     /** Determines if this cell group should be shown. Avoid showing more than 1 group at the same time. */
@@ -7692,7 +7692,7 @@ function Du(e, s, t, a, n, i) {
     [nt, t.show]
   ]);
 }
-const n_ = /* @__PURE__ */ y(Lu, [["render", Du], ["__scopeId", "data-v-ee025ab5"]]), Nu = {
+const n_ = /* @__PURE__ */ y(Au, [["render", Du], ["__scopeId", "data-v-ee025ab5"]]), Nu = {
   name: "ecs-data-grid-cell",
   emits: ["collapse"],
   components: {
@@ -7816,12 +7816,31 @@ const n_ = /* @__PURE__ */ y(Lu, [["render", Du], ["__scopeId", "data-v-ee025ab5
     },
     collapsed(e) {
       this.isCollapsed = e;
+    },
+    fixedLeft: {
+      immediate: !0,
+      handler(e) {
+        console.log("fixedLeft changed:", e);
+      }
+    },
+    fixedLeftLast: {
+      immediate: !0,
+      handler(e) {
+        console.log("fixedLeftLast changed:", e);
+      }
     }
   },
+  mounted() {
+    console.log("Component mounted with:", {
+      fixedLeft: this.fixedLeft,
+      fixedLeftLast: this.fixedLeftLast,
+      props: this.$props
+    });
+  },
   created() {
     this.cellWidth = this.width, this.cellFixedLeftOffset = this.fixedLeftOffset;
   }
-}, Vu = (e) => (ve("data-v-4deed396"), e = e(), ye(), e), Hu = {
+}, Vu = (e) => (ve("data-v-5eba891e"), e = e(), ye(), e), Hu = {
   key: 0,
   class: "shadow left"
 }, Ru = ["data-column", "data-test"], Fu = {
@@ -7858,7 +7877,7 @@ function ju(e, s, t, a, n, i) {
     t.fixedLeftLast ? (o(), r("div", Wu)) : u("", !0)
   ], 6);
 }
-const a_ = /* @__PURE__ */ y(Nu, [["render", ju], ["__scopeId", "data-v-4deed396"]]), Uu = {
+const a_ = /* @__PURE__ */ y(Nu, [["render", ju], ["__scopeId", "data-v-5eba891e"]]), Uu = {
   name: "ecs-data-list"
 }, Gu = {
   class: "ecs-data-list",
@@ -8001,7 +8020,7 @@ function ef(e, s, t, a, n, i) {
         style: x(i.identifierStyle),
         class: "ecs-data-list-identifier"
       }, [
-        A(C(t.identifier) + " ", 1),
+        $(C(t.identifier) + " ", 1),
         e.$slots.collapse ? (o(), m(l, {
           key: 0,
           type: "ellipsis",
@@ -8318,7 +8337,7 @@ const c_ = /* @__PURE__ */ y(lf, [["render", df], ["__scopeId", "data-v-6e05c98b
 }, ff = {
   name: "ecs-directory-entry",
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsFavicon: uf,
     EcsAvatar: vt,
     EcsSkeletonLoader: te
@@ -8419,7 +8438,7 @@ function vf(e, s, t, a, n, i) {
 const d_ = /* @__PURE__ */ y(ff, [["render", vf], ["__scopeId", "data-v-ddd907db"]]), yf = {
   name: "ecs-document-state",
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsSkeletonLoader: te
   },
   props: {
@@ -8575,7 +8594,7 @@ function Tf(e, s, t, a, n, i) {
 }
 const f_ = /* @__PURE__ */ y(Bf, [["render", Tf], ["__scopeId", "data-v-851d95d9"]]), Pf = {
   name: "ecs-empty-state",
-  components: { EcsIcon: L },
+  components: { EcsIcon: A },
   props: {
     /** Sets the empty state illustration. If set to `loading`, a loading spinner will be shown. The prop value must match a specific icons name. The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). Note: only icons prefixed with `empty-` should be used here. */
     type: {
@@ -8599,14 +8618,14 @@ const f_ = /* @__PURE__ */ y(Bf, [["render", Tf], ["__scopeId", "data-v-851d95d9
       return this.size == "sml" ? "100px" : "200px";
     }
   }
-}, Mf = ["aria-busy"], $f = {
+}, Mf = ["aria-busy"], Lf = {
   key: 1,
   class: "ecs-empty-state-loading"
-}, Af = {
+}, $f = {
   key: 3,
   class: "ecs-empty-state-actions"
 };
-function Lf(e, s, t, a, n, i) {
+function Af(e, s, t, a, n, i) {
   const l = g("ecs-icon");
   return o(), r("div", {
     class: "ecs-empty-state",
@@ -8617,19 +8636,19 @@ function Lf(e, s, t, a, n, i) {
       type: t.type,
       color: t.iconColor,
       size: i.iconSize
-    }, null, 8, ["type", "color", "size"])) : t.type == "loading" ? (o(), r("div", $f)) : u("", !0),
+    }, null, 8, ["type", "color", "size"])) : t.type == "loading" ? (o(), r("div", Lf)) : u("", !0),
     t.type != "loading" ? (o(), r("div", {
       key: 2,
       class: v(["ecs-empty-state-message", t.size])
     }, [
       p(e.$slots, "default", {}, void 0, !0)
     ], 2)) : u("", !0),
-    e.$slots.actions ? (o(), r("div", Af, [
+    e.$slots.actions ? (o(), r("div", $f, [
       p(e.$slots, "actions", {}, void 0, !0)
     ])) : u("", !0)
   ], 8, Mf);
 }
-const si = /* @__PURE__ */ y(Pf, [["render", Lf], ["__scopeId", "data-v-5b37142c"]]), Of = {
+const si = /* @__PURE__ */ y(Pf, [["render", Af], ["__scopeId", "data-v-5b37142c"]]), Of = {
   props: {
     /** The current progress value. */
     value: {
@@ -8875,16 +8894,16 @@ function Kf(e, s, t, a, n, i) {
           class: "ecs-dropzone-skeleton"
         })) : (o(), r("div", qf, [
           e.$slots.customlabel ? u("", !0) : (o(), r(F, { key: 0 }, [
-            A(" Drag and drop your " + C(t.fileTypeLabel) + " or ", 1),
+            $(" Drag and drop your " + C(t.fileTypeLabel) + " or ", 1),
             f("i", {
               onClick: s[1] || (s[1] = (...B) => i.browseFile && i.browseFile(...B)),
               onKeydown: s[2] || (s[2] = Y((...B) => i.browseFile && i.browseFile(...B), ["enter"])),
               tabindex: "0"
             }, [
-              A("browse"),
+              $("browse"),
               _(c)
             ], 32),
-            A(" to upload. ")
+            $(" to upload. ")
           ], 64)),
           e.$slots.customlabel ? (o(), r("div", Wf, [
             p(e.$slots, "customlabel", {}, void 0, !0)
@@ -8905,7 +8924,7 @@ function Kf(e, s, t, a, n, i) {
                   color: "#474B60"
                 }, {
                   default: S(() => [
-                    A("Uploading")
+                    $("Uploading")
                   ]),
                   _: 1
                 })) : (o(), m(b, {
@@ -8921,7 +8940,7 @@ function Kf(e, s, t, a, n, i) {
                       color: "warning"
                     }, {
                       default: S(() => [
-                        A("Uploading")
+                        $("Uploading")
                       ]),
                       _: 1
                     })
@@ -8957,7 +8976,7 @@ function Kf(e, s, t, a, n, i) {
       class: "ecs-dropzone-cancel"
     }, {
       default: S(() => [
-        A(C(i.cancelButtonOptions.label), 1)
+        $(C(i.cancelButtonOptions.label), 1)
       ]),
       _: 1
     }, 8, ["onClick", "icon"])) : u("", !0)
@@ -9035,7 +9054,7 @@ const ii = /* @__PURE__ */ y(Yf, [["render", Xf], ["__scopeId", "data-v-42feea1d
   name: "ecs-info-tooltip",
   emits: ["click"],
   components: {
-    EcsIcon: L
+    EcsIcon: A
   },
   props: {
     /** Used to customize the icon. The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). */
@@ -9064,7 +9083,7 @@ function Jf(e, s, t, a, n, i) {
 }
 const Qf = /* @__PURE__ */ y(Zf, [["render", Jf], ["__scopeId", "data-v-97a5e4d9"]]), eg = {
   name: "ecs-popover-header",
-  components: { EcsIcon: L, EcsText: rt },
+  components: { EcsIcon: A, EcsText: rt },
   props: {
     /** Adds an icon to the popover header. The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). */
     icon: {
@@ -9105,7 +9124,7 @@ function ag(e, s, t, a, n, i) {
         size: "4"
       }, {
         default: S(() => [
-          A(C(t.title), 1)
+          $(C(t.title), 1)
         ]),
         _: 1
       }),
@@ -9245,7 +9264,7 @@ const og = /* @__PURE__ */ y(eg, [["render", ag], ["__scopeId", "data-v-85fef203
   class: "skipped-documents"
 }, xg = { key: 0 };
 function Bg(e, s, t, a, n, i) {
-  const l = g("ecs-button"), c = g("ecs-sticker"), d = g("ecs-popover-header"), h = g("ecs-info-tooltip"), b = g("ecs-flex-row"), k = g("ecs-switch"), E = g("ecs-text"), I = g("ecs-select"), B = g("ecs-form-group"), M = g("ecs-checkbox"), $ = g("ecs-button-more"), z = g("ecs-popover");
+  const l = g("ecs-button"), c = g("ecs-sticker"), d = g("ecs-popover-header"), h = g("ecs-info-tooltip"), b = g("ecs-flex-row"), k = g("ecs-switch"), E = g("ecs-text"), I = g("ecs-select"), B = g("ecs-form-group"), M = g("ecs-checkbox"), L = g("ecs-button-more"), z = g("ecs-popover");
   return o(), m(z, {
     ref: "popoverRef",
     class: "ecs-ecai-select",
@@ -9261,7 +9280,7 @@ function Bg(e, s, t, a, n, i) {
           default: S(() => [
             _(l, { onClick: i.generate }, {
               default: S(() => [
-                A("Generate")
+                $("Generate")
               ]),
               _: 1
             }, 8, ["onClick"])
@@ -9283,7 +9302,7 @@ function Bg(e, s, t, a, n, i) {
               }, null, 8, pg),
               f("a", vg, [
                 _(h),
-                A(" Learn more ")
+                $(" Learn more ")
               ])
             ]),
             _: 1
@@ -9296,7 +9315,7 @@ function Bg(e, s, t, a, n, i) {
             "data-test": "ecai-select-generate-summaries"
           }, {
             default: S(() => [
-              A(" Generate AI Summaries ")
+              $(" Generate AI Summaries ")
             ]),
             _: 1
           }, 8, ["onInput", "value"])) : u("", !0),
@@ -9307,7 +9326,7 @@ function Bg(e, s, t, a, n, i) {
             default: S(() => [
               _(E, { type: "label" }, {
                 default: S(() => [
-                  A("Document Summary Format")
+                  $("Document Summary Format")
                 ]),
                 _: 1
               }),
@@ -9335,7 +9354,7 @@ function Bg(e, s, t, a, n, i) {
           }, {
             default: S(() => [
               bg,
-              A("Topic Summary ")
+              $("Topic Summary ")
             ]),
             _: 1
           }, 8, ["class"])) : u("", !0),
@@ -9348,7 +9367,7 @@ function Bg(e, s, t, a, n, i) {
             "data-test": "ecai-select-extract-metadata"
           }, {
             default: S(() => [
-              A("Automatically Extract Metadata")
+              $("Automatically Extract Metadata")
             ]),
             _: 1
           }, 8, ["onInput", "value"])) : u("", !0),
@@ -9364,7 +9383,7 @@ function Bg(e, s, t, a, n, i) {
                 "data-test": `ecai-select-extract-option-${T.name.toLowerCase().replace(" ", "-")}`
               }, {
                 default: S(() => [
-                  A(C(T.name), 1)
+                  $(C(T.name), 1)
                 ]),
                 _: 2
               }, 1032, ["value", "onInput", "data-test"]))), 128))
@@ -9387,7 +9406,7 @@ function Bg(e, s, t, a, n, i) {
           _: 1
         })) : u("", !0),
         i.anyAiActive && (t.skippedDocuments.length > 0 || t.ineligibleTranscriptCount > 0) ? (o(), r("div", _g, [
-          _($, {
+          _(L, {
             onClick: s[1] || (s[1] = (T) => n.showSkippedDocuments = !n.showSkippedDocuments),
             active: n.showSkippedDocuments,
             type: "expand",
@@ -9426,7 +9445,7 @@ function Bg(e, s, t, a, n, i) {
           "data-test": "ecai-select-button"
         }, {
           default: S(() => [
-            A("EC:AI")
+            $("EC:AI")
           ]),
           _: 1
         }, 8, ["disabled"])),
@@ -9442,7 +9461,7 @@ function Bg(e, s, t, a, n, i) {
 }
 const m_ = /* @__PURE__ */ y(rg, [["render", Bg], ["__scopeId", "data-v-3c8b7acd"]]), Ig = {
   name: "ecs-ecai-wrapper",
-  components: { EcsIcon: L },
+  components: { EcsIcon: A },
   props: {
     /** Padding to be applied to the wrapper. */
     padding: {
@@ -9496,7 +9515,7 @@ const h_ = /* @__PURE__ */ y(Ig, [["render", Eg], ["__scopeId", "data-v-ddf398d0
   name: "ecs-entry-link",
   emits: ["linkClick", "linkClickExternal", "moreClick"],
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsSticker: Oe,
     EcsButtonMore: Gt,
     EcsFocusRing: D
@@ -9555,11 +9574,11 @@ const h_ = /* @__PURE__ */ y(Ig, [["render", Eg], ["__scopeId", "data-v-ddf398d0
 }, Pg = ["title"], Mg = {
   key: 1,
   class: "prepend"
-}, $g = ["title"], Ag = {
+}, Lg = ["title"], $g = {
   key: 2,
   class: "append"
 };
-function Lg(e, s, t, a, n, i) {
+function Ag(e, s, t, a, n, i) {
   const l = g("ecs-icon"), c = g("ecs-sticker"), d = g("ecs-focus-ring"), h = g("ecs-button-more");
   return o(), r("div", {
     onClick: s[0] || (s[0] = G((...b) => i.handleClick && i.handleClick(...b), ["stop"])),
@@ -9589,8 +9608,8 @@ function Lg(e, s, t, a, n, i) {
     f("div", {
       class: v(["ecs-entry-link-label", t.emphasized ? "emphasized" : ""]),
       title: t.linkTitle
-    }, C(t.label), 11, $g),
-    e.$slots.appender ? (o(), r("div", Ag, [
+    }, C(t.label), 11, Lg),
+    e.$slots.appender ? (o(), r("div", $g, [
       p(e.$slots, "appender", {}, void 0, !0)
     ])) : u("", !0),
     _(d, {
@@ -9606,9 +9625,9 @@ function Lg(e, s, t, a, n, i) {
     }, null, 8, ["onClick", "title", "aria-label"])) : u("", !0)
   ]);
 }
-const p_ = /* @__PURE__ */ y(Tg, [["render", Lg], ["__scopeId", "data-v-00b5ab33"]]), Og = {
+const p_ = /* @__PURE__ */ y(Tg, [["render", Ag], ["__scopeId", "data-v-00b5ab33"]]), Og = {
   name: "ecs-excerpt-snippet",
-  components: { EcsIcon: L, EcsSkeletonLoader: te, EcsFormatted: Zs },
+  components: { EcsIcon: A, EcsSkeletonLoader: te, EcsFormatted: Zs },
   props: {
     /** Determines how the content of the excerpt should be rendered. */
     type: {
@@ -9798,7 +9817,7 @@ const b_ = /* @__PURE__ */ y(Ug, [["render", Kg]]), Yg = {
   name: "ecs-file-list-item",
   emits: ["click", "remove", "toggled", "title-click"],
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsFileIcon: Us,
     EcsSticker: Oe,
     EcsButtonTable: Xs,
@@ -10151,7 +10170,7 @@ const fm = /* @__PURE__ */ y(dm, [["render", um], ["__scopeId", "data-v-1d2ad846
   name: "ecs-input-clear",
   emits: ["click"],
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsFocusRing: D
   },
   props: {
@@ -10197,7 +10216,7 @@ const vm = /* @__PURE__ */ y(gm, [["render", pm], ["__scopeId", "data-v-a4a35b1d
   name: "ecs-input-search",
   emits: ["update:modelValue", "change"],
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsInputClear: vm
   },
   props: {
@@ -10458,7 +10477,7 @@ function zm(e, s, t, a, n, i) {
         class: "ecs-folder-selector-title"
       }, {
         default: S(() => [
-          A(C(t.title), 1)
+          $(C(t.title), 1)
         ]),
         _: 1
       })) : t.searchable ? (o(), m(c, {
@@ -10489,7 +10508,7 @@ function zm(e, s, t, a, n, i) {
         "focus-inset": 0
       }, {
         default: S(() => [
-          A("Add Folder")
+          $("Add Folder")
         ]),
         _: 1
       }, 8, ["onClick"])) : u("", !0)
@@ -10513,7 +10532,7 @@ const C_ = /* @__PURE__ */ y(xm, [["render", zm], ["__scopeId", "data-v-e8fd70d2
   key: 0,
   class: "ecs-form-headline-controls"
 };
-function $m(e, s) {
+function Lm(e, s) {
   return o(), r("div", Tm, [
     f("h2", Pm, [
       p(e.$slots, "default", {}, void 0, !0)
@@ -10523,7 +10542,7 @@ function $m(e, s) {
     ])) : u("", !0)
   ]);
 }
-const S_ = /* @__PURE__ */ y(Em, [["render", $m], ["__scopeId", "data-v-16833f69"]]), Am = {
+const S_ = /* @__PURE__ */ y(Em, [["render", Lm], ["__scopeId", "data-v-16833f69"]]), $m = {
   name: "ecs-form-set",
   props: {
     /** Indicates an error state. */
@@ -10537,7 +10556,7 @@ const S_ = /* @__PURE__ */ y(Em, [["render", $m], ["__scopeId", "data-v-16833f69
       required: !0
     }
   }
-}, Lm = ["aria-invalid"], Om = { class: "ecs-form-set-title" };
+}, Am = ["aria-invalid"], Om = { class: "ecs-form-set-title" };
 function Dm(e, s, t, a, n, i) {
   return o(), r("fieldset", {
     class: v(["ecs-form-set", t.error ? "error" : ""]),
@@ -10545,9 +10564,9 @@ function Dm(e, s, t, a, n, i) {
   }, [
     f("legend", Om, C(t.title), 1),
     p(e.$slots, "default", {}, void 0, !0)
-  ], 10, Lm);
+  ], 10, Am);
 }
-const w_ = /* @__PURE__ */ y(Am, [["render", Dm], ["__scopeId", "data-v-c9188464"]]), Nm = {
+const w_ = /* @__PURE__ */ y($m, [["render", Dm], ["__scopeId", "data-v-c9188464"]]), Nm = {
   name: "ecs-highlight",
   props: {
     /** Makes the highlight area visible. */
@@ -10927,7 +10946,7 @@ function ih(e, s, t, a, n, i) {
 }
 const nh = /* @__PURE__ */ y(eh, [["render", ih], ["__scopeId", "data-v-9e01ece1"]]), ah = {
   name: "ecs-input-group-addon",
-  components: { EcsIcon: L },
+  components: { EcsIcon: A },
   props: {
     /** Sets the icon for the input add-on. Do not use icons together with text, or buttons. The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). */
     icon: {
@@ -11243,7 +11262,7 @@ function wh(e, s, t, a, n, i) {
           disabled: t.navigating || null,
           id: "currEntry"
         }, C(t.currentEntry), 41, Sh),
-        A(" /  "),
+        $(" /  "),
         f("div", null, C(t.totalEntries), 1)
       ])) : u("", !0),
       _(l, {
@@ -11356,7 +11375,7 @@ function Th(e, s, t, a, n, i) {
           class: "ecs-jumper-count-input",
           contenteditable: !0
         }, C(t.currentCount), 33),
-        A(" of  "),
+        $(" of  "),
         f("div", null, C(t.maxCount), 1)
       ])) : u("", !0),
       _(l, {
@@ -11370,7 +11389,7 @@ function Th(e, s, t, a, n, i) {
     _: 1
   });
 }
-const $_ = /* @__PURE__ */ y(xh, [["render", Th], ["__scopeId", "data-v-ff5280fd"]]), Ph = {
+const L_ = /* @__PURE__ */ y(xh, [["render", Th], ["__scopeId", "data-v-ff5280fd"]]), Ph = {
   name: "ecs-jumper-page",
   emits: [
     "selectCurPageText",
@@ -11426,7 +11445,7 @@ const $_ = /* @__PURE__ */ y(xh, [["render", Th], ["__scopeId", "data-v-ff5280fd
       this.$emit("currentPageKeyPressed", e), e.stopPropagation(), e.key == "Enter" && e.preventDefault();
     }
   }
-}, Mh = { class: "ecs-viewer-pages" }, $h = { class: "ecs-viewer-pages-inner" }, Ah = { class: "ecs-viewer-pages-pagination" }, Lh = ["contenteditable"], Oh = { class: "total-pages" }, Dh = {
+}, Mh = { class: "ecs-viewer-pages" }, Lh = { class: "ecs-viewer-pages-inner" }, $h = { class: "ecs-viewer-pages-pagination" }, Ah = ["contenteditable"], Oh = { class: "total-pages" }, Dh = {
   key: 0,
   class: "page-missing-gaps",
   title: "This transcript has missing page gaps"
@@ -11436,9 +11455,9 @@ const $_ = /* @__PURE__ */ y(xh, [["render", Th], ["__scopeId", "data-v-ff5280fd
 }, Fh = ["innerHTML"], qh = { class: "total-pages" };
 function Wh(e, s, t, a, n, i) {
   return o(), r("div", Mh, [
-    f("div", $h, [
+    f("div", Lh, [
       i.showAltPageNumbers ? (o(), r(F, { key: 0 }, [
-        f("div", Ah, [
+        f("div", $h, [
           f("div", {
             onClick: s[0] || (s[0] = (l) => e.$emit("selectCurPageText")),
             onKeydown: s[1] || (s[1] = (l) => i.pageKeyPressed(l, "relative")),
@@ -11446,7 +11465,7 @@ function Wh(e, s, t, a, n, i) {
             contenteditable: !t.disabled,
             class: "current-page",
             id: "currPage"
-          }, C(t.currentPage), 41, Lh),
+          }, C(t.currentPage), 41, Ah),
           f("div", Oh, "of " + C(t.lastPage), 1),
           t.isTranscriptMissingPages ? (o(), r("span", Dh, "*")) : u("", !0)
         ]),
@@ -11469,7 +11488,7 @@ function Wh(e, s, t, a, n, i) {
     ])
   ]);
 }
-const A_ = /* @__PURE__ */ y(Ph, [["render", Wh], ["__scopeId", "data-v-c2793241"]]), jh = {
+const $_ = /* @__PURE__ */ y(Ph, [["render", Wh], ["__scopeId", "data-v-c2793241"]]), jh = {
   // eslint-disable-next-line vue/multi-word-component-names
   name: "ecs-pane",
   inject: ["requestUpdate", "onPaneAdd", "onPaneRemove", "onPaneClick"],
@@ -11931,7 +11950,7 @@ function Qh(e, s, t, a, n, i) {
     ], 2)
   ], 2);
 }
-const L_ = /* @__PURE__ */ y(Yh, [["render", Qh], ["__scopeId", "data-v-60a69d4e"]]), ep = {
+const A_ = /* @__PURE__ */ y(Yh, [["render", Qh], ["__scopeId", "data-v-60a69d4e"]]), ep = {
   name: "ecs-layout-directory",
   props: {
     /** Adds some inner padding to the index content area. Should be used for non-table indexes. */
@@ -12366,8 +12385,8 @@ const H_ = /* @__PURE__ */ y(wp, [["render", Ip], ["__scopeId", "data-v-e2371c57
 }, Pp = { class: "ecs-modal-content-wrap scrollbar" }, Mp = {
   key: 1,
   class: "ecs-modal-footer-wrap"
-}, $p = /* @__PURE__ */ Ep(() => /* @__PURE__ */ f("div", { class: "ecs-modal-backdrop ecs-modal-sheet-backdrop" }, null, -1));
-function Ap(e, s, t, a, n, i) {
+}, Lp = /* @__PURE__ */ Ep(() => /* @__PURE__ */ f("div", { class: "ecs-modal-backdrop ecs-modal-sheet-backdrop" }, null, -1));
+function $p(e, s, t, a, n, i) {
   return o(), m(pe, { name: "dialog-fade" }, {
     default: S(() => [
       n.isShown ? (o(), r("div", {
@@ -12388,13 +12407,13 @@ function Ap(e, s, t, a, n, i) {
             p(e.$slots, "footer", {}, void 0, !0)
           ])) : u("", !0)
         ], 4),
-        $p
+        Lp
       ], 2)) : u("", !0)
     ]),
     _: 3
   });
 }
-const R_ = /* @__PURE__ */ y(zp, [["render", Ap], ["__scopeId", "data-v-8be29ca7"]]), Lp = {
+const R_ = /* @__PURE__ */ y(zp, [["render", $p], ["__scopeId", "data-v-8be29ca7"]]), Ap = {
   name: "ecs-modal-header",
   emits: ["close"],
   components: {
@@ -12465,7 +12484,7 @@ function Vp(e, s, t, a, n, i) {
     ])) : u("", !0)
   ], 2);
 }
-const F_ = /* @__PURE__ */ y(Lp, [["render", Vp], ["__scopeId", "data-v-ed6067fe"]]), Hp = {
+const F_ = /* @__PURE__ */ y(Ap, [["render", Vp], ["__scopeId", "data-v-ed6067fe"]]), Hp = {
   name: "ecs-modal-footer"
 }, Rp = { class: "ecs-modal-footer" }, Fp = {
   key: 0,
@@ -12484,7 +12503,7 @@ function Wp(e, s, t, a, n, i) {
 const q_ = /* @__PURE__ */ y(Hp, [["render", Wp], ["__scopeId", "data-v-ac286496"]]), jp = {
   name: "ecs-select-text",
   emits: ["change", "focus", "blur"],
-  components: { EcsIcon: L, EcsFocusRing: D },
+  components: { EcsIcon: A, EcsFocusRing: D },
   props: {
     /** Determines the size of the select control. */
     size: {
@@ -12590,7 +12609,7 @@ const Kp = /* @__PURE__ */ y(jp, [["render", Gp], ["__scopeId", "data-v-e4819f41
   name: "ecs-multiselect-search-token",
   emits: ["remove", "change", "operatorChange", "operatorToggle"],
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsFocusRing: D,
     EcsSelectText: Kp
   },
@@ -12730,7 +12749,7 @@ const W_ = /* @__PURE__ */ y(Yp, [["render", tv], ["__scopeId", "data-v-c3c80822
   name: "ecs-multiselect-token",
   emits: ["remove"],
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsFocusRing: D
   }
 };
@@ -12758,7 +12777,7 @@ function iv(e, s, t, a, n, i) {
 const j_ = /* @__PURE__ */ y(sv, [["render", iv], ["__scopeId", "data-v-ce139540"]]), nv = {
   name: "ecs-multiselect-option",
   components: {
-    EcsIcon: L
+    EcsIcon: A
   },
   props: {
     /** Sets the type of option. `key` is a regular option to select, while `header` should be used for group header headlines. */
@@ -12793,7 +12812,7 @@ function ov(e, s, t, a, n, i) {
 const U_ = /* @__PURE__ */ y(nv, [["render", ov], ["__scopeId", "data-v-e28fc40f"]]), lv = {
   name: "ecs-overlay",
   emits: ["close", "toggled"],
-  components: { EcsIcon: L, EcsButtonToolbar: _t, EcsAlert: Ms },
+  components: { EcsIcon: A, EcsButtonToolbar: _t, EcsAlert: Ms },
   props: {
     /** Shows the Overlay. */
     show: {
@@ -12988,7 +13007,7 @@ function Sv(e, s, t, a, n, i) {
             f("div", null, [
               f("span", cv, [
                 t.headerTitleEmphasized ? (o(), r("span", dv, C(t.headerTitleEmphasized), 1)) : u("", !0),
-                A(" " + C(t.headerTitle), 1)
+                $(" " + C(t.headerTitle), 1)
               ]),
               t.headerTitleSubline ? (o(), r("span", uv, C(t.headerTitleSubline), 1)) : u("", !0)
             ])
@@ -13013,7 +13032,7 @@ function Sv(e, s, t, a, n, i) {
             icon: "close"
           }, {
             default: S(() => [
-              A(C(t.closeText), 1)
+              $(C(t.closeText), 1)
             ]),
             _: 1
           }, 8, ["disabled"])
@@ -13089,7 +13108,7 @@ const G_ = /* @__PURE__ */ y(lv, [["render", Sv], ["__scopeId", "data-v-05e73b25
     EcsButton: ze,
     EcsSelect: Zt,
     EcsFlexRow: Ie,
-    EcsIcon: L
+    EcsIcon: A
   },
   props: {
     /** The pagination theme. `default` should be used for general index pages that contain full width data tables. Use `floating` pagination for indexes with cards, and `bordered` for pagination of data tables that are itself bordered. */
@@ -13281,9 +13300,9 @@ function Mv(e, s, t, a, n, i) {
             _: 1
           })
         ], 64)) : i.hasRange ? (o(), r("span", zv, [
-          A("Showing entries "),
+          $("Showing entries "),
           f("span", null, C(t.itemRangeFrom) + " to " + C(t.itemRangeTo), 1),
-          A(" of "),
+          $(" of "),
           f("span", null, C(t.itemRangeTotal), 1)
         ])) : u("", !0)
       ]),
@@ -13330,9 +13349,9 @@ function Mv(e, s, t, a, n, i) {
     })) : u("", !0)
   ], 2);
 }
-const K_ = /* @__PURE__ */ y(wv, [["render", Mv], ["__scopeId", "data-v-ca016e63"]]), $v = {
+const K_ = /* @__PURE__ */ y(wv, [["render", Mv], ["__scopeId", "data-v-ca016e63"]]), Lv = {
   name: "ecs-party-entry",
-  components: { EcsIcon: L, EcsSticker: Oe },
+  components: { EcsIcon: A, EcsSticker: Oe },
   props: {
     /** Adds an icon to the party entry. The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). */
     icon: {
@@ -13408,11 +13427,11 @@ const K_ = /* @__PURE__ */ y(wv, [["render", Mv], ["__scopeId", "data-v-ca016e63
       }
     }
   }
-}, Av = {
+}, $v = {
   key: 2,
   class: "ecs-party-entry-background"
 };
-function Lv(e, s, t, a, n, i) {
+function Av(e, s, t, a, n, i) {
   const l = g("ecs-icon"), c = g("ecs-sticker");
   return o(), r("div", {
     class: v(["ecs-party-entry", [t.party, t.color && t.background ? "ecs-party-entry-colored" : ""]]),
@@ -13451,10 +13470,10 @@ function Lv(e, s, t, a, n, i) {
         type: "shared"
       })) : u("", !0)
     ], 4)) : u("", !0),
-    t.background ? (o(), r("div", Av)) : u("", !0)
+    t.background ? (o(), r("div", $v)) : u("", !0)
   ], 6);
 }
-const Y_ = /* @__PURE__ */ y($v, [["render", Lv], ["__scopeId", "data-v-b9690261"]]), Ov = {
+const Y_ = /* @__PURE__ */ y(Lv, [["render", Av], ["__scopeId", "data-v-b9690261"]]), Ov = {
   name: "EcsPopoverListHeadline",
   components: {
     EcsButtonCollapse: Ut
@@ -13578,7 +13597,7 @@ function Fv(e, s, t, a, n, i) {
 const qv = /* @__PURE__ */ y(Vv, [["render", Fv], ["__scopeId", "data-v-8f28e1c1"]]), Wv = {
   name: "ecs-rating-favorability",
   emits: ["click"],
-  components: { EcsIcon: L, EcsSkeletonLoader: te },
+  components: { EcsIcon: A, EcsSkeletonLoader: te },
   props: {
     /** If set, the favorability icon will have a label as well. */
     label: {
@@ -13674,7 +13693,7 @@ function Gv(e, s, t, a, n, i) {
 const Kv = /* @__PURE__ */ y(Wv, [["render", Gv], ["__scopeId", "data-v-a6e15633"]]), Yv = {
   name: "ecs-quicklinks-link",
   emits: ["click", "input", "toggle", "update:volumes"],
-  components: { EcsCheckbox: lt, EcsRatingStarRead: qv, EcsRatingFavorability: Kv, EcsSwitch: jt, EcsIcon: L, EcsFocusRing: D, EcsAvatar: vt, EcsFlexRow: Ie, EcsPopover: bt, EcsPopoverList: qs, EcsPopoverListItem: Gs },
+  components: { EcsCheckbox: lt, EcsRatingStarRead: qv, EcsRatingFavorability: Kv, EcsSwitch: jt, EcsIcon: A, EcsFocusRing: D, EcsAvatar: vt, EcsFlexRow: Ie, EcsPopover: bt, EcsPopoverList: qs, EcsPopoverListItem: Gs },
   props: {
     /** The label text for the quicklink. */
     label: {
@@ -13818,7 +13837,7 @@ const Kv = /* @__PURE__ */ y(Wv, [["render", Gv], ["__scopeId", "data-v-a6e15633
   class: "meta"
 }, dy = { key: 0 }, uy = ["title"];
 function fy(e, s, t, a, n, i) {
-  const l = g("ecs-icon"), c = g("ecs-focus-ring"), d = g("ecs-rating-favorability"), h = g("ecs-rating-star-read"), b = g("ecs-switch"), k = g("ecs-avatar"), E = g("ecs-popover-list-item"), I = g("ecs-popover-list"), B = g("ecs-popover"), M = g("ecs-flex-row"), $ = g("ecs-checkbox");
+  const l = g("ecs-icon"), c = g("ecs-focus-ring"), d = g("ecs-rating-favorability"), h = g("ecs-rating-star-read"), b = g("ecs-switch"), k = g("ecs-avatar"), E = g("ecs-popover-list-item"), I = g("ecs-popover-list"), B = g("ecs-popover"), M = g("ecs-flex-row"), L = g("ecs-checkbox");
   return o(), r("li", {
     class: v(["ecs-quicklinks-link", [
       i.typeClass,
@@ -13866,7 +13885,7 @@ function fy(e, s, t, a, n, i) {
         }, C(t.meta), 9, ny)) : u("", !0)
       ])) : u("", !0),
       _(c)
-    ])) : (o(), m($, {
+    ])) : (o(), m(L, {
       key: 2,
       onInput: s[3] || (s[3] = (z) => e.$emit("input", z)),
       value: t.value,
@@ -13888,7 +13907,7 @@ function fy(e, s, t, a, n, i) {
           colored: ""
         }, {
           default: S(() => [
-            A(C(t.label), 1)
+            $(C(t.label), 1)
           ]),
           _: 1
         }, 8, ["value", "disabled"])) : t.type === "persona" ? (o(), r(F, { key: 2 }, [
@@ -13928,7 +13947,7 @@ function fy(e, s, t, a, n, i) {
                       "aria-label": `Volume ${z.id}${z.active ? " active" : ""}`
                     }, {
                       default: S(() => [
-                        A(C(z.id), 1)
+                        $(C(z.id), 1)
                       ]),
                       _: 2
                     }, 1032, ["onClick", "selected", "title", "aria-label"]))), 128))
@@ -14104,7 +14123,7 @@ function Iy(e, s, t, a, n, i) {
       key: 0,
       class: v(["ecs-section-headline", [t.headlineBold ? "ecs-headline-section-bold" : "ecs-headline-section", e.$slots.controls ? "has-buttons" : ""]])
     }, [
-      A(C(t.title) + " ", 1),
+      $(C(t.title) + " ", 1),
       e.$slots.controls ? (o(), r("div", By, [
         p(e.$slots, "controls", {}, void 0, !0)
       ])) : u("", !0)
@@ -14122,7 +14141,7 @@ function Iy(e, s, t, a, n, i) {
 const Q_ = /* @__PURE__ */ y(xy, [["render", Iy], ["__scopeId", "data-v-ec263a49"]]), zy = {
   name: "ecs-segments",
   emits: ["click"],
-  components: { EcsIcon: L },
+  components: { EcsIcon: A },
   props: {
     /** Array of all the options objects:
      * 
@@ -14183,12 +14202,12 @@ function My(e, s, t, a, n, i) {
           size: "20",
           color: "#2F333C"
         }, null, 8, ["class", "type"])) : u("", !0),
-        A(" " + C(c.label), 1)
+        $(" " + C(c.label), 1)
       ], 8, Py)
     ], 8, Ey))), 128))
   ], 2);
 }
-const e1 = /* @__PURE__ */ y(zy, [["render", My], ["__scopeId", "data-v-868d7eb4"]]), $y = {
+const e1 = /* @__PURE__ */ y(zy, [["render", My], ["__scopeId", "data-v-868d7eb4"]]), Ly = {
   name: "ecs-select-tile",
   emits: ["click"],
   components: {
@@ -14233,7 +14252,7 @@ const e1 = /* @__PURE__ */ y(zy, [["render", My], ["__scopeId", "data-v-868d7eb4
       default: !1
     }
   }
-}, Ay = (e) => (ve("data-v-642a7ad7"), e = e(), ye(), e), Ly = ["aria-checked", "tabindex"], Oy = /* @__PURE__ */ Ay(() => /* @__PURE__ */ f("div", { class: "select-check" }, null, -1)), Dy = {
+}, $y = (e) => (ve("data-v-642a7ad7"), e = e(), ye(), e), Ay = ["aria-checked", "tabindex"], Oy = /* @__PURE__ */ $y(() => /* @__PURE__ */ f("div", { class: "select-check" }, null, -1)), Dy = {
   key: 1,
   class: "label"
 }, Ny = {
@@ -14264,9 +14283,9 @@ function Vy(e, s, t, a, n, i) {
       inset: -6,
       radius: 12
     })
-  ], 42, Ly);
+  ], 42, Ay);
 }
-const t1 = /* @__PURE__ */ y($y, [["render", Vy], ["__scopeId", "data-v-642a7ad7"]]), Hy = {
+const t1 = /* @__PURE__ */ y(Ly, [["render", Vy], ["__scopeId", "data-v-642a7ad7"]]), Hy = {
   name: "ecs-sequence-map"
 }, Ry = {
   class: "ecs-sequence-map",
@@ -14281,7 +14300,7 @@ function Fy(e, s, t, a, n, i) {
 const s1 = /* @__PURE__ */ y(Hy, [["render", Fy], ["__scopeId", "data-v-69c3c73d"]]), qy = {
   name: "ecs-sequence-map-button",
   emits: ["click"],
-  components: { EcsIcon: L, EcsFocusRing: D },
+  components: { EcsIcon: A, EcsFocusRing: D },
   props: {
     /** Index of the step. */
     step: {
@@ -14323,7 +14342,7 @@ function Ky(e, s, t, a, n, i) {
     "aria-busy": t.loading || null
   }, [
     f("span", Uy, [
-      A(C(t.step) + " ", 1),
+      $(C(t.step) + " ", 1),
       t.loading ? (o(), m(l, {
         key: 0,
         type: "loading",
@@ -14579,7 +14598,7 @@ function bb(e, s, t, a, n, i) {
 const r1 = /* @__PURE__ */ y(vb, [["render", bb], ["__scopeId", "data-v-81bc3c0a"]]), _b = {
   name: "ecs-sidebar-list-item",
   emits: ["click", "select"],
-  components: { EcsIcon: L, EcsAvatar: vt, EcsCheckbox: lt, EcsFlexRow: Ie, EcsSkeletonLoader: te },
+  components: { EcsIcon: A, EcsAvatar: vt, EcsCheckbox: lt, EcsFlexRow: Ie, EcsSkeletonLoader: te },
   props: {
     /** Optional unique identifier for the list item. */
     id: {
@@ -14748,7 +14767,7 @@ function Ib(e, s, t, a, n, i) {
                 "line-height": 2,
                 width: "random"
               })) : t.subline ? (o(), r(F, { key: 1 }, [
-                A(C(t.subline), 1)
+                $(C(t.subline), 1)
               ], 64)) : u("", !0)
             ]),
             t.sublineSecondary || t.loading ? (o(), r("span", Bb, [
@@ -14762,7 +14781,7 @@ function Ib(e, s, t, a, n, i) {
                   width: "random",
                   alignment: "right"
                 })) : (o(), r(F, { key: 1 }, [
-                  A(C(t.sublineSecondary), 1)
+                  $(C(t.sublineSecondary), 1)
                 ], 64))
               ], 2)
             ])) : u("", !0)
@@ -14855,7 +14874,7 @@ const c1 = /* @__PURE__ */ y(_b, [["render", Ib], ["__scopeId", "data-v-bfccb426
   key: 2,
   class: "ecs-structured-content-right"
 }, Pb = { class: "ecs-structured-content-collapse-inner" }, Mb = { class: "ecs-structured-content-collapse-content" };
-function $b(e, s, t, a, n, i) {
+function Lb(e, s, t, a, n, i) {
   const l = g("ecs-skeleton-loader");
   return o(), r("div", {
     class: v(["ecs-structured-content", [
@@ -14906,7 +14925,7 @@ function $b(e, s, t, a, n, i) {
     ], 2)) : u("", !0)
   ], 2);
 }
-const d1 = /* @__PURE__ */ y(zb, [["render", $b], ["__scopeId", "data-v-9d097914"]]), Ab = {
+const d1 = /* @__PURE__ */ y(zb, [["render", Lb], ["__scopeId", "data-v-9d097914"]]), $b = {
   name: "ecs-swatches-picker",
   emits: ["update:modelValue"],
   props: {
@@ -14957,7 +14976,7 @@ const d1 = /* @__PURE__ */ y(zb, [["render", $b], ["__scopeId", "data-v-9d097914
       this.selectedTitle = this.swatches[this.swatches.findIndex((e) => e.hex === this.selectedColor)].title;
     }
   }
-}, Lb = ["onClick", "onKeydown", "title", "aria-label", "aria-checked"];
+}, Ab = ["onClick", "onKeydown", "title", "aria-label", "aria-checked"];
 function Ob(e, s, t, a, n, i) {
   return o(), r("div", {
     class: v(["ecs-swatches", i.sizeClass]),
@@ -14977,10 +14996,10 @@ function Ob(e, s, t, a, n, i) {
       "aria-checked": n.selectedColor == l.hex ? "true" : "false",
       class: v(["ecs-swatches-color", n.selectedColor == l.hex ? "active" : ""]),
       style: x({ backgroundColor: l.hex, color: l.hex })
-    }, null, 46, Lb))), 128))
+    }, null, 46, Ab))), 128))
   ], 2);
 }
-const u1 = /* @__PURE__ */ y(Ab, [["render", Ob], ["__scopeId", "data-v-ade2140a"]]), Db = {
+const u1 = /* @__PURE__ */ y($b, [["render", Ob], ["__scopeId", "data-v-ade2140a"]]), Db = {
   name: "ecs-tab",
   props: {
     /** Shows this tab. */
@@ -15027,7 +15046,7 @@ const f1 = /* @__PURE__ */ y(Db, [["render", Vb], ["__scopeId", "data-v-2c119fff
   name: "ecs-tab-button",
   emits: ["click", "tabNavigation"],
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsSticker: Oe,
     EcsFocusRing: D
   },
@@ -15327,7 +15346,7 @@ function t0(e, s, t, a, n, i) {
       onClick: s[0] || (s[0] = (c) => e.$emit("action")),
       class: "ecs-toast-action"
     }, [
-      A(C(t.button) + " ", 1),
+      $(C(t.button) + " ", 1),
       _(l, {
         inset: 0,
         radius: 6
@@ -15355,7 +15374,7 @@ const v1 = /* @__PURE__ */ y(s0, [["render", n0], ["__scopeId", "data-v-451fee48
   name: "ecs-transcript-state",
   emits: ["click"],
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsSkeletonLoader: te
   },
   props: {
@@ -15447,7 +15466,7 @@ function g0(e, s, t, a, n, i) {
 const b1 = /* @__PURE__ */ y(u0, [["render", g0], ["__scopeId", "data-v-6af94f50"]]), m0 = {
   name: "ecs-tree-list-item",
   emits: ["click", "toggled"],
-  components: { EcsIcon: L, EcsButtonCollapse: Ut, EcsFocusRing: D },
+  components: { EcsIcon: A, EcsButtonCollapse: Ut, EcsFocusRing: D },
   mixins: [be],
   props: {
     /** ID for the Tree List Item */
@@ -15826,9 +15845,9 @@ const S1 = /* @__PURE__ */ y(T0, [["render", M0], ["__scopeId", "data-v-ce84fcb3
 export {
   Oi as EcsActionToolbar,
   Ms as EcsAlert,
-  A0 as EcsAudio,
+  $0 as EcsAudio,
   vt as EcsAvatar,
-  L0 as EcsBanner,
+  A0 as EcsBanner,
   O0 as EcsBreadcrumb,
   D0 as EcsBreadcrumbButton,
   N0 as EcsBreadcrumbTitle,
@@ -15892,7 +15911,7 @@ export {
   w_ as EcsFormSet,
   Zs as EcsFormatted,
   x_ as EcsHighlight,
-  L as EcsIcon,
+  A as EcsIcon,
   Fm as EcsIllustration,
   B_ as EcsIndexToolbar,
   Qf as EcsInfoTooltip,
@@ -15905,11 +15924,11 @@ export {
   T_ as EcsInputGroup,
   km as EcsInputSearch,
   M_ as EcsJumperDocument,
-  $_ as EcsJumperIndex,
-  A_ as EcsJumperPage,
+  L_ as EcsJumperIndex,
+  $_ as EcsJumperPage,
   D_ as EcsLayoutDataTable,
   O_ as EcsLayoutDirectory,
-  L_ as EcsLayoutIndex,
+  A_ as EcsLayoutIndex,
   N_ as EcsLegendItem,
   V_ as EcsLogMessage,
   H_ as EcsMap,