@everchron/ec-shards 9.18.7 → 9.18.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 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 w, 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 wi } from "vue";
 const ie = (e, s) => {
   const t = e[s];
   return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((a, n) => {
@@ -9,7 +9,7 @@ const ie = (e, s) => {
   for (const [a, n] of s)
     t[a] = n;
   return t;
-}, wi = {
+}, Si = {
   __name: "icon",
   props: {
     /** The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). */
@@ -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(Si, [["__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, [
+    default: w(() => [
+      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,15 +992,15 @@ 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]);
 }, []), Ds = /* @__PURE__ */ [].concat(ot, [Rt]).reduce(function(e, s) {
   return e.concat([s, s + "-" + Xe, s + "-" + it]);
-}, []), _n = "beforeRead", kn = "read", Cn = "afterRead", Sn = "beforeMain", wn = "main", xn = "afterMain", Bn = "beforeWrite", In = "write", zn = "afterWrite", En = [_n, kn, Cn, Sn, wn, xn, Bn, In, zn];
+}, []), _n = "beforeRead", kn = "read", Cn = "afterRead", wn = "beforeMain", Sn = "main", xn = "afterMain", Bn = "beforeWrite", In = "write", zn = "afterWrite", En = [_n, kn, Cn, wn, Sn, xn, Bn, In, zn];
 function Tn(e) {
   var s = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set(), a = [];
   e.forEach(function(i) {
@@ -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, St = s.elements.arrow && at(s.elements.arrow), oi = St ? O === "y" ? St.clientTop || 0 : St.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);
   });
@@ -1782,7 +1782,7 @@ const ba = {}, _a = {
 function ka(e, s) {
   return o(), r("div", _a);
 }
-const Ca = /* @__PURE__ */ y(ba, [["render", ka], ["__scopeId", "data-v-b4b01b19"]]), Sa = ["aria-open"], wa = {
+const Ca = /* @__PURE__ */ y(ba, [["render", ka], ["__scopeId", "data-v-b4b01b19"]]), wa = ["aria-open"], Sa = {
   __name: "Popper",
   props: {
     /**
@@ -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())
@@ -2024,10 +2024,10 @@ const Ca = /* @__PURE__ */ y(ba, [["render", ka], ["__scopeId", "data-v-b4b01b19
         class: "ecs-popover-trigger"
       }, [
         p(R.$slots, "default", {}, void 0, !0)
-      ], 40, Sa),
+      ], 40, wa),
       (o(), m(hi, { to: "body" }, [
         _(pe, { name: "fade" }, {
-          default: S(() => [
+          default: w(() => [
             e.persistent || d.value ? je((o(), r("div", {
               key: 0,
               onClick: U[1] || (U[1] = (oe) => !re(N) && 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)), [
@@ -2053,7 +2053,7 @@ const Ca = /* @__PURE__ */ y(ba, [["render", ka], ["__scopeId", "data-v-b4b01b19
       ]))
     ], 32));
   }
-}, xa = /* @__PURE__ */ y(wa, [["__scopeId", "data-v-a842827a"]]), Ba = {
+}, xa = /* @__PURE__ */ y(Sa, [["__scopeId", "data-v-a842827a"]]), Ba = {
   name: "ecs-popover",
   emits: ["shown", "hidden"],
   components: { Popper: xa },
@@ -2144,10 +2144,10 @@ function Ia(e, s, t, a, n, i) {
     arrow: t.arrow || null,
     persistent: t.persistent || null
   }), {
-    content: S((c) => [
+    content: w((c) => [
       p(e.$slots, "content", pi(vi(c)))
     ]),
-    default: S(() => [
+    default: w(() => [
       p(e.$slots, "default")
     ]),
     _: 3
@@ -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,
@@ -2261,13 +2261,13 @@ function $a(e, s, t, a, n, i) {
     }]),
     tabindex: t.disabled ? -1 : 0
   }, {
-    default: S(() => [
+    default: w(() => [
       p(e.$slots, "default", {}, void 0, !0)
     ]),
     _: 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,
@@ -2414,12 +2414,12 @@ function La(e, s, t, a, n, i) {
     as: "button",
     style: x(i.clickablePadding)
   }, {
-    default: S(() => [
+    default: w(() => [
       (o(), m(ue(i.textTag), {
         class: v([[i.typeScaleClass, i.weightClass, i.alignClass, t.preset, i.fontClass], "ecs-text"]),
         style: x([i.colorStyle, i.fontSizeStyle])
       }, {
-        default: S(() => [
+        default: w(() => [
           p(e.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
@@ -2431,13 +2431,13 @@ function La(e, s, t, a, n, i) {
     class: v([[i.typeScaleClass, i.weightClass, i.alignClass, t.preset, i.fontClass], "ecs-text"]),
     style: x([i.colorStyle, i.fontSizeStyle])
   }, {
-    default: S(() => [
+    default: w(() => [
       p(e.$slots, "default", {}, void 0, !0)
     ]),
     _: 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: ""
@@ -2560,7 +2560,7 @@ function Va(e, s, t, a, n, i) {
     ]),
     error: t.error
   }, {
-    default: S(() => [
+    default: w(() => [
       f("input", {
         class: v(["ecs-form-check-input", n.indeterminateState ? "indeterminate" : ""]),
         type: "checkbox",
@@ -2583,8 +2583,8 @@ function Va(e, s, t, a, n, i) {
           key: 0,
           preset: "form"
         }, {
-          default: S(() => [
-            A(C(t.help), 1)
+          default: w(() => [
+            $(C(t.help), 1)
           ]),
           _: 1
         })) : u("", !0)
@@ -2636,7 +2636,7 @@ function Ra(e, s, t, a, n, i) {
     class: v([[i.textClass, t.emphasized ? "emphasized" : ""], "ecs-text"]),
     style: x({ color: i.textColor })
   }, {
-    default: S(() => [
+    default: w(() => [
       p(e.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
@@ -2729,7 +2729,7 @@ function ja(e, s, t, a, n, i) {
       e.$slots.default ? "" : "stand-alone"
     ])
   }, {
-    default: S(() => [
+    default: w(() => [
       f("input", {
         class: "ecs-form-check-input",
         ref: "check",
@@ -2752,8 +2752,8 @@ function ja(e, s, t, a, n, i) {
           key: 0,
           type: "form"
         }, {
-          default: S(() => [
-            A(C(t.help), 1)
+          default: w(() => [
+            $(C(t.help), 1)
           ]),
           _: 1
         })) : u("", !0)
@@ -2930,7 +2930,7 @@ function ao(e, s, t, a, n, i) {
       t.inline ? "ecs-form-check-inline" : ""
     ]])
   }, {
-    default: S(() => [
+    default: w(() => [
       no,
       f("label", {
         class: "ecs-form-check-label",
@@ -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: {
@@ -3337,7 +3337,7 @@ const ze = /* @__PURE__ */ y(lo, [["render", mo], ["__scopeId", "data-v-30641d87
 }, Co = {
   key: 0,
   class: "after"
-}, So = ["tabindex"], wo = {
+}, wo = ["tabindex"], So = {
   key: 0,
   class: "after"
 }, xo = ["tabindex", "href"], Bo = { class: "text" }, Io = { class: "text-inner" }, zo = {
@@ -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, [
@@ -3365,7 +3365,7 @@ function Lo(e, s, t, a, n, i) {
         "value-true": t.valueTrue,
         indeterminate: t.indeterminate
       }, {
-        default: S(() => [
+        default: w(() => [
           p(e.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
@@ -3383,7 +3383,7 @@ function Lo(e, s, t, a, n, i) {
         disabled: t.disabled || null,
         checked: t.value || null
       }, {
-        default: S(() => [
+        default: w(() => [
           p(e.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
@@ -3404,7 +3404,7 @@ function Lo(e, s, t, a, n, i) {
         size: "sml-toggle",
         disabled: t.disabled || null
       }, {
-        default: S(() => [
+        default: w(() => [
           p(e.$slots, "default", {}, void 0, !0),
           t.help ? (o(), r("span", ko, C(t.help), 1)) : u("", !0)
         ]),
@@ -3428,12 +3428,12 @@ function Lo(e, s, t, a, n, i) {
         sort: t.sort,
         disabled: t.disabled || null
       }, {
-        default: S(() => [
+        default: w(() => [
           p(e.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["sort", "disabled"]),
-      t.suffix ? (o(), r("span", wo, C(t.suffix), 1)) : u("", !0),
+      t.suffix ? (o(), r("span", So, C(t.suffix), 1)) : u("", !0),
       t.draggable ? (o(), m(c, {
         key: 1,
         type: "drag-handler",
@@ -3441,7 +3441,7 @@ function Lo(e, s, t, a, n, i) {
         class: "drag-handle"
       })) : u("", !0),
       _(k, { inset: 0 })
-    ], 8, So)) : t.type === "link" ? (o(), r("a", {
+    ], 8, wo)) : t.type === "link" ? (o(), r("a", {
       key: 4,
       onClick: s[6] || (s[6] = (B) => e.$emit("click", B)),
       class: v(["ecs-popover-list-item", [
@@ -3485,8 +3485,8 @@ function Lo(e, s, t, a, n, i) {
           "aria-label": i.secondaryActionOptions.label,
           title: i.secondaryActionOptions.iconOnly ? i.secondaryActionOptions.label : void 0
         }, {
-          default: S(() => [
-            A(C(i.secondaryActionOptions.label), 1)
+          default: w(() => [
+            $(C(i.secondaryActionOptions.label), 1)
           ]),
           _: 1
         }, 8, ["onClick", "type", "icon", "icon-only", "class", "aria-label", "title"])) : u("", !0),
@@ -3548,14 +3548,14 @@ function Lo(e, s, t, a, n, i) {
           "aria-label": i.secondaryActionOptions.label,
           title: i.secondaryActionOptions.iconOnly ? i.secondaryActionOptions.label : void 0
         }, {
-          default: S(() => [
-            A(C(i.secondaryActionOptions.label), 1)
+          default: w(() => [
+            $(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: {
@@ -3882,7 +3882,7 @@ function jo(e, s, t, a, n, i) {
     gap: 8,
     class: "ecs-bulk-selector"
   }, {
-    default: S(() => [
+    default: w(() => [
       f("div", Wo, [
         _(l, {
           value: t.value,
@@ -3896,16 +3896,16 @@ function jo(e, s, t, a, n, i) {
           onShown: s[1] || (s[1] = (I) => e.$emit("popover-shown")),
           onHidden: s[2] || (s[2] = (I) => e.$emit("popover-hidden"))
         }, {
-          content: S(() => [
+          content: w(() => [
             _(b, null, {
-              default: S(() => [
+              default: w(() => [
                 (o(!0), r(F, null, J(t.options, (I, B) => (o(), m(d, {
                   key: B,
                   disabled: I.disabled || null,
                   onClick: (M) => e.$emit("select", I.action)
                 }, {
-                  default: S(() => [
-                    A(C(I.label), 1)
+                  default: w(() => [
+                    $(C(I.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["disabled", "onClick"]))), 128)),
@@ -3916,8 +3916,8 @@ function jo(e, s, t, a, n, i) {
                   value: n.familiesIncluded,
                   onInput: i.setFamiliesIncluded
                 }, {
-                  default: S(() => [
-                    A(" Include Families ")
+                  default: w(() => [
+                    $(" Include Families ")
                   ]),
                   _: 1
                 }, 8, ["value", "onInput"])) : u("", !0)
@@ -3925,7 +3925,7 @@ function jo(e, s, t, a, n, i) {
               _: 1
             })
           ]),
-          default: S(() => [
+          default: w(() => [
             _(c, {
               dropdown: "",
               "aria-label": "Select options",
@@ -3939,9 +3939,9 @@ function jo(e, s, t, a, n, i) {
         gap: 3,
         class: "ecs-bulk-selector-count"
       }, {
-        default: S(() => [
+        default: w(() => [
           f("span", null, C(t.count), 1),
-          A(" Selected " + C(i.pluralizedType), 1)
+          $(" Selected " + C(i.pluralizedType), 1)
         ]),
         _: 1
       })
@@ -4019,15 +4019,15 @@ function pt(e) {
   }, pt(e);
 }
 var Jo = /^\s+/, Qo = /\s+$/;
-function w(e, s) {
-  if (e = e || "", s = s || {}, e instanceof w)
+function S(e, s) {
+  if (e = e || "", s = s || {}, e instanceof S)
     return e;
-  if (!(this instanceof w))
-    return new w(e, s);
+  if (!(this instanceof S))
+    return new S(e, s);
   var t = el(e);
   this._originalInput = e, this._r = t.r, this._g = t.g, this._b = t.b, this._a = t.a, this._roundA = Math.round(100 * this._a) / 100, this._format = s.format || t.format, this._gradientType = s.gradientType, this._r < 1 && (this._r = Math.round(this._r)), this._g < 1 && (this._g = Math.round(this._g)), this._b < 1 && (this._b = Math.round(this._b)), this._ok = t.ok;
 }
-w.prototype = {
+S.prototype = {
   isDark: function() {
     return this.getBrightness() < 128;
   },
@@ -4123,7 +4123,7 @@ w.prototype = {
   toFilter: function(s) {
     var t = "#" + ys(this._r, this._g, this._b, this._a), a = t, n = this._gradientType ? "GradientType = 1, " : "";
     if (s) {
-      var i = w(s);
+      var i = S(s);
       a = "#" + ys(i._r, i._g, i._b, i._a);
     }
     return "progid:DXImageTransform.Microsoft.gradient(" + n + "startColorstr=" + t + ",endColorstr=" + a + ")";
@@ -4135,7 +4135,7 @@ w.prototype = {
     return i ? s === "name" && this._a === 0 ? this.toName() : this.toRgbString() : (s === "rgb" && (a = this.toRgbString()), s === "prgb" && (a = this.toPercentageRgbString()), (s === "hex" || s === "hex6") && (a = this.toHexString()), s === "hex3" && (a = this.toHexString(!0)), s === "hex4" && (a = this.toHex8String(!0)), s === "hex8" && (a = this.toHex8String()), s === "name" && (a = this.toName()), s === "hsl" && (a = this.toHslString()), s === "hsv" && (a = this.toHsvString()), a || this.toHexString());
   },
   clone: function() {
-    return w(this.toString());
+    return S(this.toString());
   },
   _applyModification: function(s, t) {
     var a = s.apply(null, [this].concat([].slice.call(t)));
@@ -4188,14 +4188,14 @@ w.prototype = {
     return this._applyCombination(bs, [4]);
   }
 };
-w.fromRatio = function(e, s) {
+S.fromRatio = function(e, s) {
   if (pt(e) == "object") {
     var t = {};
     for (var a in e)
       e.hasOwnProperty(a) && (a === "a" ? t[a] = e[a] : t[a] = et(e[a]));
     e = t;
   }
-  return w(e, s);
+  return S(e, s);
 };
 function el(e) {
   var s = {
@@ -4298,22 +4298,22 @@ function il(e, s, t) {
   };
 }
 function vs(e, s, t, a) {
-  var n = [we(Math.round(e).toString(16)), we(Math.round(s).toString(16)), we(Math.round(t).toString(16))];
+  var n = [Se(Math.round(e).toString(16)), Se(Math.round(s).toString(16)), Se(Math.round(t).toString(16))];
   return a && n[0].charAt(0) == n[0].charAt(1) && n[1].charAt(0) == n[1].charAt(1) && n[2].charAt(0) == n[2].charAt(1) ? n[0].charAt(0) + n[1].charAt(0) + n[2].charAt(0) : n.join("");
 }
 function nl(e, s, t, a, n) {
-  var i = [we(Math.round(e).toString(16)), we(Math.round(s).toString(16)), we(Math.round(t).toString(16)), we(Ys(a))];
+  var i = [Se(Math.round(e).toString(16)), Se(Math.round(s).toString(16)), Se(Math.round(t).toString(16)), Se(Ys(a))];
   return n && i[0].charAt(0) == i[0].charAt(1) && i[1].charAt(0) == i[1].charAt(1) && i[2].charAt(0) == i[2].charAt(1) && i[3].charAt(0) == i[3].charAt(1) ? i[0].charAt(0) + i[1].charAt(0) + i[2].charAt(0) + i[3].charAt(0) : i.join("");
 }
 function ys(e, s, t, a) {
-  var n = [we(Ys(a)), we(Math.round(e).toString(16)), we(Math.round(s).toString(16)), we(Math.round(t).toString(16))];
+  var n = [Se(Ys(a)), Se(Math.round(e).toString(16)), Se(Math.round(s).toString(16)), Se(Math.round(t).toString(16))];
   return n.join("");
 }
-w.equals = function(e, s) {
-  return !e || !s ? !1 : w(e).toRgbString() == w(s).toRgbString();
+S.equals = function(e, s) {
+  return !e || !s ? !1 : S(e).toRgbString() == S(s).toRgbString();
 };
-w.random = function() {
-  return w.fromRatio({
+S.random = function() {
+  return S.fromRatio({
     r: Math.random(),
     g: Math.random(),
     b: Math.random()
@@ -4321,45 +4321,45 @@ w.random = function() {
 };
 function al(e, s) {
   s = s === 0 ? 0 : s || 10;
-  var t = w(e).toHsl();
-  return t.s -= s / 100, t.s = kt(t.s), w(t);
+  var t = S(e).toHsl();
+  return t.s -= s / 100, t.s = kt(t.s), S(t);
 }
 function ol(e, s) {
   s = s === 0 ? 0 : s || 10;
-  var t = w(e).toHsl();
-  return t.s += s / 100, t.s = kt(t.s), w(t);
+  var t = S(e).toHsl();
+  return t.s += s / 100, t.s = kt(t.s), S(t);
 }
 function ll(e) {
-  return w(e).desaturate(100);
+  return S(e).desaturate(100);
 }
 function rl(e, s) {
   s = s === 0 ? 0 : s || 10;
-  var t = w(e).toHsl();
-  return t.l += s / 100, t.l = kt(t.l), w(t);
+  var t = S(e).toHsl();
+  return t.l += s / 100, t.l = kt(t.l), S(t);
 }
 function cl(e, s) {
   s = s === 0 ? 0 : s || 10;
-  var t = w(e).toRgb();
-  return t.r = Math.max(0, Math.min(255, t.r - Math.round(255 * -(s / 100)))), t.g = Math.max(0, Math.min(255, t.g - Math.round(255 * -(s / 100)))), t.b = Math.max(0, Math.min(255, t.b - Math.round(255 * -(s / 100)))), w(t);
+  var t = S(e).toRgb();
+  return t.r = Math.max(0, Math.min(255, t.r - Math.round(255 * -(s / 100)))), t.g = Math.max(0, Math.min(255, t.g - Math.round(255 * -(s / 100)))), t.b = Math.max(0, Math.min(255, t.b - Math.round(255 * -(s / 100)))), S(t);
 }
 function dl(e, s) {
   s = s === 0 ? 0 : s || 10;
-  var t = w(e).toHsl();
-  return t.l -= s / 100, t.l = kt(t.l), w(t);
+  var t = S(e).toHsl();
+  return t.l -= s / 100, t.l = kt(t.l), S(t);
 }
 function ul(e, s) {
-  var t = w(e).toHsl(), a = (t.h + s) % 360;
-  return t.h = a < 0 ? 360 + a : a, w(t);
+  var t = S(e).toHsl(), a = (t.h + s) % 360;
+  return t.h = a < 0 ? 360 + a : a, S(t);
 }
 function fl(e) {
-  var s = w(e).toHsl();
-  return s.h = (s.h + 180) % 360, w(s);
+  var s = S(e).toHsl();
+  return s.h = (s.h + 180) % 360, S(s);
 }
 function bs(e, s) {
   if (isNaN(s) || s <= 0)
     throw new Error("Argument to polyad must be a positive number");
-  for (var t = w(e).toHsl(), a = [w(e)], n = 360 / s, i = 1; i < s; i++)
-    a.push(w({
+  for (var t = S(e).toHsl(), a = [S(e)], n = 360 / s, i = 1; i < s; i++)
+    a.push(S({
       h: (t.h + i * n) % 360,
       s: t.s,
       l: t.l
@@ -4367,12 +4367,12 @@ function bs(e, s) {
   return a;
 }
 function gl(e) {
-  var s = w(e).toHsl(), t = s.h;
-  return [w(e), w({
+  var s = S(e).toHsl(), t = s.h;
+  return [S(e), S({
     h: (t + 72) % 360,
     s: s.s,
     l: s.l
-  }), w({
+  }), S({
     h: (t + 216) % 360,
     s: s.s,
     l: s.l
@@ -4380,37 +4380,37 @@ function gl(e) {
 }
 function ml(e, s, t) {
   s = s || 6, t = t || 30;
-  var a = w(e).toHsl(), n = 360 / t, i = [w(e)];
+  var a = S(e).toHsl(), n = 360 / t, i = [S(e)];
   for (a.h = (a.h - (n * s >> 1) + 720) % 360; --s; )
-    a.h = (a.h + n) % 360, i.push(w(a));
+    a.h = (a.h + n) % 360, i.push(S(a));
   return i;
 }
 function hl(e, s) {
   s = s || 6;
-  for (var t = w(e).toHsv(), a = t.h, n = t.s, i = t.v, l = [], c = 1 / s; s--; )
-    l.push(w({
+  for (var t = S(e).toHsv(), a = t.h, n = t.s, i = t.v, l = [], c = 1 / s; s--; )
+    l.push(S({
       h: a,
       s: n,
       v: i
     })), i = (i + c) % 1;
   return l;
 }
-w.mix = function(e, s, t) {
+S.mix = function(e, s, t) {
   t = t === 0 ? 0 : t || 50;
-  var a = w(e).toRgb(), n = w(s).toRgb(), i = t / 100, l = {
+  var a = S(e).toRgb(), n = S(s).toRgb(), i = t / 100, l = {
     r: (n.r - a.r) * i + a.r,
     g: (n.g - a.g) * i + a.g,
     b: (n.b - a.b) * i + a.b,
     a: (n.a - a.a) * i + a.a
   };
-  return w(l);
+  return S(l);
 };
-w.readability = function(e, s) {
-  var t = w(e), a = w(s);
+S.readability = function(e, s) {
+  var t = S(e), a = S(s);
   return (Math.max(t.getLuminance(), a.getLuminance()) + 0.05) / (Math.min(t.getLuminance(), a.getLuminance()) + 0.05);
 };
-w.isReadable = function(e, s, t) {
-  var a = w.readability(e, s), n, i;
+S.isReadable = function(e, s, t) {
+  var a = S.readability(e, s), n, i;
   switch (i = !1, n = kl(t), n.level + n.size) {
     case "AAsmall":
     case "AAAlarge":
@@ -4425,17 +4425,17 @@ w.isReadable = function(e, s, t) {
   }
   return i;
 };
-w.mostReadable = function(e, s, t) {
+S.mostReadable = function(e, s, t) {
   var a = null, n = 0, i, l, c, d;
   t = t || {}, l = t.includeFallbackColors, c = t.level, d = t.size;
   for (var h = 0; h < s.length; h++)
-    i = w.readability(e, s[h]), i > n && (n = i, a = w(s[h]));
-  return w.isReadable(e, a, {
+    i = S.readability(e, s[h]), i > n && (n = i, a = S(s[h]));
+  return S.isReadable(e, a, {
     level: c,
     size: d
-  }) || !l ? a : (t.includeFallbackColors = !1, w.mostReadable(e, ["#fff", "#000"], t));
+  }) || !l ? a : (t.includeFallbackColors = !1, S.mostReadable(e, ["#fff", "#000"], t));
 };
-var At = w.names = {
+var $t = S.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 = S.hexNames = vl($t);
 function vl(e) {
   var s = {};
   for (var t in e)
@@ -4612,7 +4612,7 @@ function yl(e) {
 function bl(e) {
   return typeof e == "string" && e.indexOf("%") != -1;
 }
-function we(e) {
+function Se(e) {
   return e.length == 1 ? "0" + e : "" + e;
 }
 function et(e) {
@@ -4624,7 +4624,7 @@ function Ys(e) {
 function _s(e) {
   return le(e) / 255;
 }
-var Se = function() {
+var we = function() {
   var e = "[-\\+]?\\d+%?", s = "[-\\+]?\\d*\\.\\d+%?", t = "(?:" + s + ")|(?:" + e + ")", a = "[\\s|\\(]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")\\s*\\)?", n = "[\\s|\\(]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")\\s*\\)?";
   return {
     CSS_UNIT: new RegExp(t),
@@ -4641,13 +4641,13 @@ var Se = function() {
   };
 }();
 function Me(e) {
-  return !!Se.CSS_UNIT.exec(e);
+  return !!we.CSS_UNIT.exec(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,
@@ -4657,51 +4657,51 @@ function _l(e) {
       format: "name"
     };
   var t;
-  return (t = Se.rgb.exec(e)) ? {
+  return (t = we.rgb.exec(e)) ? {
     r: t[1],
     g: t[2],
     b: t[3]
-  } : (t = Se.rgba.exec(e)) ? {
+  } : (t = we.rgba.exec(e)) ? {
     r: t[1],
     g: t[2],
     b: t[3],
     a: t[4]
-  } : (t = Se.hsl.exec(e)) ? {
+  } : (t = we.hsl.exec(e)) ? {
     h: t[1],
     s: t[2],
     l: t[3]
-  } : (t = Se.hsla.exec(e)) ? {
+  } : (t = we.hsla.exec(e)) ? {
     h: t[1],
     s: t[2],
     l: t[3],
     a: t[4]
-  } : (t = Se.hsv.exec(e)) ? {
+  } : (t = we.hsv.exec(e)) ? {
     h: t[1],
     s: t[2],
     v: t[3]
-  } : (t = Se.hsva.exec(e)) ? {
+  } : (t = we.hsva.exec(e)) ? {
     h: t[1],
     s: t[2],
     v: t[3],
     a: t[4]
-  } : (t = Se.hex8.exec(e)) ? {
+  } : (t = we.hex8.exec(e)) ? {
     r: le(t[1]),
     g: le(t[2]),
     b: le(t[3]),
     a: _s(t[4]),
     format: s ? "name" : "hex8"
-  } : (t = Se.hex6.exec(e)) ? {
+  } : (t = we.hex6.exec(e)) ? {
     r: le(t[1]),
     g: le(t[2]),
     b: le(t[3]),
     format: s ? "name" : "hex"
-  } : (t = Se.hex4.exec(e)) ? {
+  } : (t = we.hex4.exec(e)) ? {
     r: le(t[1] + "" + t[1]),
     g: le(t[2] + "" + t[2]),
     b: le(t[3] + "" + t[3]),
     a: _s(t[4] + "" + t[4]),
     format: s ? "name" : "hex8"
-  } : (t = Se.hex3.exec(e)) ? {
+  } : (t = we.hex3.exec(e)) ? {
     r: le(t[1] + "" + t[1]),
     g: le(t[2] + "" + t[2]),
     b: le(t[3] + "" + t[3]),
@@ -4722,7 +4722,7 @@ const Cl = {
   name: "ecs-button-context",
   emits: ["click"],
   components: {
-    EcsIcon: L,
+    EcsIcon: A,
     EcsFocusRing: D
   },
   props: {
@@ -4755,7 +4755,7 @@ const Cl = {
     },
     colorIsDark() {
       if (this.selectedColor && this.selectedColor !== "")
-        return w(this.selectedColor).isDark();
+        return S(this.selectedColor).isDark();
     },
     selectedColorBackground() {
       if (this.selectedColor && this.selectedColor !== "")
@@ -4764,17 +4764,17 @@ const Cl = {
     selectedColorText() {
       if (this.selectedColor && this.selectedColor !== "")
         return this.colorIsDark ? {
-          color: w(this.selectedColor).lighten(65).toRgbString()
+          color: S(this.selectedColor).lighten(65).toRgbString()
         } : {
-          color: w(this.selectedColor).lighten(10).toRgbString()
+          color: S(this.selectedColor).lighten(10).toRgbString()
         };
     }
   },
   mounted() {
     this.iconOnly && (!this.ariaLabel || this.ariaLabel.trim());
   }
-}, Sl = ["aria-label", "aria-busy"];
-function wl(e, s, t, a, n, i) {
+}, wl = ["aria-label", "aria-busy"];
+function Sl(e, s, t, a, n, i) {
   const l = g("ecs-icon"), c = g("ecs-focus-ring");
   return o(), r("button", {
     class: v(["ecs-context-button", [t.loading ? "loading" : "", i.iconOnly ? "ecs-context-button-icon-only" : ""]]),
@@ -4795,9 +4795,9 @@ function wl(e, s, t, a, n, i) {
     }, null, 4)) : u("", !0),
     p(e.$slots, "default", {}, void 0, !0),
     _(c)
-  ], 14, Sl);
+  ], 14, wl);
 }
-const R0 = /* @__PURE__ */ y(Cl, [["render", wl], ["__scopeId", "data-v-6817d99f"]]), xl = {
+const R0 = /* @__PURE__ */ y(Cl, [["render", Sl], ["__scopeId", "data-v-6817d99f"]]), xl = {
   name: "ecs-context-button-group"
 }, Bl = { class: "ecs-context-button-group" };
 function Il(e, s, t, a, n, i) {
@@ -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: {
@@ -5205,7 +5205,7 @@ const j0 = /* @__PURE__ */ y(jl, [["render", Yl], ["__scopeId", "data-v-8d449816
 function Jl(e, s, t, a, n, i) {
   const l = g("ecs-flex-row");
   return o(), m(l, { class: "ecs-citation-line" }, {
-    default: S(() => [
+    default: w(() => [
       f("div", {
         class: v(["ecs-citation-line-cite", [t.state, t.editable ? "editable" : ""]]),
         ref: "editable",
@@ -5221,7 +5221,7 @@ function Jl(e, s, t, a, n, i) {
         justify: "end",
         class: "ecs-citation-line-actions"
       }, {
-        default: S(() => [
+        default: w(() => [
           p(e.$slots, "actions", {}, void 0, !0)
         ]),
         _: 3
@@ -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
   },
@@ -5558,8 +5558,8 @@ function fr(e, s, t, a, n, i) {
         "aria-controls": `collapse-${this.id}`
       }, [
         _(c, { gap: 4 }, {
-          default: S(() => [
-            A(C(t.title) + " ", 1),
+          default: w(() => [
+            $(C(t.title) + " ", 1),
             t.count ? (o(), r("span", cr, "(" + C(t.count) + ")", 1)) : u("", !0)
           ]),
           _: 1
@@ -5569,7 +5569,7 @@ function fr(e, s, t, a, n, i) {
           radius: 0
         }),
         _(pe, { name: "fade" }, {
-          default: S(() => [
+          default: w(() => [
             e.$slots.controls && (!t.hideControlsWhenCollapsed || n.isVisible) ? (o(), r("div", dr, [
               p(e.$slots, "controls", {}, void 0, !0)
             ])) : u("", !0)
@@ -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). */
@@ -5785,7 +5785,7 @@ function Cr(e, s, t, a, n, i) {
     })
   ], 10, kr);
 }
-const Zs = /* @__PURE__ */ y(_r, [["render", Cr]]), Sr = {
+const Zs = /* @__PURE__ */ y(_r, [["render", Cr]]), wr = {
   name: "ecs-comment",
   emits: ["edit", "delete"],
   components: { EcsAvatar: vt, EcsButton: ze, EcsFormatted: Zs, EcsSkeletonLoader: te },
@@ -5811,7 +5811,7 @@ const Zs = /* @__PURE__ */ y(_r, [["render", Cr]]), Sr = {
       default: !1
     }
   }
-}, wr = ["aria-busy"], xr = { class: "ecs-comment-header" }, Br = { class: "ecs-comment-autor" }, Ir = {
+}, Sr = ["aria-busy"], xr = { class: "ecs-comment-header" }, Br = { class: "ecs-comment-autor" }, Ir = {
   key: 2,
   class: "ecs-comment-meta"
 }, zr = { class: "ecs-comment-meta-name" }, Er = { class: "ecs-comment-meta-time" }, Tr = {
@@ -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",
@@ -5886,7 +5886,7 @@ function $r(e, s, t, a, n, i) {
       key: 0,
       class: "ecs-comment-body"
     }, {
-      default: S(() => [
+      default: w(() => [
         p(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
@@ -5898,19 +5898,19 @@ function $r(e, s, t, a, n, i) {
     })) : (o(), r("div", Mr, [
       p(e.$slots, "editform", {}, void 0, !0)
     ]))
-  ], 8, wr);
+  ], 8, Sr);
 }
-const X0 = /* @__PURE__ */ y(Sr, [["render", $r], ["__scopeId", "data-v-cf696f66"]]), Ar = {}, Lr = { class: "ecs-comment-list" };
+const X0 = /* @__PURE__ */ y(wr, [["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;
-  e && e.hsl ? a = w(e.hsl) : e && e.hex && e.hex.length > 0 ? a = w(e.hex) : e && e.hsv ? a = w(e.hsv) : e && e.rgba ? a = w(e.rgba) : e && e.rgb ? a = w(e.rgb) : a = w(e), a && (a._a === void 0 || a._a === null) && a.setAlpha(t || 1);
+  e && e.hsl ? a = S(e.hsl) : e && e.hex && e.hex.length > 0 ? a = S(e.hex) : e && e.hsv ? a = S(e.hsv) : e && e.rgba ? a = S(e.rgba) : e && e.rgb ? a = S(e.rgb) : a = S(e), a && (a._a === void 0 || a._a === null) && a.setAlpha(t || 1);
   const n = a.toHsl(), i = a.toHsv();
   return n.s === 0 && (i.h = n.h = e.h || e.hsl && e.hsl.h || s || 0), {
     hsl: n,
@@ -5950,7 +5950,7 @@ const Dr = {
       this.oldHue = this.colors.hsl.h, this.colors = zt(e, s || this.oldHue);
     },
     isValidHex(e) {
-      return w(e).isValid();
+      return S(e).isValid();
     },
     simpleCheckForValidColor(e) {
       const s = ["r", "g", "b", "a", "h", "s", "l", "v"];
@@ -5966,7 +5966,7 @@ const Dr = {
       return e.map((s) => s.toUpperCase());
     },
     isTransparent(e) {
-      return w(e).getAlpha() === 0;
+      return S(e).getAlpha() === 0;
     }
   }
 }, Nr = {
@@ -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");
@@ -6088,33 +6088,33 @@ var mc = gc, hc = Object.prototype, pc = hc.toString;
 function vc(e) {
   return pc.call(e);
 }
-var yc = vc, Cs = Qs, bc = mc, _c = yc, kc = "[object Null]", Cc = "[object Undefined]", Ss = Cs ? Cs.toStringTag : void 0;
-function Sc(e) {
-  return e == null ? e === void 0 ? Cc : kc : Ss && Ss in Object(e) ? bc(e) : _c(e);
+var yc = vc, Cs = Qs, bc = mc, _c = yc, kc = "[object Null]", Cc = "[object Undefined]", ws = Cs ? Cs.toStringTag : void 0;
+function wc(e) {
+  return e == null ? e === void 0 ? Cc : kc : ws && ws in Object(e) ? bc(e) : _c(e);
 }
-var wc = Sc;
+var Sc = wc;
 function xc(e) {
   return e != null && typeof e == "object";
 }
-var Bc = xc, Ic = wc, zc = Bc, Ec = "[object Symbol]";
+var Bc = xc, Ic = Sc, 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, Ss = 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)) {
+  if (Ss(e)) {
     var s = typeof e.valueOf == "function" ? e.valueOf() : e;
-    e = ws(s) ? s + "" : s;
+    e = Ss(s) ? s + "" : s;
   }
   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,
@@ -6569,10 +6569,10 @@ const kd = /* @__PURE__ */ y(hd, [["render", _d]]), Cd = {
       return t > 0.1 && t < 0.9;
     }
   }
-}, Sd = {
+}, wd = {
   key: 0,
   class: "ecs-color-picker-saturation-wrap"
-}, wd = {
+}, Sd = {
   key: 1,
   class: "ecs-color-picker-controls"
 }, xd = { class: "ecs-color-picker-sliders" }, Bd = { class: "ecs-color-picker-hue-wrap" }, Id = {
@@ -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", {
@@ -6593,7 +6593,7 @@ function Od(e, s, t, a, n, i) {
     class: v(["ecs-color-picker", t.disableAlpha ? "ecs-color-picker__disable-alpha" : ""]),
     style: x({ padding: t.padding + "px", width: 216 + 2 * t.padding + "px" })
   }, [
-    t.disableCustom ? u("", !0) : (o(), r("div", Sd, [
+    t.disableCustom ? u("", !0) : (o(), r("div", wd, [
       _(l, {
         modelValue: e.colors,
         "onUpdate:modelValue": s[0] || (s[0] = (k) => e.colors = k),
@@ -6601,7 +6601,7 @@ function Od(e, s, t, a, n, i) {
         "prevent-unusable": t.preventUnusableColors
       }, null, 8, ["modelValue", "onChange", "prevent-unusable"])
     ])),
-    t.disableCustom ? u("", !0) : (o(), r("div", wd, [
+    t.disableCustom ? u("", !0) : (o(), r("div", Sd, [
       f("div", xd, [
         f("div", Bd, [
           _(c, {
@@ -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,
@@ -6757,7 +6757,7 @@ const Dd = /* @__PURE__ */ y(Cd, [["render", Od]]), Nd = {
 function Vd(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: S(() => [
+    content: w(() => [
       _(l, {
         "onUpdate:modelValue": s[0] || (s[0] = (d) => e.$emit("update:modelValue", d)),
         modelValue: t.modelValue,
@@ -6769,7 +6769,7 @@ function Vd(e, s, t, a, n, i) {
         preventUnusableColors: t.preventUnusableColors
       }, null, 8, ["modelValue", "swatches", "disableAlpha", "disableFields", "disableCustom", "preventUnusableColors"])
     ]),
-    default: S(() => [
+    default: w(() => [
       f("button", {
         class: v(["ecs-color-picker-input-button", i.sizeClass]),
         style: x(i.selectedColorStyle)
@@ -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",
@@ -7191,7 +7191,7 @@ function gu(e, s, t, a, n, i) {
       type: t.headerRowType,
       onCollapse: i.handleCollapse
     }, {
-      default: S(() => [
+      default: w(() => [
         p(e.$slots, "cells", {}, void 0, !0)
       ]),
       _: 3
@@ -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
   },
@@ -7550,10 +7550,10 @@ const Zt = /* @__PURE__ */ y(mu, [["render", yu], ["__scopeId", "data-v-eea25537
 }, _u = ["aria-sort", "aria-label"], ku = {
   key: 0,
   class: "shadow left"
-}, Cu = ["data-column", "data-test"], Su = {
+}, Cu = ["data-column", "data-test"], wu = {
   key: 0,
   class: "first-cell-spacer"
-}, wu = {
+}, Su = {
   key: 1,
   class: "ecs-data-grid-head-cell-prefix"
 }, xu = ["title"], Bu = ["selected", "value"], Iu = ["title"], zu = ["title"], Eu = {
@@ -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", [
@@ -7598,8 +7598,8 @@ function Au(e, s, t, a, n, i) {
       "data-column": i.computedId,
       "data-test": i.computedId
     }, [
-      t.firstNonStaticCell ? (o(), r("div", Su)) : u("", !0),
-      e.$slots.prefix ? (o(), r("div", wu, [
+      t.firstNonStaticCell ? (o(), r("div", wu)) : u("", !0),
+      e.$slots.prefix ? (o(), r("div", Su, [
         p(e.$slots, "prefix", {}, void 0, !0)
       ])) : u("", !0),
       t.icon ? (o(), r("div", {
@@ -7619,7 +7619,7 @@ function Au(e, s, t, a, n, i) {
         onChange: s[1] || (s[1] = (h) => e.$emit("selection", n.selectCellValue)),
         type: "invisible"
       }, {
-        default: S(() => [
+        default: w(() => [
           (o(!0), r(F, null, J(t.select, (h, b) => (o(), r("option", {
             key: b,
             selected: h.selected,
@@ -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 on:" + this.column + " with value:" + e);
+      }
+    },
+    fixedLeftLast: {
+      immediate: !0,
+      handler(e) {
+        console.log("fixedLeftLast changed on:" + this.column + " with value:" + e);
+      }
     }
   },
+  mounted() {
+    console.log("Cell " + this.column + " 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-833c3795"), 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-833c3795"]]), 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: {
@@ -8453,10 +8472,10 @@ const d_ = /* @__PURE__ */ y(ff, [["render", vf], ["__scopeId", "data-v-ddd907db
 }, Cf = {
   key: 2,
   class: "instant"
-}, Sf = {
+}, wf = {
   key: 3,
   class: "no-instant"
-}, wf = {
+}, Sf = {
   key: 4,
   class: "loading"
 };
@@ -8474,8 +8493,8 @@ function xf(e, s, t, a, n, i) {
     "aria-busy": t.processing || null
   }, [
     t.ocr ? (o(), r("div", _f)) : (o(), r("div", kf)),
-    t.instantView ? (o(), r("div", Cf)) : (o(), r("div", Sf)),
-    t.processing ? (o(), r("span", wf, [
+    t.instantView ? (o(), r("div", Cf)) : (o(), r("div", wf)),
+    t.processing ? (o(), r("span", Sf, [
       _(c, {
         type: "loading",
         size: "18",
@@ -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: {
@@ -8867,7 +8886,7 @@ function Kf(e, s, t, a, n, i) {
       type: i.iconType,
       iconColor: i.iconColor
     }, {
-      default: S(() => [
+      default: w(() => [
         t.initializing ? (o(), m(l, {
           key: 0,
           type: "single",
@@ -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)
@@ -8897,15 +8916,15 @@ function Kf(e, s, t, a, n, i) {
               gap: 8,
               justify: "center"
             }, {
-              default: S(() => [
+              default: w(() => [
                 t.uploadStats.speed > 2e6 ? (o(), m(d, {
                   key: 0,
                   type: "label",
                   emphasized: "",
                   color: "#474B60"
                 }, {
-                  default: S(() => [
-                    A("Uploading")
+                  default: w(() => [
+                    $("Uploading")
                   ]),
                   _: 1
                 })) : (o(), m(b, {
@@ -8913,15 +8932,15 @@ function Kf(e, s, t, a, n, i) {
                   gap: 4,
                   title: "Slow network, please check your connection."
                 }, {
-                  default: S(() => [
+                  default: w(() => [
                     _(h, { type: "warning" }),
                     _(d, {
                       type: "label",
                       emphasized: "",
                       color: "warning"
                     }, {
-                      default: S(() => [
-                        A("Uploading")
+                      default: w(() => [
+                        $("Uploading")
                       ]),
                       _: 1
                     })
@@ -8956,8 +8975,8 @@ function Kf(e, s, t, a, n, i) {
       icon: i.cancelButtonOptions.icon,
       class: "ecs-dropzone-cancel"
     }, {
-      default: S(() => [
-        A(C(i.cancelButtonOptions.label), 1)
+      default: w(() => [
+        $(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: {
@@ -9104,8 +9123,8 @@ function ag(e, s, t, a, n, i) {
         type: "headline",
         size: "4"
       }, {
-        default: S(() => [
-          A(C(t.title), 1)
+        default: w(() => [
+          $(C(t.title), 1)
         ]),
         _: 1
       }),
@@ -9240,28 +9259,28 @@ const og = /* @__PURE__ */ y(eg, [["render", ag], ["__scopeId", "data-v-85fef203
   target: "_blank",
   title: "Learn more about EC:AI in the Knowledge Base",
   class: "learn-more-link"
-}, yg = ["value", "selected"], bg = /* @__PURE__ */ Ct(() => /* @__PURE__ */ f("span", null, "Transcript Summary Format: ", -1)), _g = { key: 2 }, kg = { key: 0 }, Cg = { key: 1 }, Sg = { class: "ineligible-list scrollbar scrollbar-sml" }, wg = {
+}, yg = ["value", "selected"], bg = /* @__PURE__ */ Ct(() => /* @__PURE__ */ f("span", null, "Transcript Summary Format: ", -1)), _g = { key: 2 }, kg = { key: 0 }, Cg = { key: 1 }, wg = { class: "ineligible-list scrollbar scrollbar-sml" }, Sg = {
   key: 0,
   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",
     onHidden: i.emitSettings,
     onShown: i.emitOpened
   }, {
-    content: S(() => [
+    content: w(() => [
       f("div", dg, [
         t.hasHeader ? (o(), m(d, {
           key: 0,
           title: "AI Summaries"
         }, {
-          default: S(() => [
+          default: w(() => [
             _(l, { onClick: i.generate }, {
-              default: S(() => [
-                A("Generate")
+              default: w(() => [
+                $("Generate")
               ]),
               _: 1
             }, 8, ["onClick"])
@@ -9276,14 +9295,14 @@ function Bg(e, s, t, a, n, i) {
             justify: "between",
             class: "ecai-header"
           }, {
-            default: S(() => [
+            default: w(() => [
               f("img", {
                 src: n.ecaiLogo,
                 alt: "EC:AI Logo"
               }, null, 8, pg),
               f("a", vg, [
                 _(h),
-                A(" Learn more ")
+                $(" Learn more ")
               ])
             ]),
             _: 1
@@ -9295,8 +9314,8 @@ function Bg(e, s, t, a, n, i) {
             size: "sml-toggle",
             "data-test": "ecai-select-generate-summaries"
           }, {
-            default: S(() => [
-              A(" Generate AI Summaries ")
+            default: w(() => [
+              $(" Generate AI Summaries ")
             ]),
             _: 1
           }, 8, ["onInput", "value"])) : u("", !0),
@@ -9304,10 +9323,10 @@ function Bg(e, s, t, a, n, i) {
             key: 1,
             class: v(["indent", { "no-padding": t.hideSwitch }])
           }, {
-            default: S(() => [
+            default: w(() => [
               _(E, { type: "label" }, {
-                default: S(() => [
-                  A("Document Summary Format")
+                default: w(() => [
+                  $("Document Summary Format")
                 ]),
                 _: 1
               }),
@@ -9316,7 +9335,7 @@ function Bg(e, s, t, a, n, i) {
                 "onUpdate:modelValue": s[0] || (s[0] = (T) => n.selectedDocumentSummaryTemplateId = T),
                 "data-test": "ecai-select-summary-format"
               }, {
-                default: S(() => [
+                default: w(() => [
                   (o(!0), r(F, null, J(n.localSettings.documentSummaryTemplates, (T) => (o(), r("option", {
                     key: T.id,
                     value: String(T.id),
@@ -9333,9 +9352,9 @@ function Bg(e, s, t, a, n, i) {
             gap: 2,
             class: v(["transcript-summary-format", { "no-padding": t.hideSwitch }])
           }, {
-            default: S(() => [
+            default: w(() => [
               bg,
-              A("Topic Summary ")
+              $("Topic Summary ")
             ]),
             _: 1
           }, 8, ["class"])) : u("", !0),
@@ -9347,8 +9366,8 @@ function Bg(e, s, t, a, n, i) {
             class: "switch",
             "data-test": "ecai-select-extract-metadata"
           }, {
-            default: S(() => [
-              A("Automatically Extract Metadata")
+            default: w(() => [
+              $("Automatically Extract Metadata")
             ]),
             _: 1
           }, 8, ["onInput", "value"])) : u("", !0),
@@ -9356,15 +9375,15 @@ function Bg(e, s, t, a, n, i) {
             key: 4,
             class: "indent checkbox-group"
           }, {
-            default: S(() => [
+            default: w(() => [
               (o(!0), r(F, null, J(n.localSettings.extractDataOptions, (T) => (o(), m(M, {
                 key: T.name,
                 value: T.selected,
                 onInput: (H) => i.updateExtractDataOption(T.name, H),
                 "data-test": `ecai-select-extract-option-${T.name.toLowerCase().replace(" ", "-")}`
               }, {
-                default: S(() => [
-                  A(C(T.name), 1)
+                default: w(() => [
+                  $(C(T.name), 1)
                 ]),
                 _: 2
               }, 1032, ["value", "onInput", "data-test"]))), 128))
@@ -9378,7 +9397,7 @@ function Bg(e, s, t, a, n, i) {
           align: "start",
           class: "warnings"
         }, {
-          default: S(() => [
+          default: w(() => [
             _(c, { type: "warning" }),
             f("ul", null, [
               (o(!0), r(F, null, J(t.warnings, (T) => (o(), r("li", { key: T }, C(T), 1))), 128))
@@ -9387,19 +9406,19 @@ 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",
             "data-test": "ecai-select-toggle-skipped-documents"
           }, {
-            default: S(() => [
+            default: w(() => [
               n.showSkippedDocuments ? (o(), r("span", Cg, "Hide " + C(t.skippedDocuments.length + t.ineligibleTranscriptCount) + " document" + C(t.skippedDocuments.length + t.ineligibleTranscriptCount > 1 ? "s" : ""), 1)) : (o(), r("span", kg, "Show " + C(t.skippedDocuments.length + t.ineligibleTranscriptCount) + " document" + C(t.skippedDocuments.length + t.ineligibleTranscriptCount > 1 ? "s" : ""), 1))
             ]),
             _: 1
           }, 8, ["active"]),
-          f("div", Sg, [
-            n.showSkippedDocuments ? (o(), r("ul", wg, [
+          f("div", wg, [
+            n.showSkippedDocuments ? (o(), r("ul", Sg, [
               t.ineligibleTranscriptCount > 0 ? (o(), r("li", xg, C(t.ineligibleTranscriptCount) + " Transcript" + C(t.ineligibleTranscriptCount > 1 ? "s" : ""), 1)) : u("", !0),
               (o(!0), r(F, null, J(t.skippedDocuments, (T) => (o(), r("li", { key: T }, C(T), 1))), 128))
             ])) : u("", !0)
@@ -9407,7 +9426,7 @@ function Bg(e, s, t, a, n, i) {
         ])) : u("", !0)
       ])
     ]),
-    default: S(() => [
+    default: w(() => [
       f("div", cg, [
         t.buttonType === "iconOnly" ? (o(), m(l, {
           key: 0,
@@ -9425,8 +9444,8 @@ function Bg(e, s, t, a, n, i) {
           disabled: t.disabled,
           "data-test": "ecai-select-button"
         }, {
-          default: S(() => [
-            A("EC:AI")
+          default: w(() => [
+            $("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: {
@@ -9721,7 +9740,7 @@ function jg(e, s, t, a, n, i) {
           key: 0,
           small: i.smallFormatted
         }, {
-          default: S(() => [
+          default: w(() => [
             p(e.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
@@ -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,
@@ -9936,7 +9955,7 @@ function lm(e, s, t, a, n, i) {
   }, [
     t.hover ? (o(), m(l, { key: 0 })) : u("", !0),
     _(pe, { name: "title" }, {
-      default: S(() => [
+      default: w(() => [
         t.showTitleEdit || !t.edit ? (o(), r("div", Zg, [
           t.icon ? (o(), m(c, {
             key: 0,
@@ -10028,7 +10047,7 @@ function lm(e, s, t, a, n, i) {
       p(e.$slots, "collapse", {}, void 0, !0)
     ], 10, nm)) : u("", !0),
     _(pe, { name: "edit" }, {
-      default: S(() => [
+      default: w(() => [
         e.$slots.edit && t.edit ? (o(), r("div", {
           key: 0,
           style: x({ maxHeight: n.editHeight + "px" }),
@@ -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: {
@@ -10337,7 +10356,7 @@ const km = /* @__PURE__ */ y(ym, [["render", _m], ["__scopeId", "data-v-a408f72e
     }
   }
 };
-function Sm(e, s, t, a, n, i) {
+function wm(e, s, t, a, n, i) {
   return o(), r("div", {
     class: v(["ecs-scroll-container scrollbar scrollbar-sml vertical", [
       t.borderless ? "" : "ecs-scroll-container-border",
@@ -10348,12 +10367,12 @@ function Sm(e, s, t, a, n, i) {
     p(e.$slots, "default", {}, void 0, !0)
   ], 6);
 }
-const wm = /* @__PURE__ */ y(Cm, [["render", Sm], ["__scopeId", "data-v-d87a8075"]]), xm = {
+const Sm = /* @__PURE__ */ y(Cm, [["render", wm], ["__scopeId", "data-v-d87a8075"]]), xm = {
   name: "ecs-folder-selector",
   emits: ["search", "add", "refresh"],
   components: {
     EcsInputSearch: km,
-    EcsScrollContainer: wm,
+    EcsScrollContainer: Sm,
     EcsButton: ze,
     EcsEmptyState: si,
     EcsTextV2: js
@@ -10457,8 +10476,8 @@ function zm(e, s, t, a, n, i) {
         preset: "headline-5",
         class: "ecs-folder-selector-title"
       }, {
-        default: S(() => [
-          A(C(t.title), 1)
+        default: w(() => [
+          $(C(t.title), 1)
         ]),
         _: 1
       })) : t.searchable ? (o(), m(c, {
@@ -10488,8 +10507,8 @@ function zm(e, s, t, a, n, i) {
         class: "ecs-folder-selector-add",
         "focus-inset": 0
       }, {
-        default: S(() => [
-          A("Add Folder")
+        default: w(() => [
+          $("Add Folder")
         ]),
         _: 1
       }, 8, ["onClick"])) : u("", !0)
@@ -10499,7 +10518,7 @@ function zm(e, s, t, a, n, i) {
       padding: t.framed ? "8px" : "0",
       borderless: ""
     }, {
-      default: S(() => [
+      default: w(() => [
         t.loading ? (o(), m(h, {
           key: 0,
           type: "loading"
@@ -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 w_ = /* @__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 S_ = /* @__PURE__ */ y($m, [["render", Dm], ["__scopeId", "data-v-c9188464"]]), Nm = {
   name: "ecs-highlight",
   props: {
     /** Makes the highlight area visible. */
@@ -10589,7 +10608,7 @@ const w_ = /* @__PURE__ */ y(Am, [["render", Dm], ["__scopeId", "data-v-c9188464
       return this.color ? this.type === "background" ? {
         "--ecs-highlight-background": this.color
       } : {
-        "--ecs-highlight-background": w(this.color).setAlpha(0.1).toRgbString(),
+        "--ecs-highlight-background": S(this.color).setAlpha(0.1).toRgbString(),
         "--ecs-highlight-border": this.color
       } : this.type === "background" ? {
         "--ecs-highlight-background": "var(--color-yellow-3)"
@@ -10623,7 +10642,7 @@ function Vm(e, s, t, a, n, i) {
     name: "fade",
     appear: ""
   }, {
-    default: S(() => [
+    default: w(() => [
       i.showHighlight ? (o(), r("div", {
         key: 0,
         class: v(["ecs-highlight", [i.classes]]),
@@ -10735,13 +10754,13 @@ const Um = /* @__PURE__ */ y(qm, [["render", jm], ["__scopeId", "data-v-a6ddde36
 function Qm(e, s, t, a, n, i) {
   const l = g("ecs-button-toolbar-group"), c = g("ecs-flex-row"), d = g("ecs-flex-col"), h = g("ecs-toolbar");
   return o(), m(h, { class: "ecs-index-toolbar" }, {
-    default: S(() => [
+    default: w(() => [
       _(c, null, {
-        default: S(() => [
+        default: w(() => [
           _(d, { columns: 9 }, {
-            default: S(() => [
+            default: w(() => [
               e.$slots.searchbuttons ? (o(), m(l, { key: 0 }, {
-                default: S(() => [
+                default: w(() => [
                   p(e.$slots, "searchbuttons", {}, void 0, !0)
                 ]),
                 _: 3
@@ -10753,7 +10772,7 @@ function Qm(e, s, t, a, n, i) {
                 gap: 4,
                 class: "ecs-toolbar-search-results"
               }, {
-                default: S(() => [
+                default: w(() => [
                   f("span", Ym, C(t.count), 1),
                   f("span", Xm, C(t.type), 1)
                 ]),
@@ -10763,7 +10782,7 @@ function Qm(e, s, t, a, n, i) {
             _: 3
           }),
           _(d, { columns: 3 }, {
-            default: S(() => [
+            default: w(() => [
               f("div", Zm, [
                 p(e.$slots, "actions-left", {}, void 0, !0)
               ]),
@@ -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: {
@@ -11142,7 +11161,7 @@ function _h(e, s, t, a, n, i) {
       class: "inplace-container",
       onEnter: i.enter
     }, {
-      default: S(() => [
+      default: w(() => [
         i.currentSlot ? (o(), r("div", {
           key: n.currentIndex,
           class: "inplace-item",
@@ -11220,11 +11239,11 @@ const P_ = /* @__PURE__ */ y(vh, [["render", _h]]), kh = {
 }, Ch = {
   key: 0,
   class: "ecs-viewer-toolbar-jumper-inputs"
-}, Sh = ["disabled"];
-function wh(e, s, t, a, n, i) {
+}, wh = ["disabled"];
+function Sh(e, s, t, a, n, i) {
   const l = g("ecs-button-toolbar"), c = g("ecs-button-toolbar-group");
   return o(), m(c, { class: "ecs-viewer-toolbar-jumper" }, {
-    default: S(() => [
+    default: w(() => [
       _(l, {
         onClick: s[0] || (s[0] = (d) => e.$emit("goToPrev")),
         disabled: i.disabledPrev,
@@ -11242,8 +11261,8 @@ function wh(e, s, t, a, n, i) {
           class: "ecs-viewer-toolbar-jumper-input",
           disabled: t.navigating || null,
           id: "currEntry"
-        }, C(t.currentEntry), 41, Sh),
-        A(" /  "),
+        }, C(t.currentEntry), 41, wh),
+        $(" /  "),
         f("div", null, C(t.totalEntries), 1)
       ])) : u("", !0),
       _(l, {
@@ -11258,7 +11277,7 @@ function wh(e, s, t, a, n, i) {
     _: 1
   });
 }
-const M_ = /* @__PURE__ */ y(kh, [["render", wh], ["__scopeId", "data-v-7a9373c8"]]), xh = {
+const M_ = /* @__PURE__ */ y(kh, [["render", Sh], ["__scopeId", "data-v-7a9373c8"]]), xh = {
   name: "ecs-jumper-index",
   emits: [
     "nextSearchResult",
@@ -11337,7 +11356,7 @@ const M_ = /* @__PURE__ */ y(kh, [["render", wh], ["__scopeId", "data-v-7a9373c8
 function Th(e, s, t, a, n, i) {
   const l = g("ecs-button-toolbar"), c = g("ecs-button-toolbar-group");
   return o(), m(c, { class: "ecs-jumper" }, {
-    default: S(() => [
+    default: w(() => [
       _(l, {
         onClick: i.previousSearchResult,
         disabled: t.currentCount <= 1 || null,
@@ -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"],
@@ -11889,14 +11908,14 @@ function Qh(e, s, t, a, n, i) {
           key: 1,
           onResized: s[0] || (s[0] = (d) => e.$emit("resized"))
         }, {
-          default: S(() => [
+          default: w(() => [
             _(l, {
               size: t.splitPaneSizes[0].size,
               minSize: t.splitPaneSizes[0].minSize,
               maxSize: t.splitPaneSizes[0].maxSize,
               class: "ecs-index-layout-table scrollbar"
             }, {
-              default: S(() => [
+              default: w(() => [
                 p(e.$slots, "default", {}, void 0, !0)
               ]),
               _: 3
@@ -11907,7 +11926,7 @@ function Qh(e, s, t, a, n, i) {
               minSize: t.splitPaneSizes[1].minSize,
               maxSize: t.splitPaneSizes[1].maxSize
             }, {
-              default: S(() => [
+              default: w(() => [
                 p(e.$slots, "pane", {}, void 0, !0)
               ]),
               _: 3
@@ -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. */
@@ -12015,7 +12034,7 @@ const O_ = /* @__PURE__ */ y(ep, [["render", op], ["__scopeId", "data-v-f5afc4e6
     this.showStatistics = localStorage.getItem("showStatistics") !== "false", this.statisticsId = this.generateUniqueId();
   }
 }, Is = () => {
-  Si((e) => ({
+  wi((e) => ({
     "3d04153e": e.statisticsHeight
   }));
 }, zs = Jt.setup;
@@ -12052,7 +12071,7 @@ function mp(e, s, t, a, n, i) {
         }, null, 8, ["onClick", "type", "active", "aria-label", "title", "aria-controls"])) : u("", !0)
       ])) : u("", !0),
       _(pe, { name: n.statisticsBarTransition }, {
-        default: S(() => [
+        default: w(() => [
           e.$slots.statistics && n.showStatistics ? (o(), r("div", {
             key: 0,
             class: "ecs-data-layout-statistics scrollbar scrollbar-sml vertical",
@@ -12065,7 +12084,7 @@ function mp(e, s, t, a, n, i) {
         _: 3
       }, 8, ["name"]),
       e.$slots.actionbar ? je((o(), m(c, { key: 1 }, {
-        default: S(() => [
+        default: w(() => [
           p(e.$slots, "actionbar", {}, void 0, !0)
         ]),
         _: 3
@@ -12168,7 +12187,7 @@ function bp(e, s, t, a, n, i) {
     ]]),
     gap: 8
   }, {
-    default: S(() => [
+    default: w(() => [
       f("div", {
         class: v(["ecs-legend-item-color", t.type]),
         style: x({ backgroundColor: t.color })
@@ -12232,7 +12251,7 @@ const N_ = /* @__PURE__ */ y(hp, [["render", bp], ["__scopeId", "data-v-6d506293
   key: 2,
   class: "ecs-log-message-meta"
 };
-function Sp(e, s, t, a, n, i) {
+function wp(e, s, t, a, n, i) {
   const l = g("ecs-skeleton-loader"), c = g("ecs-sticker"), d = g("ecs-flex-row");
   return o(), m(d, {
     class: v(["ecs-log-message", [t.type, t.highlight ? "highlighted" : ""]]),
@@ -12242,7 +12261,7 @@ function Sp(e, s, t, a, n, i) {
     gap: 8,
     style: x(i.padding)
   }, {
-    default: S(() => [
+    default: w(() => [
       t.loading && t.type != "blank" ? (o(), m(l, {
         key: 0,
         type: "rect",
@@ -12265,7 +12284,7 @@ function Sp(e, s, t, a, n, i) {
     _: 3
   }, 8, ["class", "role", "aria-busy", "style"]);
 }
-const V_ = /* @__PURE__ */ y(_p, [["render", Sp], ["__scopeId", "data-v-ff235103"]]), wp = {
+const V_ = /* @__PURE__ */ y(_p, [["render", wp], ["__scopeId", "data-v-ff235103"]]), Sp = {
   name: "ecs-map",
   components: { EcsFocusRing: D },
   props: {
@@ -12310,7 +12329,7 @@ function Ip(e, s, t, a, n, i) {
     ], 8, xp)
   ], 2);
 }
-const H_ = /* @__PURE__ */ y(wp, [["render", Ip], ["__scopeId", "data-v-e2371c57"]]), zp = {
+const H_ = /* @__PURE__ */ y(Sp, [["render", Ip], ["__scopeId", "data-v-e2371c57"]]), zp = {
   name: "ecs-modal",
   props: {
     /** Shows the modal. */
@@ -12366,10 +12385,10 @@ 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(() => [
+    default: w(() => [
       n.isShown ? (o(), r("div", {
         key: 0,
         class: v(["ecs-modal", [i.typeClass, t.clickthrough ? "ecs-modal-click-through" : ""]])
@@ -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
   },
@@ -12676,7 +12695,7 @@ function tv(e, s, t, a, n, i) {
         value: t.operator,
         class: "operator-select"
       }, {
-        default: S(() => [
+        default: w(() => [
           (o(!0), r(F, null, J(t.operatorSelectOptions, (h) => (o(), r("option", {
             value: h,
             key: h
@@ -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: {
@@ -12962,13 +12981,13 @@ const U_ = /* @__PURE__ */ y(nv, [["render", ov], ["__scopeId", "data-v-e28fc40f
   key: 1,
   class: "spacer-scrollbar"
 };
-function Sv(e, s, t, a, n, i) {
+function wv(e, s, t, a, n, i) {
   const l = g("ecs-icon"), c = g("ecs-button-toolbar"), d = g("ecs-alert");
   return o(), m(pe, {
     name: "fade",
     appear: ""
   }, {
-    default: S(() => [
+    default: w(() => [
       n.isShown ? (o(), r("div", {
         key: 0,
         class: "ecs-overlay",
@@ -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)
             ])
@@ -13012,8 +13031,8 @@ function Sv(e, s, t, a, n, i) {
             disabled: t.closeDisabled || null,
             icon: "close"
           }, {
-            default: S(() => [
-              A(C(t.closeText), 1)
+            default: w(() => [
+              $(C(t.closeText), 1)
             ]),
             _: 1
           }, 8, ["disabled"])
@@ -13025,7 +13044,7 @@ function Sv(e, s, t, a, n, i) {
           border: [0, 0, 1, 0],
           class: "ecs-overlay-alert"
         }, {
-          default: S(() => [
+          default: w(() => [
             p(e.$slots, "alert", {}, void 0, !0)
           ]),
           _: 3
@@ -13052,7 +13071,7 @@ function Sv(e, s, t, a, n, i) {
               p(e.$slots, "sidebar", {}, void 0, !0)
             ])) : u("", !0),
             _(pe, { name: "slide" }, {
-              default: S(() => [
+              default: w(() => [
                 je(f("div", pv, [
                   p(e.$slots, "sidebar", {}, void 0, !0)
                 ], 512), [
@@ -13082,14 +13101,14 @@ function Sv(e, s, t, a, n, i) {
     _: 3
   });
 }
-const G_ = /* @__PURE__ */ y(lv, [["render", Sv], ["__scopeId", "data-v-05e73b25"]]), wv = {
+const G_ = /* @__PURE__ */ y(lv, [["render", wv], ["__scopeId", "data-v-05e73b25"]]), Sv = {
   name: "ecs-pagination",
   emits: ["firstPage", "prevPage", "nextPage", "lastPage", "updatePage", "itemsPerPage"],
   components: {
     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. */
@@ -13206,10 +13225,10 @@ function Mv(e, s, t, a, n, i) {
       class: "ecs-pagination-nav",
       style: x({ minWidth: t.tabsSpacing - 4 + "px" })
     }, {
-      default: S(() => [
+      default: w(() => [
         t.type == "paginated" ? (o(), r(F, { key: 0 }, [
           _(c, null, {
-            default: S(() => [
+            default: w(() => [
               _(l, {
                 onClick: s[0] || (s[0] = (h) => e.$emit("firstPage", h)),
                 disabled: i.disabledPrev,
@@ -13234,7 +13253,7 @@ function Mv(e, s, t, a, n, i) {
             _: 1
           }),
           _(c, { gap: 4 }, {
-            default: S(() => [
+            default: w(() => [
               xv,
               _(d, {
                 modelValue: n.updatedCurrentPage,
@@ -13242,7 +13261,7 @@ function Mv(e, s, t, a, n, i) {
                 disabled: i.disabledPageSelect,
                 size: "sml"
               }, {
-                default: S(() => [
+                default: w(() => [
                   (o(!0), r(F, null, J(t.totalPages, (h) => (o(), r("option", {
                     key: h,
                     value: h,
@@ -13256,7 +13275,7 @@ function Mv(e, s, t, a, n, i) {
             _: 1
           }),
           _(c, null, {
-            default: S(() => [
+            default: w(() => [
               _(l, {
                 onClick: s[3] || (s[3] = (h) => e.$emit("nextPage", h)),
                 disabled: i.disabledNext,
@@ -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)
       ]),
@@ -13297,7 +13316,7 @@ function Mv(e, s, t, a, n, i) {
       gap: 4,
       class: "ecs-pagination-items"
     }, {
-      default: S(() => [
+      default: w(() => [
         Tv,
         _(d, {
           modelValue: n.updatedItemsPerPageSelected,
@@ -13306,7 +13325,7 @@ function Mv(e, s, t, a, n, i) {
           disabled: t.loading || null,
           size: "sml"
         }, {
-          default: S(() => [
+          default: w(() => [
             (o(!0), r(F, null, J(t.itemsPerPage, (h) => (o(), r("option", {
               key: h,
               value: h,
@@ -13323,16 +13342,16 @@ function Mv(e, s, t, a, n, i) {
       gap: 4,
       class: "ecs-pagination-controls"
     }, {
-      default: S(() => [
+      default: w(() => [
         p(e.$slots, "controls", {}, void 0, !0)
       ]),
       _: 3
     })) : u("", !0)
   ], 2);
 }
-const K_ = /* @__PURE__ */ y(wv, [["render", Mv], ["__scopeId", "data-v-ca016e63"]]), $v = {
+const K_ = /* @__PURE__ */ y(Sv, [["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,
@@ -13875,7 +13894,7 @@ function fy(e, s, t, a, n, i) {
       disabled: t.disabled || null,
       indeterminate: i.isIndeterminate
     }, {
-      default: S(() => [
+      default: w(() => [
         t.type === "rating" ? (o(), m(h, {
           key: 0,
           rating: t.rating
@@ -13887,8 +13906,8 @@ function fy(e, s, t, a, n, i) {
           size: "sml-toggle",
           colored: ""
         }, {
-          default: S(() => [
-            A(C(t.label), 1)
+          default: w(() => [
+            $(C(t.label), 1)
           ]),
           _: 1
         }, 8, ["value", "disabled"])) : t.type === "persona" ? (o(), r(F, { key: 2 }, [
@@ -13905,7 +13924,7 @@ function fy(e, s, t, a, n, i) {
           gap: 2,
           class: "volume-list"
         }, {
-          default: S(() => [
+          default: w(() => [
             (o(!0), r(F, null, J(i.displayedVolumes, (z) => (o(), r("button", {
               key: z.id,
               class: v(["volume", { active: z.active }]),
@@ -13917,9 +13936,9 @@ function fy(e, s, t, a, n, i) {
               key: 0,
               disabled: t.disabled || null
             }, {
-              content: S(() => [
+              content: w(() => [
                 _(I, null, {
-                  default: S(() => [
+                  default: w(() => [
                     (o(!0), r(F, null, J(n.localVolumes.slice(3), (z) => (o(), m(E, {
                       key: z.id,
                       onClick: (T) => i.toggleVolume(z.id),
@@ -13927,8 +13946,8 @@ function fy(e, s, t, a, n, i) {
                       title: `${z.name} (${z.date})`,
                       "aria-label": `Volume ${z.id}${z.active ? " active" : ""}`
                     }, {
-                      default: S(() => [
-                        A(C(z.id), 1)
+                      default: w(() => [
+                        $(C(z.id), 1)
                       ]),
                       _: 2
                     }, 1032, ["onClick", "selected", "title", "aria-label"]))), 128))
@@ -13936,7 +13955,7 @@ function fy(e, s, t, a, n, i) {
                   _: 1
                 })
               ]),
-              default: S(() => [
+              default: w(() => [
                 f("button", {
                   class: v(["volume more", { active: n.localVolumes.slice(3).some((z) => z.active) }]),
                   title: "More",
@@ -13989,11 +14008,11 @@ const Z_ = /* @__PURE__ */ y(Yv, [["render", fy], ["__scopeId", "data-v-db5374f4
       default: !1
     }
   }
-}, St = (e) => (ve("data-v-f63b724f"), e = e(), ye(), e), my = {
+}, wt = (e) => (ve("data-v-f63b724f"), e = e(), ye(), e), my = {
   key: 0,
   class: "ecs-rating-reset"
-}, hy = { class: "ecs-rating-write" }, py = ["checked", "disabled"], vy = /* @__PURE__ */ St(() => /* @__PURE__ */ f("i", null, null, -1)), yy = ["checked", "disabled"], by = /* @__PURE__ */ St(() => /* @__PURE__ */ f("i", null, null, -1)), _y = ["checked", "disabled"], ky = /* @__PURE__ */ St(() => /* @__PURE__ */ f("i", null, null, -1)), Cy = ["checked", "disabled"], Sy = /* @__PURE__ */ St(() => /* @__PURE__ */ f("i", null, null, -1));
-function wy(e, s, t, a, n, i) {
+}, hy = { class: "ecs-rating-write" }, py = ["checked", "disabled"], vy = /* @__PURE__ */ wt(() => /* @__PURE__ */ f("i", null, null, -1)), yy = ["checked", "disabled"], by = /* @__PURE__ */ wt(() => /* @__PURE__ */ f("i", null, null, -1)), _y = ["checked", "disabled"], ky = /* @__PURE__ */ wt(() => /* @__PURE__ */ f("i", null, null, -1)), Cy = ["checked", "disabled"], wy = /* @__PURE__ */ wt(() => /* @__PURE__ */ f("i", null, null, -1));
+function Sy(e, s, t, a, n, i) {
   return o(), r("div", {
     class: v(["ecs-rating-form", [t.large ? "ecs-rating-form-lg" : ""]])
   }, [
@@ -14034,11 +14053,11 @@ function wy(e, s, t, a, n, i) {
         checked: t.value == 4 || null,
         disabled: t.disabled
       }, null, 8, Cy),
-      Sy
+      wy
     ])
   ], 2);
 }
-const J_ = /* @__PURE__ */ y(gy, [["render", wy], ["__scopeId", "data-v-f63b724f"]]), xy = {
+const J_ = /* @__PURE__ */ y(gy, [["render", Sy], ["__scopeId", "data-v-f63b724f"]]), xy = {
   name: "ecs-section",
   props: {
     /** Adds a headline to the section. */
@@ -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",
@@ -14438,14 +14457,14 @@ function nb(e, s, t, a, n, i) {
   }, [
     f("div", ib, [
       _(l, { type: "sidebar" }, {
-        default: S(() => [
+        default: w(() => [
           p(e.$slots, "tab-buttons", {}, void 0, !0)
         ]),
         _: 3
       })
     ]),
     _(c, null, {
-      default: S(() => [
+      default: w(() => [
         p(e.$slots, "tabs", {}, void 0, !0)
       ]),
       _: 3
@@ -14548,7 +14567,7 @@ function pb(e, s, t, a, n, i) {
       ])) : u("", !0)
     ])),
     _(pe, { name: "expansion" }, {
-      default: S(() => [
+      default: w(() => [
         t.subHeaderExpanded && e.$slots.subheader ? (o(), r("div", mb, [
           p(e.$slots, "subheader", {}, void 0, !0)
         ])) : u("", !0)
@@ -14556,7 +14575,7 @@ function pb(e, s, t, a, n, i) {
       _: 3
     }),
     _(pe, { name: "expansion" }, {
-      default: S(() => [
+      default: w(() => [
         t.tertiaryHeaderExpanded && e.$slots.tertiaryheader ? (o(), r("div", hb, [
           p(e.$slots, "tertiaryheader", {}, void 0, !0)
         ])) : u("", !0)
@@ -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: {
@@ -14675,7 +14694,7 @@ const r1 = /* @__PURE__ */ y(vb, [["render", bb], ["__scopeId", "data-v-81bc3c0a
 }, kb = {
   class: "ecs-sidebar-list-item",
   role: "listitem"
-}, Cb = ["tabindex"], Sb = { class: "ecs-sidebar-list-item-content" }, wb = { class: "ecs-sidebar-list-item-label" }, xb = { class: "ecs-sidebar-list-item-subline" }, Bb = {
+}, Cb = ["tabindex"], wb = { class: "ecs-sidebar-list-item-content" }, Sb = { class: "ecs-sidebar-list-item-label" }, xb = { class: "ecs-sidebar-list-item-subline" }, Bb = {
   key: 0,
   class: "ecs-sidebar-list-item-subline secondary"
 };
@@ -14726,8 +14745,8 @@ function Ib(e, s, t, a, n, i) {
         size: "30",
         color: t.iconColor
       }, null, 8, ["type", "color"])) : u("", !0),
-      f("div", Sb, [
-        f("span", wb, [
+      f("div", wb, [
+        f("span", Sb, [
           t.loading ? (o(), m(c, {
             key: 0,
             type: "single",
@@ -14740,7 +14759,7 @@ function Ib(e, s, t, a, n, i) {
           gap: 8,
           justify: "between"
         }, {
-          default: S(() => [
+          default: w(() => [
             f("span", xb, [
               t.loading ? (o(), m(c, {
                 key: 0,
@@ -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", [
@@ -14877,7 +14896,7 @@ function $b(e, s, t, a, n, i) {
         { indent: i.shouldIndent }
       ]])
     }, {
-      default: S(() => [
+      default: w(() => [
         t.loading ? (o(), m(l, {
           key: 0,
           type: "single",
@@ -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
   },
@@ -15221,7 +15240,7 @@ const g1 = /* @__PURE__ */ y(Hb, [["render", jb], ["__scopeId", "data-v-9755386a
     },
     colorIsDark() {
       if (this.color && this.color !== "")
-        return w(this.color).isDark();
+        return S(this.color).isDark();
     },
     customColorStyle() {
       if (this.loading)
@@ -15231,11 +15250,11 @@ const g1 = /* @__PURE__ */ y(Hb, [["render", jb], ["__scopeId", "data-v-9755386a
         };
       if (this.color && this.color !== "")
         return this.colorIsDark ? {
-          background: w(this.color).toRgbString(),
-          color: w(this.color).lighten(65).toRgbString()
+          background: S(this.color).toRgbString(),
+          color: S(this.color).lighten(65).toRgbString()
         } : {
-          background: w(this.color).toRgbString(),
-          color: w(this.color).darken(65).toRgbString()
+          background: S(this.color).toRgbString(),
+          color: S(this.color).darken(65).toRgbString()
         };
     }
   },
@@ -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
@@ -15344,7 +15363,7 @@ const p1 = /* @__PURE__ */ y(e0, [["render", t0], ["__scopeId", "data-v-74bc77ef
 function n0(e, s, t, a, n, i) {
   return o(), r("div", i0, [
     _(Ps, { name: "transition-toast" }, {
-      default: S(() => [
+      default: w(() => [
         p(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
@@ -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 */
@@ -15657,12 +15676,12 @@ function _0(e, s, t, a, n, i) {
 const _1 = /* @__PURE__ */ y(m0, [["render", _0], ["__scopeId", "data-v-08dbe567"]]), k0 = {
   name: "ecs-tree-list-headline"
 }, C0 = { class: "ecs-tree-view-headline" };
-function S0(e, s, t, a, n, i) {
+function w0(e, s, t, a, n, i) {
   return o(), r("div", C0, [
     p(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const k1 = /* @__PURE__ */ y(k0, [["render", S0], ["__scopeId", "data-v-a5153e06"]]), w0 = {
+const k1 = /* @__PURE__ */ y(k0, [["render", w0], ["__scopeId", "data-v-a5153e06"]]), S0 = {
   name: "EcsTypeConfirmation",
   emits: ["update:modelValue"],
   components: { EcsInput: nh, EcsAlert: Ms, EcsFormGroup: ii },
@@ -15734,10 +15753,10 @@ function E0(e, s, t, a, n, i) {
     headline: t.headline,
     type: t.alertType
   }, {
-    default: S(() => [
+    default: w(() => [
       p(e.$slots, "default", {}, void 0, !0),
       _(c, { class: "ecs-type-confirmation-input" }, {
-        default: S(() => [
+        default: w(() => [
           f("label", { for: n.uniqueId }, C(i.text), 9, x0),
           _(l, {
             modelValue: n.inputValue,
@@ -15757,7 +15776,7 @@ function E0(e, s, t, a, n, i) {
     key: 1,
     class: "ecs-type-confirmation-input"
   }, {
-    default: S(() => [
+    default: w(() => [
       f("label", { for: n.uniqueId }, C(i.text), 9, I0),
       _(l, {
         modelValue: n.inputValue,
@@ -15772,7 +15791,7 @@ function E0(e, s, t, a, n, i) {
     _: 1
   }));
 }
-const C1 = /* @__PURE__ */ y(w0, [["render", E0], ["__scopeId", "data-v-3e9bc710"]]), T0 = {
+const C1 = /* @__PURE__ */ y(S0, [["render", E0], ["__scopeId", "data-v-3e9bc710"]]), T0 = {
   name: "ecs-video",
   props: {
     /** URL to an optional poster image. */
@@ -15822,13 +15841,13 @@ function M0(e, s, t, a, n, i) {
     src: t.mp4Source
   }, null, 8, P0);
 }
-const S1 = /* @__PURE__ */ y(T0, [["render", M0], ["__scopeId", "data-v-ce84fcb3"]]);
+const w1 = /* @__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,
@@ -15888,11 +15907,11 @@ export {
   C_ as EcsFolderSelector,
   Wt as EcsFormCheck,
   ii as EcsFormGroup,
-  S_ as EcsFormHeadline,
-  w_ as EcsFormSet,
+  w_ as EcsFormHeadline,
+  S_ 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,
@@ -15934,7 +15953,7 @@ export {
   Kv as EcsRatingFavorability,
   qv as EcsRatingStarRead,
   J_ as EcsRatingStarWrite,
-  wm as EcsScrollContainer,
+  Sm as EcsScrollContainer,
   Q_ as EcsSection,
   e1 as EcsSegment,
   Zt as EcsSelect,
@@ -15973,5 +15992,5 @@ export {
   k1 as EcsTreeListHeadline,
   _1 as EcsTreeListItem,
   C1 as EcsTypeConfirmation,
-  S1 as EcsVideo
+  w1 as EcsVideo
 };