@everchron/ec-shards 9.17.8 → 9.17.10

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 B, 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 w, computed as Ee, Fragment as F, renderList as J, pushScopeId as ve, popScopeId as ye, reactive as ri, nextTick as ci, onBeforeUnmount as Lt, toRefs as Bs, isRef as di, onMounted as Is, useSlots as ui, ref as Re, watchEffect as ct, withKeys as Y, Teleport as fi, withDirectives as Ze, vShow as pt, mergeProps as qe, normalizeProps as gi, guardReactiveProps as mi, withModifiers as G, resolveDirective as hi, vModelText as pi, createStaticVNode as vi, markRaw as yi, TransitionGroup as zs, h as bi } 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 B, resolveComponent as g, createVNode as _, createCommentVNode as u, createElementVNode as f, createTextVNode as L, toDisplayString as C, renderSlot as p, Transition as pe, withCtx as w, computed as Ee, Fragment as F, renderList as J, pushScopeId as ve, popScopeId as ye, reactive as ri, nextTick as ci, onBeforeUnmount as At, toRefs as Bs, isRef as di, onMounted as Is, useSlots as ui, ref as Re, watchEffect as ct, withKeys as Y, Teleport as fi, withDirectives as Ze, vShow as pt, mergeProps as qe, normalizeProps as gi, guardReactiveProps as mi, withModifiers as G, resolveDirective as hi, vModelText as pi, createStaticVNode as vi, markRaw as yi, TransitionGroup as zs, h as bi } 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(_i, [["__scopeId", "data-v-a1c506ab"]]), ki = {
+}, A = /* @__PURE__ */ y(_i, [["__scopeId", "data-v-a1c506ab"]]), ki = {
   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 Ci(e, s, t, a, n, i) {
 const D = /* @__PURE__ */ y(ki, [["render", Ci], ["__scopeId", "data-v-8d624905"]]), wi = {
   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 zi(e, s, t, a, n, i) {
           type: t.icon,
           size: "20"
         }, null, 8, ["type"])) : u("", !0),
-        A(" " + C(t.headline), 1)
+        L(" " + C(t.headline), 1)
       ])) : u("", !0),
       e.$slots.default ? (o(), r("div", Ii, [
         p(e.$slots, "default", {}, void 0, !0)
@@ -210,7 +210,7 @@ function zi(e, s, t, a, n, i) {
       onClick: s[1] || (s[1] = (d) => e.$emit("action")),
       class: "action"
     }, [
-      A(C(t.actionLabel) + " ", 1),
+      L(C(t.actionLabel) + " ", 1),
       _(c)
     ])) : u("", !0)
   ], 6)) : u("", !0);
@@ -264,7 +264,7 @@ const Mi = /* @__PURE__ */ y(Ei, [["render", Pi], ["__scopeId", "data-v-ed37c526
       default: null
     }
   }
-}, Ai = ["controls", "autoplay", "loop"], Li = ["src"], Oi = ["src"];
+}, Li = ["controls", "autoplay", "loop"], Ai = ["src"], Oi = ["src"];
 function Di(e, s, t, a, n, i) {
   return o(), r("audio", {
     class: "ecs-audio",
@@ -276,13 +276,13 @@ function Di(e, s, t, a, n, i) {
       key: 0,
       src: t.mp3Source,
       type: "audio/mp3"
-    }, null, 8, Li)) : u("", !0),
+    }, null, 8, Ai)) : u("", !0),
     t.oggSource ? (o(), r("source", {
       key: 1,
       src: t.oggSource,
       type: "audio/ogg"
     }, null, 8, Oi)) : u("", !0)
-  ], 8, Ai);
+  ], 8, Li);
 }
 const P0 = /* @__PURE__ */ y($i, [["render", Di], ["__scopeId", "data-v-4e7ca115"]]), Ni = {
   __name: "sticker",
@@ -567,7 +567,7 @@ function Ki(e, s, t, a, n, i) {
   ], 14, Ui);
 }
 const vt = /* @__PURE__ */ y(ji, [["render", Ki], ["__scopeId", "data-v-35132970"]]), Yi = {
-  components: { EcsIcon: L, EcsFocusRing: D },
+  components: { EcsIcon: A, EcsFocusRing: D },
   emits: ["dismiss"],
   props: {
     /** The alert variant, which defines it's background color. */
@@ -685,7 +685,7 @@ const $0 = /* @__PURE__ */ y(Zi, [["render", Ji], ["__scopeId", "data-v-d1ff2486
   name: "ecs-breadcrumb-button",
   emits: ["click"],
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsFocusRing: D
   },
   props: {
@@ -739,7 +739,7 @@ function tn(e, s, t, a, n, i) {
     _(c)
   ], 2);
 }
-const A0 = /* @__PURE__ */ y(Qi, [["render", tn], ["__scopeId", "data-v-e677c000"]]), sn = {
+const L0 = /* @__PURE__ */ y(Qi, [["render", tn], ["__scopeId", "data-v-e677c000"]]), sn = {
   name: "ecs-breadcrumb-title"
 }, nn = {
   class: "ecs-breadcrumb-title",
@@ -750,7 +750,7 @@ function an(e, s, t, a, n, i) {
     p(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const L0 = /* @__PURE__ */ y(sn, [["render", an], ["__scopeId", "data-v-422cc046"]]), on = {
+const A0 = /* @__PURE__ */ y(sn, [["render", an], ["__scopeId", "data-v-422cc046"]]), on = {
   name: "ecs-flex-row",
   props: {
     /** Determines the flex direction of the row. */
@@ -998,7 +998,7 @@ function nt(e) {
 }
 var ce = "top", xe = "bottom", Be = "right", de = "left", Rt = "auto", at = [ce, xe, Be, de], Ye = "start", it = "end", mn = "clippingParents", $s = "viewport", Je = "popper", hn = "reference", rs = /* @__PURE__ */ at.reduce(function(e, s) {
   return e.concat([s + "-" + Ye, s + "-" + it]);
-}, []), As = /* @__PURE__ */ [].concat(at, [Rt]).reduce(function(e, s) {
+}, []), Ls = /* @__PURE__ */ [].concat(at, [Rt]).reduce(function(e, s) {
   return e.concat([s, s + "-" + Ye, s + "-" + it]);
 }, []), pn = "beforeRead", vn = "read", yn = "afterRead", bn = "beforeMain", _n = "main", kn = "afterMain", Cn = "beforeWrite", wn = "write", Sn = "afterWrite", xn = [pn, vn, yn, bn, _n, kn, Cn, wn, Sn];
 function Bn(e) {
@@ -1073,7 +1073,7 @@ function Pn(e) {
     y: d
   };
 }
-function Ls(e, s) {
+function As(e, s) {
   var t = s.getRootNode && s.getRootNode();
   if (e.contains(s))
     return !0;
@@ -1105,10 +1105,10 @@ function cs(e, s, t) {
 function $n(e) {
   var s = tt(yt(e)), t = ["absolute", "fixed"].indexOf($e(e).position) >= 0, a = t && he(e) ? nt(e) : e;
   return We(a) ? s.filter(function(n) {
-    return We(n) && Ls(n, a) && Pe(n) !== "body";
+    return We(n) && As(n, a) && Pe(n) !== "body";
   }) : [];
 }
-function An(e, s, t, a) {
+function Ln(e, s, t, a) {
   var n = s === "clippingParents" ? $n(e) : [].concat(s), i = [].concat(n, [t]), l = i[0], c = i.reduce(function(d, h) {
     var b = cs(e, h, a);
     return d.top = Fe(b.top, d.top), d.right = mt(b.right, d.right), d.bottom = mt(b.bottom, d.bottom), d.left = Fe(b.left, d.left), d;
@@ -1189,7 +1189,7 @@ function Vs(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 ? mn : c, h = t.rootBoundary, b = h === void 0 ? $s : h, k = t.elementContext, E = k === void 0 ? Je : k, I = t.altBoundary, x = I === void 0 ? !1 : I, M = t.padding, $ = M === void 0 ? 0 : M, z = Ns(typeof $ != "number" ? $ : Vs($, at)), T = E === Je ? hn : Je, H = e.rects.popper, O = e.elements[x ? T : E], N = An(We(O) ? O : O.contextElement || De(e.elements.popper), d, b, l), P = Ke(e.elements.reference), V = Os({
+  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 ? mn : c, h = t.rootBoundary, b = h === void 0 ? $s : h, k = t.elementContext, E = k === void 0 ? Je : k, I = t.altBoundary, x = I === void 0 ? !1 : I, M = t.padding, $ = M === void 0 ? 0 : M, z = Ns(typeof $ != "number" ? $ : Vs($, at)), T = E === Je ? hn : Je, H = e.rects.popper, O = e.elements[x ? T : E], N = Ln(We(O) ? O : O.contextElement || De(e.elements.popper), d, b, l), P = Ke(e.elements.reference), V = Os({
     reference: P,
     element: H,
     strategy: "absolute",
@@ -1221,7 +1221,7 @@ function us() {
     return !(a && typeof a.getBoundingClientRect == "function");
   });
 }
-function Ln(e) {
+function An(e) {
   e === void 0 && (e = {});
   var s = e, t = s.defaultModifiers, a = t === void 0 ? [] : t, n = s.defaultOptions, i = n === void 0 ? ds : n;
   return function(c, d, h) {
@@ -1487,7 +1487,7 @@ const Un = {
   effect: jn,
   requires: ["computeStyles"]
 };
-var Gn = [Dn, Vn, qn, Un], Kn = /* @__PURE__ */ Ln({
+var Gn = [Dn, Vn, qn, Un], Kn = /* @__PURE__ */ An({
   defaultModifiers: Gn
 });
 function Yn(e) {
@@ -1520,10 +1520,10 @@ function Zn(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], je = ne + $[_e], ke = ne - $[ge], Ae = I ? -q[ee] / 2 : 0, Ne = T === Ye ? V[ee] : q[ee], ae = T === Ye ? -q[ee] : -V[ee], Ue = s.elements.arrow, Le = I && Ue ? Ht(Ue) : {
+      var Z, _e = O === "y" ? ce : de, ge = O === "y" ? xe : Be, ee = O === "y" ? "height" : "width", ne = P[O], je = ne + $[_e], ke = ne - $[ge], Le = I ? -q[ee] / 2 : 0, Ne = T === Ye ? V[ee] : q[ee], ae = T === Ye ? -q[ee] : -V[ee], Ue = s.elements.arrow, Ae = I && Ue ? Ht(Ue) : {
         width: 0,
         height: 0
-      }, Ce = s.modifiersData["arrow#persistent"] ? s.modifiersData["arrow#persistent"].padding : Ds(), 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, si = H ? -V[ee] / 2 + Ae + oe + U + K.mainAxis : ae + oe + U + K.mainAxis, St = s.elements.arrow && nt(s.elements.arrow), ii = St ? O === "y" ? St.clientTop || 0 : St.clientLeft || 0 : 0, Jt = (Z = X == null ? void 0 : X[O]) != null ? Z : 0, ni = ne + Ve - Jt - ii, ai = ne + si - Jt, Qt = st(I ? mt(je, ni) : je, ne, I ? Fe(ke, ai) : ke);
+      }, Ce = s.modifiersData["arrow#persistent"] ? s.modifiersData["arrow#persistent"].padding : Ds(), R = Ce[_e], U = Ce[ge], oe = st(0, V[ee], Ae[ee]), Ve = H ? V[ee] / 2 - Le - oe - R - K.mainAxis : Ne - oe - R - K.mainAxis, si = H ? -V[ee] / 2 + Le + oe + U + K.mainAxis : ae + oe + U + K.mainAxis, St = s.elements.arrow && nt(s.elements.arrow), ii = St ? O === "y" ? St.clientTop || 0 : St.clientLeft || 0 : 0, Jt = (Z = X == null ? void 0 : X[O]) != null ? Z : 0, ni = ne + Ve - Jt - ii, ai = ne + si - Jt, Qt = st(I ? mt(je, ni) : je, ne, I ? Fe(ke, ai) : ke);
       P[O] = Qt, Q[O] = Qt - ne;
     }
     if (c) {
@@ -1562,7 +1562,7 @@ function gs(e) {
 }
 function ta(e, s) {
   s === void 0 && (s = {});
-  var t = s, a = t.placement, n = t.boundary, i = t.rootBoundary, l = t.padding, c = t.flipVariations, d = t.allowedAutoPlacements, h = d === void 0 ? As : d, b = Xe(a), k = b ? c ? rs : rs.filter(function(x) {
+  var t = s, a = t.placement, n = t.boundary, i = t.rootBoundary, l = t.padding, c = t.flipVariations, d = t.allowedAutoPlacements, h = d === void 0 ? Ls : d, b = Xe(a), k = b ? c ? rs : rs.filter(function(x) {
     return Xe(x) === b;
   }) : at, E = k.filter(function(x) {
     return h.indexOf(x) >= 0;
@@ -1589,8 +1589,8 @@ function sa(e) {
 function ia(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, x = I === void 0 ? !0 : I, M = t.allowedAutoPlacements, $ = s.options.placement, z = Te($), T = z === $, H = d || (T || !x ? [gt($)] : sa($)), O = [$].concat(H).reduce(function(Le, Ce) {
-      return Le.concat(Te(Ce) === Rt ? ta(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, x = I === void 0 ? !0 : I, M = t.allowedAutoPlacements, $ = s.options.placement, z = Te($), T = z === $, H = d || (T || !x ? [gt($)] : sa($)), O = [$].concat(H).reduce(function(Ae, Ce) {
+      return Ae.concat(Te(Ce) === Rt ? ta(s, {
         placement: Ce,
         boundary: b,
         rootBoundary: k,
@@ -1608,8 +1608,8 @@ function ia(e) {
       }), ne = _e ? Z ? Be : de : Z ? xe : ce;
       N[ge] > P[ge] && (ne = gt(ne));
       var je = gt(ne), ke = [];
-      if (i && ke.push(ee[Q] <= 0), c && ke.push(ee[ne] <= 0, ee[je] <= 0), ke.every(function(Le) {
-        return Le;
+      if (i && ke.push(ee[Q] <= 0), c && ke.push(ee[ne] <= 0, ee[je] <= 0), ke.every(function(Ae) {
+        return Ae;
       })) {
         j = X, q = !1;
         break;
@@ -1617,7 +1617,7 @@ function ia(e) {
       V.set(X, ke);
     }
     if (q)
-      for (var Ae = x ? 3 : 1, Ne = function(Ce) {
+      for (var Le = x ? 3 : 1, Ne = function(Ce) {
         var R = O.find(function(U) {
           var oe = V.get(U);
           if (oe)
@@ -1627,7 +1627,7 @@ function ia(e) {
         });
         if (R)
           return j = R, "break";
-      }, ae = Ae; ae > 0; ae--) {
+      }, ae = Le; ae > 0; ae--) {
         var Ue = Ne(ae);
         if (Ue === "break")
           break;
@@ -1658,7 +1658,7 @@ function aa(e, s, t) {
   };
 }
 function oa(e) {
-  var s = e.state, t = e.options, a = e.name, n = t.offset, i = n === void 0 ? [0, 0] : n, l = As.reduce(function(b, k) {
+  var s = e.state, t = e.options, a = e.name, n = t.offset, i = n === void 0 ? [0, 0] : n, l = Ls.reduce(function(b, k) {
     return b[k] = aa(k, s.rects, i), b;
   }, {}), c = l[s.placement], d = c.x, h = c.y;
   s.modifiersData.popperOffsets != null && (s.modifiersData.popperOffsets.x += d, s.modifiersData.popperOffsets.y += h), s.modifiersData[a] = l;
@@ -1684,7 +1684,7 @@ function ca(e) {
 }
 function da(e) {
   var s = e.state, t = e.options, a = t.element, n = a === void 0 ? "[data-popper-arrow]" : a;
-  n != null && (typeof n == "string" && (n = s.elements.popper.querySelector(n), !n) || Ls(s.elements.popper, n) && (s.elements.arrow = n));
+  n != null && (typeof n == "string" && (n = s.elements.popper.querySelector(n), !n) || As(s.elements.popper, n) && (s.elements.arrow = n));
 }
 const ua = {
   name: "arrow",
@@ -1749,7 +1749,7 @@ function fa({
       ]
     }), d.popperInstance.update();
   };
-  return Lt(() => {
+  return At(() => {
     var M;
     (M = d.popperInstance) == null || M.destroy();
   }), {
@@ -1763,7 +1763,7 @@ function ga(e, s, t) {
     n == null || n.removeEventListener(s, t), a == null || a.addEventListener(s, t);
   }) : Is(() => {
     e.addEventListener(s, t);
-  }), Lt(() => {
+  }), At(() => {
     var a;
     (a = re(e)) == null || a.removeEventListener(s, t);
   });
@@ -1960,10 +1960,10 @@ const ya = /* @__PURE__ */ y(ha, [["render", va], ["__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), Le = Bt.debounce(_e, z.value), Ne = async () => {
+      ee.value || ge.value || (Le.clear(), d.value = !0, ke());
     }, ae = async () => {
-      ge.value || (ke.clear(), d.value = !1, Ae());
+      ge.value || (ke.clear(), d.value = !1, Le());
     }, Ue = () => {
       Q.value ? ae() : Ne();
     };
@@ -1974,7 +1974,7 @@ const ya = /* @__PURE__ */ y(ha, [["render", va], ["__scopeId", "data-v-b4b01b19
         k.value = !1;
       }, 200);
     }), ct(() => {
-      ge.value && (X.value ? ke() : Ae());
+      ge.value && (X.value ? ke() : Le());
     }), ct(() => {
       je.value && ma(h, ae);
     }), me(T, (R) => {
@@ -1984,10 +1984,10 @@ const ya = /* @__PURE__ */ y(ha, [["render", va], ["__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 ya = /* @__PURE__ */ y(ha, [["render", va], ["__scopeId", "data-v-b4b01b19
         R.key === "Escape" ? (R.preventDefault(), ae()) : R.key === "Tab" && x.value && (R.preventDefault(), x.value = !1, U.length > 0 && U[0].focus());
     };
     return ct(() => {
-      d.value && (Le(), x.value = !0, I.value.length > 0 && I.value[0].focus());
+      d.value && (Ae(), x.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 ya = /* @__PURE__ */ y(ha, [["render", va], ["__scopeId", "data-v-b4b01b19
                 close: re(_e),
                 isOpen: k.value
               }, () => [
-                A(C(re(T)), 1)
+                L(C(re(T)), 1)
               ], !0),
               e.arrow ? (o(), m(ya, { key: 0 })) : u("", !0)
             ], 512)), [
@@ -2550,8 +2550,8 @@ const Fs = /* @__PURE__ */ y(Ta, [["render", Pa], ["__scopeId", "data-v-594055ce
   mounted() {
     this.id || (this.fallbackId = this.generateUniqueId());
   }
-}, $a = ["id", "name", "required", "disabled", "checked"], Aa = ["id", "for"];
-function La(e, s, t, a, n, i) {
+}, $a = ["id", "name", "required", "disabled", "checked"], La = ["id", "for"];
+function Aa(e, s, t, a, n, i) {
   const l = g("ecs-text-v2"), c = g("ecs-form-check");
   return o(), m(c, {
     class: v([
@@ -2584,16 +2584,16 @@ function La(e, s, t, a, n, i) {
           preset: "form"
         }, {
           default: w(() => [
-            A(C(t.help), 1)
+            L(C(t.help), 1)
           ]),
           _: 1
         })) : u("", !0)
-      ], 8, Aa)
+      ], 8, La)
     ]),
     _: 3
   }, 8, ["class", "error"]);
 }
-const ot = /* @__PURE__ */ y(Ma, [["render", La], ["__scopeId", "data-v-be4ba5ee"]]), Oa = {
+const ot = /* @__PURE__ */ y(Ma, [["render", Aa], ["__scopeId", "data-v-be4ba5ee"]]), Oa = {
   name: "EcsText",
   props: {
     /** Determines the tag of the text. */
@@ -2753,7 +2753,7 @@ function Ra(e, s, t, a, n, i) {
           type: "form"
         }, {
           default: w(() => [
-            A(C(t.help), 1)
+            L(C(t.help), 1)
           ]),
           _: 1
         })) : u("", !0)
@@ -3011,7 +3011,7 @@ const so = /* @__PURE__ */ y(Ja, [["render", to], ["__scopeId", "data-v-dca05194
   name: "EcsButton",
   emits: ["click", "mouseover", "mouseleave"],
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsFocusRing: D
   },
   props: {
@@ -3176,7 +3176,7 @@ function co(e, s, t, a, n, i) {
 const ze = /* @__PURE__ */ y(io, [["render", co], ["__scopeId", "data-v-30641d87"]]), uo = {
   name: "ecs-popover-list-item",
   emits: ["click", "input", "change", "secondaryClick"],
-  components: { EcsCheckbox: ot, EcsRadiobutton: Fa, EcsSwitch: jt, EcsSortbutton: so, EcsIcon: L, EcsFileIcon: qs, EcsButton: ze, EcsFocusRing: D },
+  components: { EcsCheckbox: ot, EcsRadiobutton: Fa, EcsSwitch: jt, EcsSortbutton: so, EcsIcon: A, EcsFileIcon: qs, EcsButton: ze, EcsFocusRing: D },
   props: {
     /** Determines the type of popover list item.*/
     type: {
@@ -3486,7 +3486,7 @@ function Po(e, s, t, a, n, i) {
           title: i.secondaryActionOptions.iconOnly ? i.secondaryActionOptions.label : void 0
         }, {
           default: w(() => [
-            A(C(i.secondaryActionOptions.label), 1)
+            L(C(i.secondaryActionOptions.label), 1)
           ]),
           _: 1
         }, 8, ["onClick", "type", "icon", "icon-only", "class", "aria-label", "title"])) : u("", !0),
@@ -3549,7 +3549,7 @@ function Po(e, s, t, a, n, i) {
           title: i.secondaryActionOptions.iconOnly ? i.secondaryActionOptions.label : void 0
         }, {
           default: w(() => [
-            A(C(i.secondaryActionOptions.label), 1)
+            L(C(i.secondaryActionOptions.label), 1)
           ]),
           _: 1
         }, 8, ["onClick", "type", "icon", "icon-only", "class", "aria-label", "title"])) : u("", !0),
@@ -3576,7 +3576,7 @@ const Ws = /* @__PURE__ */ y(uo, [["render", Po], ["__scopeId", "data-v-79b3cd0d
   name: "ecs-button-toolbar",
   emits: ["click"],
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsFocusRing: D
   },
   props: {
@@ -3664,8 +3664,8 @@ const Ws = /* @__PURE__ */ y(uo, [["render", Po], ["__scopeId", "data-v-79b3cd0d
   mounted() {
     this.$slots.default === void 0 && (!this.ariaLabel || this.ariaLabel.trim());
   }
-}, $o = ["href", "target", "aria-expanded", "aria-busy", "aria-label"], Ao = ["aria-expanded", "aria-busy", "aria-label"];
-function Lo(e, s, t, a, n, i) {
+}, $o = ["href", "target", "aria-expanded", "aria-busy", "aria-label"], Lo = ["aria-expanded", "aria-busy", "aria-label"];
+function Ao(e, s, t, a, n, i) {
   const l = g("ecs-icon"), c = g("ecs-focus-ring");
   return t.href ? (o(), r("a", {
     key: 0,
@@ -3742,9 +3742,9 @@ function Lo(e, s, t, a, n, i) {
       spinning: t.loading || null
     }, null, 8, ["size", "color", "type", "spinning"])) : u("", !0),
     _(c)
-  ], 10, Ao));
+  ], 10, Lo));
 }
-const _t = /* @__PURE__ */ y(Mo, [["render", Lo], ["__scopeId", "data-v-72592c75"]]), Oo = {
+const _t = /* @__PURE__ */ y(Mo, [["render", Ao], ["__scopeId", "data-v-72592c75"]]), Oo = {
   name: "ecs-separator",
   props: {
     /** Determines if the separator line is horinzontally or vertically shown. */
@@ -3905,7 +3905,7 @@ function Ro(e, s, t, a, n, i) {
                   onClick: (M) => e.$emit("select", I.action)
                 }, {
                   default: w(() => [
-                    A(C(I.label), 1)
+                    L(C(I.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["disabled", "onClick"]))), 128)),
@@ -3917,7 +3917,7 @@ function Ro(e, s, t, a, n, i) {
                   onInput: i.setFamiliesIncluded
                 }, {
                   default: w(() => [
-                    A(" Include Families ")
+                    L(" Include Families ")
                   ]),
                   _: 1
                 }, 8, ["value", "onInput"])) : u("", !0)
@@ -3941,7 +3941,7 @@ function Ro(e, s, t, a, n, i) {
       }, {
         default: w(() => [
           f("span", null, C(t.count), 1),
-          A(" Selected " + C(i.pluralizedType), 1)
+          L(" Selected " + C(i.pluralizedType), 1)
         ]),
         _: 1
       })
@@ -4435,7 +4435,7 @@ S.mostReadable = function(e, s, t) {
     size: d
   }) || !l ? a : (t.includeFallbackColors = !1, S.mostReadable(e, ["#fff", "#000"], t));
 };
-var At = S.names = {
+var Lt = S.names = {
   aliceblue: "f0f8ff",
   antiquewhite: "faebd7",
   aqua: "0ff",
@@ -4585,7 +4585,7 @@ var At = S.names = {
   whitesmoke: "f5f5f5",
   yellow: "ff0",
   yellowgreen: "9acd32"
-}, fl = S.hexNames = gl(At);
+}, fl = S.hexNames = gl(Lt);
 function gl(e) {
   var s = {};
   for (var t in e)
@@ -4646,8 +4646,8 @@ function Me(e) {
 function pl(e) {
   e = e.replace(Ko, "").replace(Yo, "").toLowerCase();
   var s = !1;
-  if (At[e])
-    e = At[e], s = !0;
+  if (Lt[e])
+    e = Lt[e], s = !0;
   else if (e == "transparent")
     return {
       r: 0,
@@ -4722,7 +4722,7 @@ const yl = {
   name: "ecs-button-context",
   emits: ["click"],
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsFocusRing: D
   },
   props: {
@@ -4809,7 +4809,7 @@ const V0 = /* @__PURE__ */ y(kl, [["render", wl], ["__scopeId", "data-v-94a53b69
   name: "ecs-button-dialog",
   emits: ["click"],
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsFocusRing: D
   },
   props: {
@@ -4858,7 +4858,7 @@ const H0 = /* @__PURE__ */ y(Sl, [["render", Bl], ["__scopeId", "data-v-65073dae
   name: "ecs-button-more",
   emits: ["click"],
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsFocusRing: D
   },
   props: {
@@ -4922,7 +4922,7 @@ const Gt = /* @__PURE__ */ y(Il, [["render", El], ["__scopeId", "data-v-8470e625
   name: "ecs-button-table",
   emits: ["click", "mouseover", "mouseleave"],
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsFocusRing: D
   },
   props: {
@@ -5027,18 +5027,18 @@ function $l(e, s, t, a, n, i) {
     _(c)
   ], 42, Pl);
 }
-const Gs = /* @__PURE__ */ y(Tl, [["render", $l], ["__scopeId", "data-v-a5e23199"]]), Al = {
+const Gs = /* @__PURE__ */ y(Tl, [["render", $l], ["__scopeId", "data-v-a5e23199"]]), Ll = {
   name: "ecs-toolbar-button-group"
-}, Ll = { class: "ecs-toolbar-button-group" };
+}, Al = { class: "ecs-toolbar-button-group" };
 function Ol(e, s, t, a, n, i) {
-  return o(), r("div", Ll, [
+  return o(), r("div", Al, [
     p(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Kt = /* @__PURE__ */ y(Al, [["render", Ol], ["__scopeId", "data-v-743ca90b"]]), Dl = {
+const Kt = /* @__PURE__ */ y(Ll, [["render", Ol], ["__scopeId", "data-v-743ca90b"]]), Dl = {
   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 Yl = Yt.clickOutSide = {
 const Zl = {
   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: Xl
   },
@@ -5559,7 +5559,7 @@ function rr(e, s, t, a, n, i) {
       }, [
         _(c, { gap: 4 }, {
           default: w(() => [
-            A(C(t.title) + " ", 1),
+            L(C(t.title) + " ", 1),
             t.count ? (o(), r("span", ar, "(" + C(t.count) + ")", 1)) : u("", !0)
           ]),
           _: 1
@@ -5598,7 +5598,7 @@ function rr(e, s, t, a, n, i) {
 const j0 = /* @__PURE__ */ y(sr, [["render", rr], ["__scopeId", "data-v-952196c0"]]), cr = {
   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). */
@@ -5969,7 +5969,7 @@ const $r = {
       return S(e).getAlpha() === 0;
     }
   }
-}, Ar = {
+}, Lr = {
   name: "editableInput",
   props: {
     label: String,
@@ -6030,9 +6030,9 @@ const $r = {
     //   console.log(e)
     // }
   }
-}, Lr = { class: "ecs-editable-input" }, Or = ["aria-labelledby"], Dr = ["for", "id"], Nr = { class: "ecs-input__desc" };
+}, Ar = { class: "ecs-editable-input" }, Or = ["aria-labelledby"], Dr = ["for", "id"], Nr = { class: "ecs-input__desc" };
 function Vr(e, s, t, a, n, i) {
-  return o(), r("div", Lr, [
+  return o(), r("div", Ar, [
     Ze(f("input", {
       "aria-labelledby": i.labelId,
       class: "ecs-input__input",
@@ -6051,7 +6051,7 @@ function Vr(e, s, t, a, n, i) {
     f("span", Nr, C(t.desc), 1)
   ]);
 }
-const Hr = /* @__PURE__ */ y(Ar, [["render", Vr]]);
+const Hr = /* @__PURE__ */ y(Lr, [["render", Vr]]);
 var Rr = Fr;
 function Fr(e, s, t) {
   return s < t ? e < s ? s : e > t ? t : e : e < t ? t : e > s ? s : e;
@@ -6101,7 +6101,7 @@ function Bc(e) {
   return typeof e == "symbol" || Sc(e) && wc(e) == xc;
 }
 var Ic = Bc, zc = nc, ws = Xt, Ec = Ic, Ss = NaN, Tc = /^[-+]0x[0-9a-f]+$/i, Pc = /^0b[01]+$/i, Mc = /^0o[0-7]+$/i, $c = parseInt;
-function Ac(e) {
+function Lc(e) {
   if (typeof e == "number")
     return e;
   if (Ec(e))
@@ -6116,7 +6116,7 @@ function Ac(e) {
   var t = Pc.test(e);
   return t || Mc.test(e) ? $c(e.slice(2), t ? 2 : 8) : Tc.test(e) ? Ss : +e;
 }
-var Lc = Ac, Oc = Xt, Et = Zr, xs = Lc, Dc = "Expected a function", Nc = Math.max, Vc = Math.min;
+var Ac = Lc, Oc = Xt, Et = Zr, xs = Ac, Dc = "Expected a function", Nc = Math.max, Vc = Math.min;
 function Hc(e, s, t) {
   var a, n, i, l, c, d, h = 0, b = !1, k = !1, E = !0;
   if (typeof e != "function")
@@ -6693,7 +6693,7 @@ function Md(e, s, t, a, n, i) {
     ], 4)
   ], 6);
 }
-const $d = /* @__PURE__ */ y(yd, [["render", Md]]), Ad = {
+const $d = /* @__PURE__ */ y(yd, [["render", Md]]), Ld = {
   name: "ecs-color-picker-input",
   emits: ["update:modelValue"],
   components: {
@@ -6754,7 +6754,7 @@ const $d = /* @__PURE__ */ y(yd, [["render", Md]]), Ad = {
     }
   }
 };
-function Ld(e, s, t, a, n, i) {
+function Ad(e, s, t, a, n, i) {
   const l = g("ecs-color-picker"), c = g("ecs-popover");
   return o(), m(c, { class: "ecs-color-picker-input" }, {
     content: w(() => [
@@ -6780,9 +6780,9 @@ function Ld(e, s, t, a, n, i) {
     _: 1
   });
 }
-const Y0 = /* @__PURE__ */ y(Ad, [["render", Ld], ["__scopeId", "data-v-08aaa823"]]), Od = {
+const Y0 = /* @__PURE__ */ y(Ld, [["render", Ad], ["__scopeId", "data-v-08aaa823"]]), Od = {
   name: "ecs-data-card",
-  components: { EcsIcon: L, EcsSkeletonLoader: te, EcsButtonTable: Gs, EcsButton: ze, EcsFocusRing: D },
+  components: { EcsIcon: A, EcsSkeletonLoader: te, EcsButtonTable: Gs, 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). */
@@ -7320,7 +7320,7 @@ const Zt = /* @__PURE__ */ y(du, [["render", mu], ["__scopeId", "data-v-eea25537
   name: "ecs-data-grid-head-cell",
   emits: ["resizedWidth", "sortby", "selection"],
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsSelect: Zt,
     EcsFocusRing: D
   },
@@ -7692,7 +7692,7 @@ function $u(e, s, t, a, n, i) {
     [pt, t.show]
   ]);
 }
-const t_ = /* @__PURE__ */ y(Pu, [["render", $u], ["__scopeId", "data-v-ee025ab5"]]), Au = {
+const t_ = /* @__PURE__ */ y(Pu, [["render", $u], ["__scopeId", "data-v-ee025ab5"]]), Lu = {
   name: "ecs-data-grid-cell",
   emits: ["collapse"],
   components: {
@@ -7821,13 +7821,13 @@ const t_ = /* @__PURE__ */ y(Pu, [["render", $u], ["__scopeId", "data-v-ee025ab5
   created() {
     this.cellWidth = this.width, this.cellFixedLeftOffset = this.fixedLeftOffset;
   }
-}, Lu = (e) => (ve("data-v-4deed396"), e = e(), ye(), e), Ou = {
+}, Au = (e) => (ve("data-v-4deed396"), e = e(), ye(), e), Ou = {
   key: 0,
   class: "shadow left"
 }, Du = ["data-column", "data-test"], Nu = {
   key: 0,
   class: "first-cell-spacer"
-}, Vu = /* @__PURE__ */ Lu(() => /* @__PURE__ */ f("div", { class: "group-spacer" }, null, -1)), Hu = {
+}, Vu = /* @__PURE__ */ Au(() => /* @__PURE__ */ f("div", { class: "group-spacer" }, null, -1)), Hu = {
   key: 1,
   class: "shadow right"
 };
@@ -7858,7 +7858,7 @@ function Ru(e, s, t, a, n, i) {
     t.fixedLeftLast ? (o(), r("div", Hu)) : u("", !0)
   ], 6);
 }
-const s_ = /* @__PURE__ */ y(Au, [["render", Ru], ["__scopeId", "data-v-4deed396"]]), Fu = {
+const s_ = /* @__PURE__ */ y(Lu, [["render", Ru], ["__scopeId", "data-v-4deed396"]]), Fu = {
   name: "ecs-data-list"
 }, qu = {
   class: "ecs-data-list",
@@ -8001,7 +8001,7 @@ function Xu(e, s, t, a, n, i) {
         style: B(i.identifierStyle),
         class: "ecs-data-list-identifier"
       }, [
-        A(C(t.identifier) + " ", 1),
+        L(C(t.identifier) + " ", 1),
         e.$slots.collapse ? (o(), m(l, {
           key: 0,
           type: "ellipsis",
@@ -8318,7 +8318,7 @@ const o_ = /* @__PURE__ */ y(sf, [["render", of], ["__scopeId", "data-v-6e05c98b
 }, rf = {
   name: "ecs-directory-entry",
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsFavicon: lf,
     EcsAvatar: vt,
     EcsSkeletonLoader: te
@@ -8419,7 +8419,7 @@ function gf(e, s, t, a, n, i) {
 const l_ = /* @__PURE__ */ y(rf, [["render", gf], ["__scopeId", "data-v-ddd907db"]]), mf = {
   name: "ecs-document-state",
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsSkeletonLoader: te
   },
   props: {
@@ -8575,7 +8575,7 @@ function Bf(e, s, t, a, n, i) {
 }
 const c_ = /* @__PURE__ */ y(Cf, [["render", Bf], ["__scopeId", "data-v-851d95d9"]]), If = {
   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: {
@@ -8663,7 +8663,7 @@ const Qs = /* @__PURE__ */ y(If, [["render", Pf], ["__scopeId", "data-v-5b37142c
     }
   }
 }, $f = ["aria-valuenow", "aria-valuemax"];
-function Af(e, s, t, a, n, i) {
+function Lf(e, s, t, a, n, i) {
   return o(), r("div", {
     class: "ecs-progress",
     role: "progressbar",
@@ -8682,13 +8682,13 @@ function Af(e, s, t, a, n, i) {
     }, null, 6)
   ], 8, $f);
 }
-const Lf = /* @__PURE__ */ y(Mf, [["render", Af], ["__scopeId", "data-v-fc9084ab"]]), Of = {
+const Af = /* @__PURE__ */ y(Mf, [["render", Lf], ["__scopeId", "data-v-fc9084ab"]]), Of = {
   name: "ecs-dropzone",
   emits: ["onFileDrop", "cancel"],
   components: {
     EcsEmptyState: Qs,
     EcsSkeletonLoader: te,
-    EcsProgress: Lf,
+    EcsProgress: Af,
     EcsButton: ze,
     EcsFocusRing: D,
     EcsFlexRow: Ie,
@@ -8875,16 +8875,16 @@ function Wf(e, s, t, a, n, i) {
           class: "ecs-dropzone-skeleton"
         })) : (o(), r("div", Vf, [
           e.$slots.customlabel ? u("", !0) : (o(), r(F, { key: 0 }, [
-            A(" Drag and drop your " + C(t.fileTypeLabel) + " or ", 1),
+            L(" Drag and drop your " + C(t.fileTypeLabel) + " or ", 1),
             f("i", {
               onClick: s[1] || (s[1] = (...x) => i.browseFile && i.browseFile(...x)),
               onKeydown: s[2] || (s[2] = Y((...x) => i.browseFile && i.browseFile(...x), ["enter"])),
               tabindex: "0"
             }, [
-              A("browse"),
+              L("browse"),
               _(c)
             ], 32),
-            A(" to upload. ")
+            L(" to upload. ")
           ], 64)),
           e.$slots.customlabel ? (o(), r("div", Hf, [
             p(e.$slots, "customlabel", {}, void 0, !0)
@@ -8905,7 +8905,7 @@ function Wf(e, s, t, a, n, i) {
                   color: "#474B60"
                 }, {
                   default: w(() => [
-                    A("Uploading")
+                    L("Uploading")
                   ]),
                   _: 1
                 })) : (o(), m(b, {
@@ -8921,7 +8921,7 @@ function Wf(e, s, t, a, n, i) {
                       color: "warning"
                     }, {
                       default: w(() => [
-                        A("Uploading")
+                        L("Uploading")
                       ]),
                       _: 1
                     })
@@ -8957,7 +8957,7 @@ function Wf(e, s, t, a, n, i) {
       class: "ecs-dropzone-cancel"
     }, {
       default: w(() => [
-        A(C(i.cancelButtonOptions.label), 1)
+        L(C(i.cancelButtonOptions.label), 1)
       ]),
       _: 1
     }, 8, ["onClick", "icon"])) : u("", !0)
@@ -9035,7 +9035,7 @@ const ei = /* @__PURE__ */ y(jf, [["render", Uf], ["__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 +9064,7 @@ function Kf(e, s, t, a, n, i) {
 }
 const Yf = /* @__PURE__ */ y(Gf, [["render", Kf], ["__scopeId", "data-v-97a5e4d9"]]), Xf = {
   name: "ecs-popover-header",
-  components: { EcsIcon: L, EcsText: lt },
+  components: { EcsIcon: A, EcsText: lt },
   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 +9105,7 @@ function tg(e, s, t, a, n, i) {
         size: "4"
       }, {
         default: w(() => [
-          A(C(t.title), 1)
+          L(C(t.title), 1)
         ]),
         _: 1
       }),
@@ -9256,7 +9256,7 @@ function Cg(e, s, t, a, n, i) {
           default: w(() => [
             _(l, { onClick: i.generate }, {
               default: w(() => [
-                A("Generate")
+                L("Generate")
               ]),
               _: 1
             }, 8, ["onClick"])
@@ -9278,7 +9278,7 @@ function Cg(e, s, t, a, n, i) {
               }, null, 8, fg),
               f("a", gg, [
                 _(h),
-                A(" Learn more ")
+                L(" Learn more ")
               ])
             ]),
             _: 1
@@ -9291,7 +9291,7 @@ function Cg(e, s, t, a, n, i) {
             "data-test": "ecai-select-generate-summaries"
           }, {
             default: w(() => [
-              A(" Generate AI Summaries ")
+              L(" Generate AI Summaries ")
             ]),
             _: 1
           }, 8, ["onInput", "value"])) : u("", !0),
@@ -9302,7 +9302,7 @@ function Cg(e, s, t, a, n, i) {
             default: w(() => [
               _(E, { type: "label" }, {
                 default: w(() => [
-                  A("Document Summary Format")
+                  L("Document Summary Format")
                 ]),
                 _: 1
               }),
@@ -9330,7 +9330,7 @@ function Cg(e, s, t, a, n, i) {
           }, {
             default: w(() => [
               hg,
-              A("Topic Summary ")
+              L("Topic Summary ")
             ]),
             _: 1
           }, 8, ["class"])) : u("", !0),
@@ -9343,7 +9343,7 @@ function Cg(e, s, t, a, n, i) {
             "data-test": "ecai-select-extract-metadata"
           }, {
             default: w(() => [
-              A("Automatically Extract Metadata")
+              L("Automatically Extract Metadata")
             ]),
             _: 1
           }, 8, ["onInput", "value"])) : u("", !0),
@@ -9359,7 +9359,7 @@ function Cg(e, s, t, a, n, i) {
                 "data-test": `ecai-select-extract-option-${T.name.toLowerCase().replace(" ", "-")}`
               }, {
                 default: w(() => [
-                  A(C(T.name), 1)
+                  L(C(T.name), 1)
                 ]),
                 _: 2
               }, 1032, ["value", "onInput", "data-test"]))), 128))
@@ -9421,7 +9421,7 @@ function Cg(e, s, t, a, n, i) {
           "data-test": "ecai-select-button"
         }, {
           default: w(() => [
-            A("ECAI")
+            L("ECAI")
           ]),
           _: 1
         }, 8, ["disabled"])),
@@ -9437,7 +9437,7 @@ function Cg(e, s, t, a, n, i) {
 }
 const u_ = /* @__PURE__ */ y(ng, [["render", Cg], ["__scopeId", "data-v-0ad527da"]]), wg = {
   name: "ecs-ecai-wrapper",
-  components: { EcsIcon: L },
+  components: { EcsIcon: A },
   props: {
     /** Padding to be applied to the wrapper. */
     padding: {
@@ -9491,7 +9491,7 @@ const f_ = /* @__PURE__ */ y(wg, [["render", xg], ["__scopeId", "data-v-0c0dce68
   name: "ecs-entry-link",
   emits: ["linkClick", "linkClickExternal", "moreClick"],
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsSticker: Oe,
     EcsButtonMore: Gt,
     EcsFocusRing: D
@@ -9603,7 +9603,7 @@ function Pg(e, s, t, a, n, i) {
 }
 const g_ = /* @__PURE__ */ y(Bg, [["render", Pg], ["__scopeId", "data-v-00b5ab33"]]), Mg = {
   name: "ecs-excerpt-snippet",
-  components: { EcsIcon: L, EcsSkeletonLoader: te, EcsFormatted: Ks },
+  components: { EcsIcon: A, EcsSkeletonLoader: te, EcsFormatted: Ks },
   props: {
     /** Determines how the content of the excerpt should be rendered. */
     type: {
@@ -9658,7 +9658,7 @@ const g_ = /* @__PURE__ */ y(Bg, [["render", Pg], ["__scopeId", "data-v-00b5ab33
         return `max-height: ${this.maxHeight}; overflow: auto;`;
     }
   }
-}, $g = { class: "ecs-excerpt-title" }, Ag = { class: "ecs-excerpt-title-headline" }, Lg = { key: 3 }, Og = {
+}, $g = { class: "ecs-excerpt-title" }, Lg = { class: "ecs-excerpt-title-headline" }, Ag = { key: 3 }, Og = {
   key: 0,
   class: "ecs-excerpt-title-cite"
 }, Dg = { key: 1 }, Ng = {
@@ -9677,7 +9677,7 @@ function Rg(e, s, t, a, n, i) {
     class: v(["ecs-excerpt-snippet", i.sizeClass])
   }, [
     f("div", $g, [
-      f("div", Ag, [
+      f("div", Lg, [
         t.icon && t.loading ? (o(), m(l, {
           key: 0,
           type: "rect",
@@ -9693,7 +9693,7 @@ function Rg(e, s, t, a, n, i) {
           key: 2,
           type: "single",
           width: 20
-        })) : (o(), r("span", Lg, C(t.headline), 1))
+        })) : (o(), r("span", Ag, C(t.headline), 1))
       ]),
       t.cite ? (o(), r("div", Og, [
         t.loading ? (o(), m(l, {
@@ -9793,7 +9793,7 @@ const p_ = /* @__PURE__ */ y(Fg, [["render", Wg]]), jg = {
   name: "ecs-file-list-item",
   emits: ["click", "remove", "toggled", "title-click"],
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsFileIcon: qs,
     EcsSticker: Oe,
     EcsButtonTable: Gs,
@@ -10146,7 +10146,7 @@ const rm = /* @__PURE__ */ y(om, [["render", lm], ["__scopeId", "data-v-1d2ad846
   name: "ecs-input-clear",
   emits: ["click"],
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsFocusRing: D
   },
   props: {
@@ -10192,7 +10192,7 @@ const gm = /* @__PURE__ */ y(cm, [["render", fm], ["__scopeId", "data-v-a4a35b1d
   name: "ecs-input-search",
   emits: ["update:modelValue", "change"],
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsInputClear: gm
   },
   props: {
@@ -10444,10 +10444,11 @@ function Sm(e, s, t, a, n, i) {
     t.searchable || t.create || t.refreshable || t.title ? (o(), r("div", Cm, [
       t.title && !t.searchable ? (o(), m(l, {
         key: 0,
-        preset: "headline-5"
+        preset: "headline-5",
+        class: "ecs-folder-selector-title"
       }, {
         default: w(() => [
-          A(C(t.title), 1)
+          L(C(t.title), 1)
         ]),
         _: 1
       })) : t.searchable ? (o(), m(c, {
@@ -10478,7 +10479,7 @@ function Sm(e, s, t, a, n, i) {
         "focus-inset": 0
       }, {
         default: w(() => [
-          A("Add Folder")
+          L("Add Folder")
         ]),
         _: 1
       }, 8, ["onClick"])) : u("", !0)
@@ -10498,7 +10499,7 @@ function Sm(e, s, t, a, n, i) {
     }, 8, ["style", "padding"])
   ], 6);
 }
-const b_ = /* @__PURE__ */ y(km, [["render", Sm], ["__scopeId", "data-v-b6190151"]]), xm = {}, Bm = { class: "ecs-form-headline" }, Im = { class: "ecs-form-headline-main" }, zm = {
+const b_ = /* @__PURE__ */ y(km, [["render", Sm], ["__scopeId", "data-v-4ddb8e28"]]), xm = {}, Bm = { class: "ecs-form-headline" }, Im = { class: "ecs-form-headline-main" }, zm = {
   key: 0,
   class: "ecs-form-headline-controls"
 };
@@ -10536,7 +10537,7 @@ function $m(e, s, t, a, n, i) {
     p(e.$slots, "default", {}, void 0, !0)
   ], 10, Pm);
 }
-const k_ = /* @__PURE__ */ y(Tm, [["render", $m], ["__scopeId", "data-v-c9188464"]]), Am = {
+const k_ = /* @__PURE__ */ y(Tm, [["render", $m], ["__scopeId", "data-v-c9188464"]]), Lm = {
   name: "ecs-highlight",
   props: {
     /** Makes the highlight area visible. */
@@ -10607,7 +10608,7 @@ const k_ = /* @__PURE__ */ y(Tm, [["render", $m], ["__scopeId", "data-v-c9188464
     }
   }
 };
-function Lm(e, s, t, a, n, i) {
+function Am(e, s, t, a, n, i) {
   return o(), m(pe, {
     name: "fade",
     appear: ""
@@ -10624,7 +10625,7 @@ function Lm(e, s, t, a, n, i) {
     _: 3
   });
 }
-const C_ = /* @__PURE__ */ y(Am, [["render", Lm], ["__scopeId", "data-v-48ec2945"]]), Om = {
+const C_ = /* @__PURE__ */ y(Lm, [["render", Am], ["__scopeId", "data-v-48ec2945"]]), Om = {
   name: "EcsIllustration",
   props: {
     /** The type of illustration to be shown. */
@@ -10916,7 +10917,7 @@ function Qm(e, s, t, a, n, i) {
 }
 const eh = /* @__PURE__ */ y(Xm, [["render", Qm], ["__scopeId", "data-v-9e01ece1"]]), th = {
   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: {
@@ -11074,7 +11075,8 @@ const I_ = /* @__PURE__ */ y(uh, [["render", fh]]), gh = {
       direction: "right",
       currentIndex: 0,
       previousIndex: 0,
-      slotHeights: {}
+      slotHeights: {},
+      contentObserver: null
     };
   },
   computed: {
@@ -11087,11 +11089,11 @@ const I_ = /* @__PURE__ */ y(uh, [["render", fh]]), gh = {
   },
   mounted() {
     this.$nextTick(() => {
-      this.calculateAllHeights(), window.addEventListener("resize", this.handleResize);
+      this.calculateAllHeights(), window.addEventListener("resize", this.handleResize), this.setupContentObserver();
     });
   },
   beforeUnmount() {
-    window.removeEventListener("resize", this.handleResize);
+    window.removeEventListener("resize", this.handleResize), this.contentObserver && this.contentObserver.disconnect();
   },
   methods: {
     next() {
@@ -11102,7 +11104,7 @@ const I_ = /* @__PURE__ */ y(uh, [["render", fh]]), gh = {
     },
     enter(e) {
       const s = e.parentElement.parentElement, t = this.slotHeights[this.currentSlot] || e.scrollHeight;
-      s.style.height = `${t}px`;
+      s.style.height = `${t}px`, this.$el.style.height = `${t}px`;
     },
     goTo(e) {
       e >= 0 && e < this.slots.length && (this.direction = e > this.currentIndex ? "right" : "left", this.previousIndex = this.currentIndex, this.currentIndex = e, this.$emit("update:index", this.currentIndex));
@@ -11116,6 +11118,32 @@ const I_ = /* @__PURE__ */ y(uh, [["render", fh]]), gh = {
     },
     handleResize() {
       this.calculateAllHeights();
+    },
+    recalculateCurrentHeight() {
+      const e = this.$el.querySelector(".inplace-container"), s = e.querySelector(`.inplace-item[data-slot="${this.currentSlot}"]`);
+      s && (this.slotHeights[this.currentSlot] = s.scrollHeight, e.style.height = `${this.slotHeights[this.currentSlot]}px`, this.$el.style.height = `${this.slotHeights[this.currentSlot]}px`);
+    },
+    setupContentObserver() {
+      this.contentObserver = new MutationObserver(() => {
+        this.recalculateCurrentHeight();
+      });
+      const e = this.$el.querySelector(".inplace-container");
+      e && this.contentObserver.observe(e, {
+        childList: !0,
+        subtree: !0,
+        characterData: !0,
+        attributes: !0
+      });
+    }
+  },
+  watch: {
+    $slots: {
+      handler() {
+        this.$nextTick(() => {
+          this.recalculateCurrentHeight();
+        });
+      },
+      deep: !0
     }
   }
 }, mh = { class: "ecs-inplace" }, hh = ["data-slot"];
@@ -11228,7 +11256,7 @@ function _h(e, s, t, a, n, i) {
           disabled: t.navigating || null,
           id: "currEntry"
         }, C(t.currentEntry), 41, bh),
-        A(" /  "),
+        L(" /  "),
         f("div", null, C(t.totalEntries), 1)
       ])) : u("", !0),
       _(l, {
@@ -11341,7 +11369,7 @@ function Bh(e, s, t, a, n, i) {
           class: "ecs-jumper-count-input",
           contenteditable: !0
         }, C(t.currentCount), 33),
-        A(" of  "),
+        L(" of  "),
         f("div", null, C(t.maxCount), 1)
       ])) : u("", !0),
       _(l, {
@@ -11415,7 +11443,7 @@ const T_ = /* @__PURE__ */ y(kh, [["render", Bh], ["__scopeId", "data-v-ff5280fd
   key: 0,
   class: "page-missing-gaps",
   title: "This transcript has missing page gaps"
-}, Ah = { class: "ecs-viewer-pages-pagination" }, Lh = { class: "total-pages-relative" }, Oh = { class: "total-pages-relative" }, Dh = {
+}, Lh = { class: "ecs-viewer-pages-pagination" }, Ah = { class: "total-pages-relative" }, Oh = { class: "total-pages-relative" }, Dh = {
   key: 1,
   class: "ecs-viewer-pages-pagination"
 }, Nh = ["innerHTML"], Vh = { class: "total-pages" };
@@ -11435,8 +11463,8 @@ function Hh(e, s, t, a, n, i) {
           f("div", Mh, "of " + C(t.lastPage), 1),
           t.isTranscriptMissingPages ? (o(), r("span", $h, "*")) : u("", !0)
         ]),
-        f("div", Ah, [
-          f("div", Lh, C(i.altPageNumber) + " ", 1),
+        f("div", Lh, [
+          f("div", Ah, C(i.altPageNumber) + " ", 1),
           f("div", Oh, "of " + C(t.pageCount), 1)
         ])
       ], 64)) : (o(), r("div", Dh, [
@@ -12064,7 +12092,7 @@ function up(e, s, t, a, n, i) {
     ], 2)) : u("", !0)
   ], 2);
 }
-const A_ = /* @__PURE__ */ y(ip, [["render", up], ["__scopeId", "data-v-860bdba9"]]), fp = {
+const L_ = /* @__PURE__ */ y(ip, [["render", up], ["__scopeId", "data-v-860bdba9"]]), fp = {
   name: "ecs-legend-item",
   emits: ["click"],
   components: {
@@ -12159,7 +12187,7 @@ function pp(e, s, t, a, n, i) {
     _: 1
   }, 8, ["role", "tabindex", "class"]);
 }
-const L_ = /* @__PURE__ */ y(fp, [["render", pp], ["__scopeId", "data-v-6d506293"]]), vp = {
+const A_ = /* @__PURE__ */ y(fp, [["render", pp], ["__scopeId", "data-v-6d506293"]]), vp = {
   name: "ecs-log-message",
   components: {
     EcsFlexRow: Ie,
@@ -12407,7 +12435,7 @@ const N_ = /* @__PURE__ */ y(xp, [["render", Pp], ["__scopeId", "data-v-8be29ca7
   class: "ecs-modal-header-main",
   ref: "firstFocusable",
   tabindex: "0"
-}, Ap = { class: "ecs-modal-header-main-inner" }, Lp = {
+}, Lp = { class: "ecs-modal-header-main-inner" }, Ap = {
   key: 0,
   class: "ecs-modal-header-extended"
 };
@@ -12417,7 +12445,7 @@ function Op(e, s, t, a, n, i) {
     class: v(["ecs-modal-header", i.typeClass])
   }, [
     f("div", $p, [
-      f("div", Ap, [
+      f("div", Lp, [
         p(e.$slots, "default", {}, void 0, !0)
       ]),
       _(l, {
@@ -12433,7 +12461,7 @@ function Op(e, s, t, a, n, i) {
         "data-test": "close-modal-button"
       })
     ], 512),
-    e.$slots.extension ? (o(), r("div", Lp, [
+    e.$slots.extension ? (o(), r("div", Ap, [
       p(e.$slots, "extension", {}, void 0, !0)
     ])) : u("", !0)
   ], 2);
@@ -12457,7 +12485,7 @@ function Rp(e, s, t, a, n, i) {
 const H_ = /* @__PURE__ */ y(Dp, [["render", Rp], ["__scopeId", "data-v-ac286496"]]), Fp = {
   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: {
@@ -12563,7 +12591,7 @@ const jp = /* @__PURE__ */ y(Fp, [["render", Wp], ["__scopeId", "data-v-e4819f41
   name: "ecs-multiselect-search-token",
   emits: ["remove", "change", "operatorChange", "operatorToggle"],
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsFocusRing: D,
     EcsSelectText: jp
   },
@@ -12703,7 +12731,7 @@ const R_ = /* @__PURE__ */ y(Up, [["render", Jp], ["__scopeId", "data-v-c3c80822
   name: "ecs-multiselect-token",
   emits: ["remove"],
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsFocusRing: D
   }
 };
@@ -12731,7 +12759,7 @@ function ev(e, s, t, a, n, i) {
 const F_ = /* @__PURE__ */ y(Qp, [["render", ev], ["__scopeId", "data-v-ce139540"]]), tv = {
   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. */
@@ -12766,7 +12794,7 @@ function iv(e, s, t, a, n, i) {
 const q_ = /* @__PURE__ */ y(tv, [["render", iv], ["__scopeId", "data-v-e28fc40f"]]), nv = {
   name: "ecs-overlay",
   emits: ["close", "toggled"],
-  components: { EcsIcon: L, EcsButtonToolbar: _t, EcsAlert: Es },
+  components: { EcsIcon: A, EcsButtonToolbar: _t, EcsAlert: Es },
   props: {
     /** Shows the Overlay. */
     show: {
@@ -12964,7 +12992,7 @@ function _v(e, s, t, a, n, i) {
             f("div", null, [
               f("span", ov, [
                 t.headerTitleEmphasized ? (o(), r("span", lv, C(t.headerTitleEmphasized), 1)) : u("", !0),
-                A(" " + C(t.headerTitle), 1)
+                L(" " + C(t.headerTitle), 1)
               ]),
               t.headerTitleSubline ? (o(), r("span", rv, C(t.headerTitleSubline), 1)) : u("", !0)
             ])
@@ -12989,7 +13017,7 @@ function _v(e, s, t, a, n, i) {
             icon: "close"
           }, {
             default: w(() => [
-              A(C(t.closeText), 1)
+              L(C(t.closeText), 1)
             ]),
             _: 1
           }, 8, ["disabled"])
@@ -13063,7 +13091,7 @@ const W_ = /* @__PURE__ */ y(nv, [["render", _v], ["__scopeId", "data-v-72583353
     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. */
@@ -13255,9 +13283,9 @@ function Ev(e, s, t, a, n, i) {
             _: 1
           })
         ], 64)) : i.hasRange ? (o(), r("span", xv, [
-          A("Showing entries "),
+          L("Showing entries "),
           f("span", null, C(t.itemRangeFrom) + " to " + C(t.itemRangeTo), 1),
-          A(" of "),
+          L(" of "),
           f("span", null, C(t.itemRangeTotal), 1)
         ])) : u("", !0)
       ]),
@@ -13306,7 +13334,7 @@ function Ev(e, s, t, a, n, i) {
 }
 const j_ = /* @__PURE__ */ y(kv, [["render", Ev], ["__scopeId", "data-v-ca016e63"]]), Tv = {
   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: {
@@ -13469,11 +13497,11 @@ const U_ = /* @__PURE__ */ y(Tv, [["render", Mv], ["__scopeId", "data-v-b9690261
       this.isCollapsed = !this.isCollapsed, this.$emit("toggle", this.isCollapsed);
     }
   }
-}, Av = {
+}, Lv = {
   key: 1,
   class: "ecs-popover-list-title-controls"
 };
-function Lv(e, s, t, a, n, i) {
+function Av(e, s, t, a, n, i) {
   const l = g("ecs-button-collapse");
   return o(), r("li", {
     class: v(["ecs-popover-list-title", [
@@ -13492,12 +13520,12 @@ function Lv(e, s, t, a, n, i) {
     f("span", null, [
       p(e.$slots, "default", {}, void 0, !0)
     ]),
-    e.$slots.controls ? (o(), r("div", Av, [
+    e.$slots.controls ? (o(), r("div", Lv, [
       p(e.$slots, "controls", {}, void 0, !0)
     ])) : u("", !0)
   ], 2);
 }
-const G_ = /* @__PURE__ */ y($v, [["render", Lv], ["__scopeId", "data-v-c1516cc2"]]), Ov = {
+const G_ = /* @__PURE__ */ y($v, [["render", Av], ["__scopeId", "data-v-c1516cc2"]]), Ov = {
   name: "ecs-rating-star-read",
   components: { EcsSkeletonLoader: te },
   props: {
@@ -13552,7 +13580,7 @@ function Vv(e, s, t, a, n, i) {
 const Hv = /* @__PURE__ */ y(Ov, [["render", Vv], ["__scopeId", "data-v-8f28e1c1"]]), Rv = {
   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: {
@@ -13648,7 +13676,7 @@ function Wv(e, s, t, a, n, i) {
 const jv = /* @__PURE__ */ y(Rv, [["render", Wv], ["__scopeId", "data-v-a6e15633"]]), Uv = {
   name: "ecs-quicklinks-link",
   emits: ["click", "input", "toggle", "update:volumes"],
-  components: { EcsCheckbox: ot, EcsRatingStarRead: Hv, EcsRatingFavorability: jv, EcsSwitch: jt, EcsIcon: L, EcsFocusRing: D, EcsAvatar: vt, EcsFlexRow: Ie, EcsPopover: bt, EcsPopoverList: Hs, EcsPopoverListItem: Ws },
+  components: { EcsCheckbox: ot, EcsRatingStarRead: Hv, EcsRatingFavorability: jv, EcsSwitch: jt, EcsIcon: A, EcsFocusRing: D, EcsAvatar: vt, EcsFlexRow: Ie, EcsPopover: bt, EcsPopoverList: Hs, EcsPopoverListItem: Ws },
   props: {
     /** The label text for the quicklink. */
     label: {
@@ -13862,7 +13890,7 @@ function cy(e, s, t, a, n, i) {
           colored: ""
         }, {
           default: w(() => [
-            A(C(t.label), 1)
+            L(C(t.label), 1)
           ]),
           _: 1
         }, 8, ["value", "disabled"])) : t.type === "persona" ? (o(), r(F, { key: 2 }, [
@@ -13902,7 +13930,7 @@ function cy(e, s, t, a, n, i) {
                       "aria-label": `Volume ${z.id}${z.active ? " active" : ""}`
                     }, {
                       default: w(() => [
-                        A(C(z.id), 1)
+                        L(C(z.id), 1)
                       ]),
                       _: 2
                     }, 1032, ["onClick", "selected", "title", "aria-label"]))), 128))
@@ -14078,7 +14106,7 @@ function Sy(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),
+      L(C(t.title) + " ", 1),
       e.$slots.controls ? (o(), r("div", wy, [
         p(e.$slots, "controls", {}, void 0, !0)
       ])) : u("", !0)
@@ -14096,7 +14124,7 @@ function Sy(e, s, t, a, n, i) {
 const X_ = /* @__PURE__ */ y(Cy, [["render", Sy], ["__scopeId", "data-v-ec263a49"]]), xy = {
   name: "ecs-segments",
   emits: ["click"],
-  components: { EcsIcon: L },
+  components: { EcsIcon: A },
   props: {
     /** Array of all the options objects:
      * 
@@ -14157,7 +14185,7 @@ function Ey(e, s, t, a, n, i) {
           size: "20",
           color: "#2F333C"
         }, null, 8, ["class", "type"])) : u("", !0),
-        A(" " + C(c.label), 1)
+        L(" " + C(c.label), 1)
       ], 8, zy)
     ], 8, By))), 128))
   ], 2);
@@ -14207,10 +14235,10 @@ const Z_ = /* @__PURE__ */ y(xy, [["render", Ey], ["__scopeId", "data-v-868d7eb4
       default: !1
     }
   }
-}, Py = (e) => (ve("data-v-642a7ad7"), e = e(), ye(), e), My = ["aria-checked", "tabindex"], $y = /* @__PURE__ */ Py(() => /* @__PURE__ */ f("div", { class: "select-check" }, null, -1)), Ay = {
+}, Py = (e) => (ve("data-v-642a7ad7"), e = e(), ye(), e), My = ["aria-checked", "tabindex"], $y = /* @__PURE__ */ Py(() => /* @__PURE__ */ f("div", { class: "select-check" }, null, -1)), Ly = {
   key: 1,
   class: "label"
-}, Ly = {
+}, Ay = {
   key: 2,
   class: "help"
 };
@@ -14232,8 +14260,8 @@ function Oy(e, s, t, a, n, i) {
       key: 0,
       type: t.illustration
     }, null, 8, ["type"])) : u("", !0),
-    t.label ? (o(), r("div", Ay, C(t.label), 1)) : u("", !0),
-    t.helpText ? (o(), r("div", Ly, C(t.helpText), 1)) : u("", !0),
+    t.label ? (o(), r("div", Ly, C(t.label), 1)) : u("", !0),
+    t.helpText ? (o(), r("div", Ay, C(t.helpText), 1)) : u("", !0),
     _(c, {
       inset: -6,
       radius: 12
@@ -14255,7 +14283,7 @@ function Vy(e, s, t, a, n, i) {
 const Q_ = /* @__PURE__ */ y(Dy, [["render", Vy], ["__scopeId", "data-v-69c3c73d"]]), Hy = {
   name: "ecs-sequence-map-button",
   emits: ["click"],
-  components: { EcsIcon: L, EcsFocusRing: D },
+  components: { EcsIcon: A, EcsFocusRing: D },
   props: {
     /** Index of the step. */
     step: {
@@ -14297,7 +14325,7 @@ function jy(e, s, t, a, n, i) {
     "aria-busy": t.loading || null
   }, [
     f("span", qy, [
-      A(C(t.step) + " ", 1),
+      L(C(t.step) + " ", 1),
       t.loading ? (o(), m(l, {
         key: 0,
         type: "loading",
@@ -14553,7 +14581,7 @@ function pb(e, s, t, a, n, i) {
 const a1 = /* @__PURE__ */ y(mb, [["render", pb], ["__scopeId", "data-v-81bc3c0a"]]), vb = {
   name: "ecs-sidebar-list-item",
   emits: ["click", "select"],
-  components: { EcsIcon: L, EcsAvatar: vt, EcsCheckbox: ot, EcsFlexRow: Ie, EcsSkeletonLoader: te },
+  components: { EcsIcon: A, EcsAvatar: vt, EcsCheckbox: ot, EcsFlexRow: Ie, EcsSkeletonLoader: te },
   props: {
     /** Optional unique identifier for the list item. */
     id: {
@@ -14722,7 +14750,7 @@ function Sb(e, s, t, a, n, i) {
                 "line-height": 2,
                 width: "random"
               })) : t.subline ? (o(), r(F, { key: 1 }, [
-                A(C(t.subline), 1)
+                L(C(t.subline), 1)
               ], 64)) : u("", !0)
             ]),
             t.sublineSecondary || t.loading ? (o(), r("span", wb, [
@@ -14736,7 +14764,7 @@ function Sb(e, s, t, a, n, i) {
                   width: "random",
                   alignment: "right"
                 })) : (o(), r(F, { key: 1 }, [
-                  A(C(t.sublineSecondary), 1)
+                  L(C(t.sublineSecondary), 1)
                 ], 64))
               ], 2)
             ])) : u("", !0)
@@ -14954,7 +14982,7 @@ function $b(e, s, t, a, n, i) {
     }, null, 46, Mb))), 128))
   ], 2);
 }
-const r1 = /* @__PURE__ */ y(Pb, [["render", $b], ["__scopeId", "data-v-ade2140a"]]), Ab = {
+const r1 = /* @__PURE__ */ y(Pb, [["render", $b], ["__scopeId", "data-v-ade2140a"]]), Lb = {
   name: "ecs-tab",
   props: {
     /** Shows this tab. */
@@ -14987,7 +15015,7 @@ const r1 = /* @__PURE__ */ y(Pb, [["render", $b], ["__scopeId", "data-v-ade2140a
   mounted() {
     !this.ariaLabeledBy || this.ariaLabeledBy.trim();
   }
-}, Lb = ["aria-labelledby"];
+}, Ab = ["aria-labelledby"];
 function Ob(e, s, t, a, n, i) {
   return o(), r("div", {
     class: v(["ecs-tab-pane", [t.show ? "show" : "", t.flex ? "ecs-tab-pane-flex" : "", i.directionClass]]),
@@ -14995,13 +15023,13 @@ function Ob(e, s, t, a, n, i) {
     "aria-labelledby": t.ariaLabeledBy
   }, [
     p(e.$slots, "default", {}, void 0, !0)
-  ], 10, Lb);
+  ], 10, Ab);
 }
-const c1 = /* @__PURE__ */ y(Ab, [["render", Ob], ["__scopeId", "data-v-2c119fff"]]), Db = {
+const c1 = /* @__PURE__ */ y(Lb, [["render", Ob], ["__scopeId", "data-v-2c119fff"]]), Db = {
   name: "ecs-tab-button",
   emits: ["click", "tabNavigation"],
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsSticker: Oe,
     EcsFocusRing: D
   },
@@ -15301,7 +15329,7 @@ function Jb(e, s, t, a, n, i) {
       onClick: s[0] || (s[0] = (c) => e.$emit("action")),
       class: "ecs-toast-action"
     }, [
-      A(C(t.button) + " ", 1),
+      L(C(t.button) + " ", 1),
       _(l, {
         inset: 0,
         radius: 6
@@ -15329,7 +15357,7 @@ const m1 = /* @__PURE__ */ y(Qb, [["render", t0], ["__scopeId", "data-v-451fee48
   name: "ecs-transcript-state",
   emits: ["click"],
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsSkeletonLoader: te
   },
   props: {
@@ -15421,7 +15449,7 @@ function d0(e, s, t, a, n, i) {
 const p1 = /* @__PURE__ */ y(r0, [["render", d0], ["__scopeId", "data-v-6af94f50"]]), u0 = {
   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 */
@@ -15804,8 +15832,8 @@ export {
   vt as EcsAvatar,
   M0 as EcsBanner,
   $0 as EcsBreadcrumb,
-  A0 as EcsBreadcrumbButton,
-  L0 as EcsBreadcrumbTitle,
+  L0 as EcsBreadcrumbButton,
+  A0 as EcsBreadcrumbTitle,
   O0 as EcsBulkSelector,
   ze as EcsButton,
   Ut as EcsButtonCollapse,
@@ -15866,7 +15894,7 @@ export {
   k_ as EcsFormSet,
   Ks as EcsFormatted,
   C_ as EcsHighlight,
-  L as EcsIcon,
+  A as EcsIcon,
   Nm as EcsIllustration,
   w_ as EcsIndexToolbar,
   Yf as EcsInfoTooltip,
@@ -15881,10 +15909,10 @@ export {
   E_ as EcsJumperDocument,
   T_ as EcsJumperIndex,
   P_ as EcsJumperPage,
-  A_ as EcsLayoutDataTable,
+  L_ as EcsLayoutDataTable,
   $_ as EcsLayoutDirectory,
   M_ as EcsLayoutIndex,
-  L_ as EcsLegendItem,
+  A_ as EcsLegendItem,
   O_ as EcsLogMessage,
   D_ as EcsMap,
   N_ as EcsModal,
@@ -15902,7 +15930,7 @@ export {
   Hs as EcsPopoverList,
   G_ as EcsPopoverListHeadline,
   Ws as EcsPopoverListItem,
-  Lf as EcsProgress,
+  Af as EcsProgress,
   K_ as EcsQuicklink,
   Fa as EcsRadiobutton,
   jv as EcsRatingFavorability,