@everchron/ec-shards 14.1.0 → 14.2.1

package/dist/ec-shards.js

@@ -1,4 +1,4 @@
-import { defineAsyncComponent as ne, watch as he, createBlock as p, openBlock as o, resolveDynamicComponent as ve, unref as de, normalizeClass as v, createElementBlock as l, normalizeStyle as x, resolveComponent as m, createCommentVNode as u, createElementVNode as g, createVNode as k, createTextVNode as A, toDisplayString as w, renderSlot as h, Transition as ye, withCtx as S, computed as Be, Fragment as H, renderList as se, reactive as Ti, nextTick as Pi, onBeforeUnmount as jt, toRefs as Xs, isRef as Mi, onMounted as Zs, useSlots as Oi, ref as De, watchEffect as lt, withKeys as Q, Teleport as Ai, withDirectives as Fe, vShow as it, mergeProps as Ae, normalizeProps as Li, guardReactiveProps as Ni, withModifiers as Y, resolveDirective as $i, vModelText as Ri, createStaticVNode as Js, markRaw as Di, TransitionGroup as Qs, h as Vi, useCssVars as Hi } from "vue";
+import { defineAsyncComponent as ne, watch as he, createBlock as p, openBlock as o, resolveDynamicComponent as ve, unref as de, normalizeClass as v, createElementBlock as l, normalizeStyle as C, resolveComponent as m, createCommentVNode as u, createElementVNode as g, createVNode as k, createTextVNode as A, toDisplayString as w, renderSlot as h, Transition as ye, withCtx as S, computed as Be, Fragment as V, renderList as se, reactive as Ti, nextTick as Pi, onBeforeUnmount as jt, toRefs as Xs, isRef as Mi, onMounted as Zs, useSlots as Oi, ref as $e, watchEffect as lt, withKeys as Q, Teleport as Ai, withDirectives as Fe, vShow as it, mergeProps as Ae, normalizeProps as Li, guardReactiveProps as Ni, withModifiers as Y, resolveDirective as Ri, vModelText as Di, createStaticVNode as Js, markRaw as $i, TransitionGroup as Qs, h as Vi, useCssVars as Hi } from "vue";
 const ae = (t, s, e) => {
   const a = t[s];
   return a ? typeof a == "function" ? a() : Promise.resolve(a) : new Promise((n, i) => {
@@ -91,7 +91,7 @@ const ae = (t, s, e) => {
 function Wi(t, s, e, a, n, i) {
   return o(), l("span", {
     class: v(["ecs-focus-ring", e.danger ? "ecs-focus-ring-danger" : ""]),
-    style: x(i.styles)
+    style: C(i.styles)
   }, null, 6);
 }
 const N = /* @__PURE__ */ b(qi, [["render", Wi], ["__scopeId", "data-v-8d624905"]]), ji = {
@@ -183,7 +183,7 @@ function Xi(t, s, e, a, n, i) {
       e.inset ? "ecs-alert-inset" : "",
       e.border !== !1 ? "ecs-alert-border" : ""
     ]]),
-    style: x(i.borderStyles),
+    style: C(i.borderStyles),
     role: "alert"
   }, [
     e.dismissable ? (o(), l("button", {
@@ -291,7 +291,7 @@ function on(t, s, e, a, n, i) {
     }, null, 8, an)) : u("", !0)
   ], 8, sn);
 }
-const Tb = /* @__PURE__ */ b(tn, [["render", on], ["__scopeId", "data-v-4e7ca115"]]), rn = {
+const Ab = /* @__PURE__ */ b(tn, [["render", on], ["__scopeId", "data-v-4e7ca115"]]), rn = {
   __name: "sticker",
   props: {
     /** Sets the sticker icon. */
@@ -342,7 +342,7 @@ const Tb = /* @__PURE__ */ b(tn, [["render", on], ["__scopeId", "data-v-4e7ca115
       "aria-busy": e.value || null,
       width: t.size,
       height: t.size,
-      style: x(`color: ${n.value}`),
+      style: C(`color: ${n.value}`),
       "data-test-icon-type": t.type
     }, null, 8, ["class", "aria-busy", "width", "height", "style", "data-test-icon-type"])) : u("", !0);
   }
@@ -382,6 +382,11 @@ const Tb = /* @__PURE__ */ b(tn, [["render", on], ["__scopeId", "data-v-4e7ca115
       type: String,
       validator: (t) => ["left", "right"].includes(t),
       default: "left"
+    },
+    /** Turns the color to subtle purple, to indicate EC:AI loading state */
+    ai: {
+      type: Boolean,
+      default: !1
     }
   },
   computed: {
@@ -402,26 +407,28 @@ const Tb = /* @__PURE__ */ b(tn, [["render", on], ["__scopeId", "data-v-4e7ca115
 function dn(t, s, e, a, n, i) {
   return e.type === "rect" || e.type === "circle" ? (o(), l("div", {
     key: 0,
-    class: v(["ecs-skeleton skeleton", i.rectClass]),
-    style: x({ width: i.calculatedWidth, height: e.height + "px" })
+    class: v(["ecs-skeleton skeleton", [i.rectClass, { ai: e.ai }]]),
+    style: C({ width: i.calculatedWidth, height: e.height + "px" })
   }, null, 6)) : e.type === "multi" ? (o(), l("div", cn, [
-    (o(!0), l(H, null, se(parseInt(e.count), (r) => (o(), l("div", {
+    (o(!0), l(V, null, se(parseInt(e.count), (r) => (o(), l("div", {
       key: r,
       class: v(["skeleton-wrap", ["skeleton-line-height-" + e.lineHeight, i.alignmentClass]])
-    }, s[0] || (s[0] = [
-      g("div", { class: "skeleton skeleton-single" }, null, -1)
-    ]), 2))), 128))
+    }, [
+      g("div", {
+        class: v(["skeleton skeleton-single", { ai: e.ai }])
+      }, null, 2)
+    ], 2))), 128))
   ])) : (o(), l("div", {
     key: 2,
     class: v(["ecs-skeleton skeleton-wrap", ["skeleton-line-height-" + e.lineHeight, i.alignmentClass]])
   }, [
     g("div", {
-      class: "skeleton skeleton-single",
-      style: x({ width: i.calculatedWidth })
-    }, null, 4)
+      class: v(["skeleton skeleton-single", { ai: e.ai }]),
+      style: C({ width: i.calculatedWidth })
+    }, null, 6)
   ], 2));
 }
-const ie = /* @__PURE__ */ b(ln, [["render", dn], ["__scopeId", "data-v-6f56e2e3"]]), un = {
+const ie = /* @__PURE__ */ b(ln, [["render", dn], ["__scopeId", "data-v-633f8342"]]), un = {
   name: "ecs-avatar",
   emits: ["avatar-initials"],
   components: {
@@ -558,7 +565,7 @@ function mn(t, s, e, a, n, i) {
   const r = m("ecs-skeleton-loader"), c = m("ecs-sticker");
   return o(), l("div", {
     class: v(["avatar", [i.partyClass]]),
-    style: x([i.style, e.customStyle]),
+    style: C([i.style, e.customStyle]),
     role: e.image ? "img" : "none",
     "aria-label": e.name
   }, [
@@ -653,7 +660,7 @@ function pn(t, s, e, a, n, i) {
     e.dismissable ? (o(), l("button", {
       key: 0,
       onClick: s[0] || (s[0] = (...d) => i.dismiss && i.dismiss(...d)),
-      style: x(i.dismissButtonStyle),
+      style: C(i.dismissButtonStyle),
       class: "close",
       "aria-label": "Dismiss"
     }, [
@@ -665,7 +672,7 @@ function pn(t, s, e, a, n, i) {
     ], 4)) : u("", !0)
   ], 2)) : u("", !0);
 }
-const Pb = /* @__PURE__ */ b(hn, [["render", pn], ["__scopeId", "data-v-c7118217"]]), vn = {
+const Lb = /* @__PURE__ */ b(hn, [["render", pn], ["__scopeId", "data-v-c7118217"]]), vn = {
   name: "ecs-breadcrumb",
   props: {
     /** Sets the size of the breadcrumb (default is medium). */
@@ -689,7 +696,7 @@ function yn(t, s, e, a, n, i) {
     h(t.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-const Mb = /* @__PURE__ */ b(vn, [["render", yn], ["__scopeId", "data-v-d1ff2486"]]), bn = {
+const Nb = /* @__PURE__ */ b(vn, [["render", yn], ["__scopeId", "data-v-d1ff2486"]]), bn = {
   name: "ecs-breadcrumb-button",
   emits: ["click"],
   components: {
@@ -747,18 +754,18 @@ function kn(t, s, e, a, n, i) {
     k(c)
   ], 2);
 }
-const Ob = /* @__PURE__ */ b(bn, [["render", kn], ["__scopeId", "data-v-3ff24c2e"]]), wn = {
+const Rb = /* @__PURE__ */ b(bn, [["render", kn], ["__scopeId", "data-v-3ff24c2e"]]), wn = {
   name: "ecs-breadcrumb-title"
 }, Sn = {
   class: "ecs-breadcrumb-title",
   "aria-current": "page"
 };
-function Cn(t, s, e, a, n, i) {
+function xn(t, s, e, a, n, i) {
   return o(), l("div", Sn, [
     h(t.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Ab = /* @__PURE__ */ b(wn, [["render", Cn], ["__scopeId", "data-v-422cc046"]]), xn = {
+const Db = /* @__PURE__ */ b(wn, [["render", xn], ["__scopeId", "data-v-422cc046"]]), Cn = {
   name: "ecs-flex-row",
   props: {
     /** Determines the flex direction of the row. */
@@ -808,12 +815,12 @@ const Ab = /* @__PURE__ */ b(wn, [["render", Cn], ["__scopeId", "data-v-422cc046
 function Bn(t, s, e, a, n, i) {
   return o(), l("div", {
     class: v(["ecs-flex-row", [i.directionClass, i.justifyClass, i.alignClass, e.wrap ? "ecs-flex-row-wrap" : ""]]),
-    style: x(i.gapStyle)
+    style: C(i.gapStyle)
   }, [
     h(t.$slots, "default", {}, void 0, !0)
   ], 6);
 }
-const Ee = /* @__PURE__ */ b(xn, [["render", Bn], ["__scopeId", "data-v-d07e3723"]]);
+const Ee = /* @__PURE__ */ b(Cn, [["render", Bn], ["__scopeId", "data-v-d07e3723"]]);
 var ct = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function Ut(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
@@ -866,7 +873,7 @@ function Gt(t) {
   var s = ge(t).ShadowRoot;
   return t instanceof s || t instanceof ShadowRoot;
 }
-var Ve = Math.max, gt = Math.min, Ue = Math.round;
+var Ve = Math.max, gt = Math.min, Ge = Math.round;
 function Ft() {
   var t = navigator.userAgentData;
   return t != null && t.brands && Array.isArray(t.brands) ? t.brands.map(function(s) {
@@ -876,10 +883,10 @@ function Ft() {
 function ti() {
   return !/^((?!chrome|android).)*safari/i.test(Ft());
 }
-function Ge(t, s, e) {
+function Ke(t, s, e) {
   s === void 0 && (s = !1), e === void 0 && (e = !1);
   var a = t.getBoundingClientRect(), n = 1, i = 1;
-  s && pe(t) && (n = t.offsetWidth > 0 && Ue(a.width) / t.offsetWidth || 1, i = t.offsetHeight > 0 && Ue(a.height) / t.offsetHeight || 1);
+  s && pe(t) && (n = t.offsetWidth > 0 && Ge(a.width) / t.offsetWidth || 1, i = t.offsetHeight > 0 && Ge(a.height) / t.offsetHeight || 1);
   var r = He(t) ? ge(t) : window, c = r.visualViewport, d = !ti() && e, f = (a.left + (d && c ? c.offsetLeft : 0)) / n, y = (a.top + (d && c ? c.offsetTop : 0)) / i, _ = a.width / n, I = a.height / i;
   return {
     width: _,
@@ -918,7 +925,7 @@ function Le(t) {
   )) || window.document).documentElement;
 }
 function Yt(t) {
-  return Ge(Le(t)).left + Kt(t).scrollLeft;
+  return Ke(Le(t)).left + Kt(t).scrollLeft;
 }
 function Pe(t) {
   return ge(t).getComputedStyle(t);
@@ -928,12 +935,12 @@ function Xt(t) {
   return /auto|scroll|overlay|hidden/.test(e + n + a);
 }
 function Tn(t) {
-  var s = t.getBoundingClientRect(), e = Ue(s.width) / t.offsetWidth || 1, a = Ue(s.height) / t.offsetHeight || 1;
+  var s = t.getBoundingClientRect(), e = Ge(s.width) / t.offsetWidth || 1, a = Ge(s.height) / t.offsetHeight || 1;
   return e !== 1 || a !== 1;
 }
 function Pn(t, s, e) {
   e === void 0 && (e = !1);
-  var a = pe(s), n = pe(s) && Tn(s), i = Le(s), r = Ge(t, n, e), c = {
+  var a = pe(s), n = pe(s) && Tn(s), i = Le(s), r = Ke(t, n, e), c = {
     scrollLeft: 0,
     scrollTop: 0
   }, d = {
@@ -941,7 +948,7 @@ function Pn(t, s, e) {
     y: 0
   };
   return (a || !a && !e) && ((Ie(s) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
-  Xt(i)) && (c = En(s)), pe(s) ? (d = Ge(s, !0), d.x += s.clientLeft, d.y += s.clientTop) : i && (d.x = Yt(i))), {
+  Xt(i)) && (c = En(s)), pe(s) ? (d = Ke(s, !0), d.x += s.clientLeft, d.y += s.clientTop) : i && (d.x = Yt(i))), {
     x: r.left + c.scrollLeft - d.x,
     y: r.top + c.scrollTop - d.y,
     width: r.width,
@@ -949,7 +956,7 @@ function Pn(t, s, e) {
   };
 }
 function Zt(t) {
-  var s = Ge(t), e = t.offsetWidth, a = t.offsetHeight;
+  var s = Ke(t), e = t.offsetWidth, a = t.offsetHeight;
   return Math.abs(s.width - e) <= 1 && (e = s.width), Math.abs(s.height - a) <= 1 && (a = s.height), {
     x: t.offsetLeft,
     y: t.offsetTop,
@@ -1009,11 +1016,11 @@ function at(t) {
     e = ys(e);
   return e && (Ie(e) === "html" || Ie(e) === "body" && Pe(e).position === "static") ? s : e || On(t) || s;
 }
-var ue = "top", Se = "bottom", Ce = "right", fe = "left", Jt = "auto", ot = [ue, Se, Ce, fe], Ke = "start", st = "end", An = "clippingParents", ii = "viewport", Ze = "popper", Ln = "reference", bs = /* @__PURE__ */ ot.reduce(function(t, s) {
-  return t.concat([s + "-" + Ke, s + "-" + st]);
+var ue = "top", xe = "bottom", Ce = "right", fe = "left", Jt = "auto", ot = [ue, xe, Ce, fe], Ye = "start", st = "end", An = "clippingParents", ii = "viewport", Ze = "popper", Ln = "reference", bs = /* @__PURE__ */ ot.reduce(function(t, s) {
+  return t.concat([s + "-" + Ye, s + "-" + st]);
 }, []), ni = /* @__PURE__ */ [].concat(ot, [Jt]).reduce(function(t, s) {
-  return t.concat([s, s + "-" + Ke, s + "-" + st]);
-}, []), Nn = "beforeRead", $n = "read", Rn = "afterRead", Dn = "beforeMain", Vn = "main", Hn = "afterMain", Fn = "beforeWrite", qn = "write", Wn = "afterWrite", jn = [Nn, $n, Rn, Dn, Vn, Hn, Fn, qn, Wn];
+  return t.concat([s, s + "-" + Ye, s + "-" + st]);
+}, []), Nn = "beforeRead", Rn = "read", Dn = "afterRead", $n = "beforeMain", Vn = "main", Hn = "afterMain", Fn = "beforeWrite", qn = "write", Wn = "afterWrite", jn = [Nn, Rn, Dn, $n, Vn, Hn, Fn, qn, Wn];
 function Un(t) {
   var s = /* @__PURE__ */ new Map(), e = /* @__PURE__ */ new Set(), a = [];
   t.forEach(function(i) {
@@ -1109,7 +1116,7 @@ function qt(t) {
   });
 }
 function Jn(t, s) {
-  var e = Ge(t, !1, s === "fixed");
+  var e = Ke(t, !1, s === "fixed");
   return e.top = e.top + t.clientTop, e.left = e.left + t.clientLeft, e.bottom = e.top + t.clientHeight, e.right = e.left + t.clientWidth, e.width = t.clientWidth, e.height = t.clientHeight, e.x = e.left, e.y = e.top, e;
 }
 function _s(t, s, e) {
@@ -1131,14 +1138,14 @@ function ea(t, s, e, a) {
 function ze(t) {
   return t.split("-")[0];
 }
-function Ye(t) {
+function Xe(t) {
   return t.split("-")[1];
 }
 function Qt(t) {
   return ["top", "bottom"].indexOf(t) >= 0 ? "x" : "y";
 }
 function oi(t) {
-  var s = t.reference, e = t.element, a = t.placement, n = a ? ze(a) : null, i = a ? Ye(a) : null, r = s.x + s.width / 2 - e.width / 2, c = s.y + s.height / 2 - e.height / 2, d;
+  var s = t.reference, e = t.element, a = t.placement, n = a ? ze(a) : null, i = a ? Xe(a) : null, r = s.x + s.width / 2 - e.width / 2, c = s.y + s.height / 2 - e.height / 2, d;
   switch (n) {
     case ue:
       d = {
@@ -1146,7 +1153,7 @@ function oi(t) {
         y: s.y - e.height
       };
       break;
-    case Se:
+    case xe:
       d = {
         x: r,
         y: s.y + s.height
@@ -1174,7 +1181,7 @@ function oi(t) {
   if (f != null) {
     var y = f === "y" ? "height" : "width";
     switch (i) {
-      case Ke:
+      case Ye:
         d[f] = d[f] - (s[y] / 2 - e[y] / 2);
         break;
       case st:
@@ -1202,20 +1209,20 @@ function ci(t, s) {
 }
 function es(t, s) {
   s === void 0 && (s = {});
-  var e = s, a = e.placement, n = a === void 0 ? t.placement : a, i = e.strategy, r = i === void 0 ? t.strategy : i, c = e.boundary, d = c === void 0 ? An : c, f = e.rootBoundary, y = f === void 0 ? ii : f, _ = e.elementContext, I = _ === void 0 ? Ze : _, z = e.altBoundary, C = z === void 0 ? !1 : z, E = e.padding, P = E === void 0 ? 0 : E, T = li(typeof P != "number" ? P : ci(P, ot)), $ = I === Ze ? Ln : Ze, F = t.rects.popper, O = t.elements[C ? $ : I], R = ea(He(O) ? O : O.contextElement || Le(t.elements.popper), d, y, r), D = Ge(t.elements.reference), V = oi({
-    reference: D,
+  var e = s, a = e.placement, n = a === void 0 ? t.placement : a, i = e.strategy, r = i === void 0 ? t.strategy : i, c = e.boundary, d = c === void 0 ? An : c, f = e.rootBoundary, y = f === void 0 ? ii : f, _ = e.elementContext, I = _ === void 0 ? Ze : _, z = e.altBoundary, x = z === void 0 ? !1 : z, E = e.padding, P = E === void 0 ? 0 : E, T = li(typeof P != "number" ? P : ci(P, ot)), R = I === Ze ? Ln : Ze, F = t.rects.popper, O = t.elements[x ? R : I], D = ea(He(O) ? O : O.contextElement || Le(t.elements.popper), d, y, r), $ = Ke(t.elements.reference), H = oi({
+    reference: $,
     element: F,
     placement: n
-  }), W = qt(Object.assign({}, F, V)), U = I === Ze ? W : D, G = {
-    top: R.top - U.top + T.top,
-    bottom: U.bottom - R.bottom + T.bottom,
-    left: R.left - U.left + T.left,
-    right: U.right - R.right + T.right
+  }), W = qt(Object.assign({}, F, H)), U = I === Ze ? W : $, G = {
+    top: D.top - U.top + T.top,
+    bottom: U.bottom - D.bottom + T.bottom,
+    left: D.left - U.left + T.left,
+    right: U.right - D.right + T.right
   }, X = t.modifiersData.offset;
   if (I === Ze && X) {
     var Z = X[n];
     Object.keys(G).forEach(function(L) {
-      var J = [Ce, Se].indexOf(L) >= 0 ? 1 : -1, te = [ue, Se].indexOf(L) >= 0 ? "y" : "x";
+      var J = [Ce, xe].indexOf(L) >= 0 ? 1 : -1, te = [ue, xe].indexOf(L) >= 0 ? "y" : "x";
       G[L] += Z[te] * J;
     });
   }
@@ -1252,15 +1259,15 @@ function ta(t) {
     }, _ = [], I = !1, z = {
       state: y,
       setOptions: function(T) {
-        var $ = typeof T == "function" ? T(y.options) : T;
-        E(), y.options = Object.assign({}, i, y.options, $), y.scrollParents = {
+        var R = typeof T == "function" ? T(y.options) : T;
+        E(), y.options = Object.assign({}, i, y.options, R), y.scrollParents = {
           reference: He(c) ? et(c) : c.contextElement ? et(c.contextElement) : [],
           popper: et(d)
         };
         var F = Gn(Yn([].concat(a, y.options.modifiers)));
         return y.orderedModifiers = F.filter(function(O) {
           return O.enabled;
-        }), C(), z.update();
+        }), x(), z.update();
       },
       // Sync update – it will always be executed, even if not necessary. This
       // is useful for low frequency updates where sync behavior simplifies the
@@ -1269,10 +1276,10 @@ function ta(t) {
       // prefer the async Popper#update method
       forceUpdate: function() {
         if (!I) {
-          var T = y.elements, $ = T.reference, F = T.popper;
-          if (ws($, F)) {
+          var T = y.elements, R = T.reference, F = T.popper;
+          if (ws(R, F)) {
             y.rects = {
-              reference: Pn($, at(F), y.options.strategy === "fixed"),
+              reference: Pn(R, at(F), y.options.strategy === "fixed"),
               popper: Zt(F)
             }, y.reset = !1, y.placement = y.options.placement, y.orderedModifiers.forEach(function(G) {
               return y.modifiersData[G.name] = Object.assign({}, G.data);
@@ -1282,8 +1289,8 @@ function ta(t) {
                 y.reset = !1, O = -1;
                 continue;
               }
-              var R = y.orderedModifiers[O], D = R.fn, V = R.options, W = V === void 0 ? {} : V, U = R.name;
-              typeof D == "function" && (y = D({
+              var D = y.orderedModifiers[O], $ = D.fn, H = D.options, W = H === void 0 ? {} : H, U = D.name;
+              typeof $ == "function" && (y = $({
                 state: y,
                 options: W,
                 name: U,
@@ -1309,18 +1316,18 @@ function ta(t) {
     z.setOptions(f).then(function(P) {
       !I && f.onFirstUpdate && f.onFirstUpdate(P);
     });
-    function C() {
+    function x() {
       y.orderedModifiers.forEach(function(P) {
-        var T = P.name, $ = P.options, F = $ === void 0 ? {} : $, O = P.effect;
+        var T = P.name, R = P.options, F = R === void 0 ? {} : R, O = P.effect;
         if (typeof O == "function") {
-          var R = O({
+          var D = O({
             state: y,
             name: T,
             instance: z,
             options: F
-          }), D = function() {
+          }), $ = function() {
           };
-          _.push(R || D);
+          _.push(D || $);
         }
       });
     }
@@ -1378,12 +1385,12 @@ var oa = {
 function ra(t, s) {
   var e = t.x, a = t.y, n = s.devicePixelRatio || 1;
   return {
-    x: Ue(e * n) / n || 0,
-    y: Ue(a * n) / n || 0
+    x: Ge(e * n) / n || 0,
+    y: Ge(a * n) / n || 0
   };
 }
 function Ss(t) {
-  var s, e = t.popper, a = t.popperRect, n = t.placement, i = t.variation, r = t.offsets, c = t.position, d = t.gpuAcceleration, f = t.adaptive, y = t.roundOffsets, _ = t.isFixed, I = r.x, z = I === void 0 ? 0 : I, C = r.y, E = C === void 0 ? 0 : C, P = typeof y == "function" ? y({
+  var s, e = t.popper, a = t.popperRect, n = t.placement, i = t.variation, r = t.offsets, c = t.position, d = t.gpuAcceleration, f = t.adaptive, y = t.roundOffsets, _ = t.isFixed, I = r.x, z = I === void 0 ? 0 : I, x = r.y, E = x === void 0 ? 0 : x, P = typeof y == "function" ? y({
     x: z,
     y: E
   }) : {
@@ -1391,22 +1398,22 @@ function Ss(t) {
     y: E
   };
   z = P.x, E = P.y;
-  var T = r.hasOwnProperty("x"), $ = r.hasOwnProperty("y"), F = fe, O = ue, R = window;
+  var T = r.hasOwnProperty("x"), R = r.hasOwnProperty("y"), F = fe, O = ue, D = window;
   if (f) {
-    var D = at(e), V = "clientHeight", W = "clientWidth";
-    if (D === ge(e) && (D = Le(e), Pe(D).position !== "static" && c === "absolute" && (V = "scrollHeight", W = "scrollWidth")), D = D, n === ue || (n === fe || n === Ce) && i === st) {
-      O = Se;
-      var U = _ && D === R && R.visualViewport ? R.visualViewport.height : (
+    var $ = at(e), H = "clientHeight", W = "clientWidth";
+    if ($ === ge(e) && ($ = Le(e), Pe($).position !== "static" && c === "absolute" && (H = "scrollHeight", W = "scrollWidth")), $ = $, n === ue || (n === fe || n === Ce) && i === st) {
+      O = xe;
+      var U = _ && $ === D && D.visualViewport ? D.visualViewport.height : (
         // $FlowFixMe[prop-missing]
-        D[V]
+        $[H]
       );
       E -= U - a.height, E *= d ? 1 : -1;
     }
-    if (n === fe || (n === ue || n === Se) && i === st) {
+    if (n === fe || (n === ue || n === xe) && i === st) {
       F = Ce;
-      var G = _ && D === R && R.visualViewport ? R.visualViewport.width : (
+      var G = _ && $ === D && D.visualViewport ? D.visualViewport.width : (
         // $FlowFixMe[prop-missing]
-        D[W]
+        $[W]
       );
       z -= G - a.width, z *= d ? 1 : -1;
     }
@@ -1422,14 +1429,14 @@ function Ss(t) {
   };
   if (z = Z.x, E = Z.y, d) {
     var L;
-    return Object.assign({}, X, (L = {}, L[O] = $ ? "0" : "", L[F] = T ? "0" : "", L.transform = (R.devicePixelRatio || 1) <= 1 ? "translate(" + z + "px, " + E + "px)" : "translate3d(" + z + "px, " + E + "px, 0)", L));
+    return Object.assign({}, X, (L = {}, L[O] = R ? "0" : "", L[F] = T ? "0" : "", L.transform = (D.devicePixelRatio || 1) <= 1 ? "translate(" + z + "px, " + E + "px)" : "translate3d(" + z + "px, " + E + "px, 0)", L));
   }
-  return Object.assign({}, X, (s = {}, s[O] = $ ? E + "px" : "", s[F] = T ? z + "px" : "", s.transform = "", s));
+  return Object.assign({}, X, (s = {}, s[O] = R ? E + "px" : "", s[F] = T ? z + "px" : "", s.transform = "", s));
 }
 function la(t) {
   var s = t.state, e = t.options, a = e.gpuAcceleration, n = a === void 0 ? !0 : a, i = e.adaptive, r = i === void 0 ? !0 : i, c = e.roundOffsets, d = c === void 0 ? !0 : c, f = {
     placement: ze(s.placement),
-    variation: Ye(s.placement),
+    variation: Xe(s.placement),
     popper: s.elements.popper,
     popperRect: s.rects.popper,
     gpuAcceleration: n,
@@ -1512,12 +1519,12 @@ function pa(t, s, e) {
   return a > e ? e : a;
 }
 function va(t) {
-  var s = t.state, e = t.options, a = t.name, n = e.mainAxis, i = n === void 0 ? !0 : n, r = e.altAxis, c = r === void 0 ? !1 : r, d = e.boundary, f = e.rootBoundary, y = e.altBoundary, _ = e.padding, I = e.tether, z = I === void 0 ? !0 : I, C = e.tetherOffset, E = C === void 0 ? 0 : C, P = es(s, {
+  var s = t.state, e = t.options, a = t.name, n = e.mainAxis, i = n === void 0 ? !0 : n, r = e.altAxis, c = r === void 0 ? !1 : r, d = e.boundary, f = e.rootBoundary, y = e.altBoundary, _ = e.padding, I = e.tether, z = I === void 0 ? !0 : I, x = e.tetherOffset, E = x === void 0 ? 0 : x, P = es(s, {
     boundary: d,
     rootBoundary: f,
     padding: _,
     altBoundary: y
-  }), T = ze(s.placement), $ = Ye(s.placement), F = !$, O = Qt(T), R = ha(O), D = s.modifiersData.popperOffsets, V = s.rects.reference, W = s.rects.popper, U = typeof E == "function" ? E(Object.assign({}, s.rects, {
+  }), T = ze(s.placement), R = Xe(s.placement), F = !R, O = Qt(T), D = ha(O), $ = s.modifiersData.popperOffsets, H = s.rects.reference, W = s.rects.popper, U = typeof E == "function" ? E(Object.assign({}, s.rects, {
     placement: s.placement
   })) : E, G = typeof U == "number" ? {
     mainAxis: U,
@@ -1529,17 +1536,17 @@ function va(t) {
     x: 0,
     y: 0
   };
-  if (D) {
+  if ($) {
     if (i) {
-      var L, J = O === "y" ? ue : fe, te = O === "y" ? Se : Ce, ee = O === "y" ? "height" : "width", oe = D[O], We = oe + P[J], be = oe - P[te], Me = z ? -W[ee] / 2 : 0, Ne = $ === Ke ? V[ee] : W[ee], re = $ === Ke ? -W[ee] : -V[ee], je = s.elements.arrow, Oe = z && je ? Zt(je) : {
+      var L, J = O === "y" ? ue : fe, te = O === "y" ? xe : Ce, ee = O === "y" ? "height" : "width", oe = $[O], je = oe + P[J], _e = oe - P[te], Me = z ? -W[ee] / 2 : 0, Ne = R === Ye ? H[ee] : W[ee], re = R === Ye ? -W[ee] : -H[ee], Ue = s.elements.arrow, Oe = z && Ue ? Zt(Ue) : {
         width: 0,
         height: 0
-      }, _e = s.modifiersData["arrow#persistent"] ? s.modifiersData["arrow#persistent"].padding : ri(), q = _e[J], K = _e[te], le = tt(0, V[ee], Oe[ee]), $e = F ? V[ee] / 2 - Me - le - q - G.mainAxis : Ne - le - q - G.mainAxis, Ci = F ? -V[ee] / 2 + Me + le + K + G.mainAxis : re + le + K + G.mainAxis, bt = s.elements.arrow && at(s.elements.arrow), xi = bt ? O === "y" ? bt.clientTop || 0 : bt.clientLeft || 0 : 0, ls = (L = X == null ? void 0 : X[O]) != null ? L : 0, Bi = oe + $e - ls - xi, zi = oe + Ci - ls, cs = tt(z ? gt(We, Bi) : We, oe, z ? Ve(be, zi) : be);
-      D[O] = cs, Z[O] = cs - oe;
+      }, ke = s.modifiersData["arrow#persistent"] ? s.modifiersData["arrow#persistent"].padding : ri(), q = ke[J], K = ke[te], le = tt(0, H[ee], Oe[ee]), Re = F ? H[ee] / 2 - Me - le - q - G.mainAxis : Ne - le - q - G.mainAxis, xi = F ? -H[ee] / 2 + Me + le + K + G.mainAxis : re + le + K + G.mainAxis, bt = s.elements.arrow && at(s.elements.arrow), Ci = bt ? O === "y" ? bt.clientTop || 0 : bt.clientLeft || 0 : 0, ls = (L = X == null ? void 0 : X[O]) != null ? L : 0, Bi = oe + Re - ls - Ci, zi = oe + xi - ls, cs = tt(z ? gt(je, Bi) : je, oe, z ? Ve(_e, zi) : _e);
+      $[O] = cs, Z[O] = cs - oe;
     }
     if (c) {
-      var ds, Ii = O === "x" ? ue : fe, Ei = O === "x" ? Se : Ce, Re = D[R], rt = R === "y" ? "height" : "width", us = Re + P[Ii], fs = Re - P[Ei], _t = [ue, fe].indexOf(T) !== -1, gs = (ds = X == null ? void 0 : X[R]) != null ? ds : 0, ms = _t ? us : Re - V[rt] - W[rt] - gs + G.altAxis, hs = _t ? Re + V[rt] + W[rt] - gs - G.altAxis : fs, ps = z && _t ? pa(ms, Re, hs) : tt(z ? ms : us, Re, z ? hs : fs);
-      D[R] = ps, Z[R] = ps - Re;
+      var ds, Ii = O === "x" ? ue : fe, Ei = O === "x" ? xe : Ce, De = $[D], rt = D === "y" ? "height" : "width", us = De + P[Ii], fs = De - P[Ei], _t = [ue, fe].indexOf(T) !== -1, gs = (ds = X == null ? void 0 : X[D]) != null ? ds : 0, ms = _t ? us : De - H[rt] - W[rt] - gs + G.altAxis, hs = _t ? De + H[rt] + W[rt] - gs - G.altAxis : fs, ps = z && _t ? pa(ms, De, hs) : tt(z ? ms : us, De, z ? hs : fs);
+      $[D] = ps, Z[D] = ps - De;
     }
     s.modifiersData[a] = Z;
   }
@@ -1566,86 +1573,86 @@ var _a = {
   start: "end",
   end: "start"
 };
-function Cs(t) {
+function xs(t) {
   return t.replace(/start|end/g, function(s) {
     return _a[s];
   });
 }
 function ka(t, s) {
   s === void 0 && (s = {});
-  var e = s, a = e.placement, n = e.boundary, i = e.rootBoundary, r = e.padding, c = e.flipVariations, d = e.allowedAutoPlacements, f = d === void 0 ? ni : d, y = Ye(a), _ = y ? c ? bs : bs.filter(function(C) {
-    return Ye(C) === y;
-  }) : ot, I = _.filter(function(C) {
-    return f.indexOf(C) >= 0;
+  var e = s, a = e.placement, n = e.boundary, i = e.rootBoundary, r = e.padding, c = e.flipVariations, d = e.allowedAutoPlacements, f = d === void 0 ? ni : d, y = Xe(a), _ = y ? c ? bs : bs.filter(function(x) {
+    return Xe(x) === y;
+  }) : ot, I = _.filter(function(x) {
+    return f.indexOf(x) >= 0;
   });
   I.length === 0 && (I = _);
-  var z = I.reduce(function(C, E) {
-    return C[E] = es(t, {
+  var z = I.reduce(function(x, E) {
+    return x[E] = es(t, {
       placement: E,
       boundary: n,
       rootBoundary: i,
       padding: r
-    })[ze(E)], C;
+    })[ze(E)], x;
   }, {});
-  return Object.keys(z).sort(function(C, E) {
-    return z[C] - z[E];
+  return Object.keys(z).sort(function(x, E) {
+    return z[x] - z[E];
   });
 }
 function wa(t) {
   if (ze(t) === Jt)
     return [];
   var s = ft(t);
-  return [Cs(t), s, Cs(s)];
+  return [xs(t), s, xs(s)];
 }
 function Sa(t) {
   var s = t.state, e = t.options, a = t.name;
   if (!s.modifiersData[a]._skip) {
-    for (var n = e.mainAxis, i = n === void 0 ? !0 : n, r = e.altAxis, c = r === void 0 ? !0 : r, d = e.fallbackPlacements, f = e.padding, y = e.boundary, _ = e.rootBoundary, I = e.altBoundary, z = e.flipVariations, C = z === void 0 ? !0 : z, E = e.allowedAutoPlacements, P = s.options.placement, T = ze(P), $ = T === P, F = d || ($ || !C ? [ft(P)] : wa(P)), O = [P].concat(F).reduce(function(Oe, _e) {
-      return Oe.concat(ze(_e) === Jt ? ka(s, {
-        placement: _e,
+    for (var n = e.mainAxis, i = n === void 0 ? !0 : n, r = e.altAxis, c = r === void 0 ? !0 : r, d = e.fallbackPlacements, f = e.padding, y = e.boundary, _ = e.rootBoundary, I = e.altBoundary, z = e.flipVariations, x = z === void 0 ? !0 : z, E = e.allowedAutoPlacements, P = s.options.placement, T = ze(P), R = T === P, F = d || (R || !x ? [ft(P)] : wa(P)), O = [P].concat(F).reduce(function(Oe, ke) {
+      return Oe.concat(ze(ke) === Jt ? ka(s, {
+        placement: ke,
         boundary: y,
         rootBoundary: _,
         padding: f,
-        flipVariations: C,
+        flipVariations: x,
         allowedAutoPlacements: E
-      }) : _e);
-    }, []), R = s.rects.reference, D = s.rects.popper, V = /* @__PURE__ */ new Map(), W = !0, U = O[0], G = 0; G < O.length; G++) {
-      var X = O[G], Z = ze(X), L = Ye(X) === Ke, J = [ue, Se].indexOf(Z) >= 0, te = J ? "width" : "height", ee = es(s, {
+      }) : ke);
+    }, []), D = s.rects.reference, $ = s.rects.popper, H = /* @__PURE__ */ new Map(), W = !0, U = O[0], G = 0; G < O.length; G++) {
+      var X = O[G], Z = ze(X), L = Xe(X) === Ye, J = [ue, xe].indexOf(Z) >= 0, te = J ? "width" : "height", ee = es(s, {
         placement: X,
         boundary: y,
         rootBoundary: _,
         altBoundary: I,
         padding: f
-      }), oe = J ? L ? Ce : fe : L ? Se : ue;
-      R[te] > D[te] && (oe = ft(oe));
-      var We = ft(oe), be = [];
-      if (i && be.push(ee[Z] <= 0), c && be.push(ee[oe] <= 0, ee[We] <= 0), be.every(function(Oe) {
+      }), oe = J ? L ? Ce : fe : L ? xe : ue;
+      D[te] > $[te] && (oe = ft(oe));
+      var je = ft(oe), _e = [];
+      if (i && _e.push(ee[Z] <= 0), c && _e.push(ee[oe] <= 0, ee[je] <= 0), _e.every(function(Oe) {
         return Oe;
       })) {
         U = X, W = !1;
         break;
       }
-      V.set(X, be);
+      H.set(X, _e);
     }
     if (W)
-      for (var Me = C ? 3 : 1, Ne = function(_e) {
+      for (var Me = x ? 3 : 1, Ne = function(ke) {
         var q = O.find(function(K) {
-          var le = V.get(K);
+          var le = H.get(K);
           if (le)
-            return le.slice(0, _e).every(function($e) {
-              return $e;
+            return le.slice(0, ke).every(function(Re) {
+              return Re;
             });
         });
         if (q)
           return U = q, "break";
       }, re = Me; re > 0; re--) {
-        var je = Ne(re);
-        if (je === "break") break;
+        var Ue = Ne(re);
+        if (Ue === "break") break;
       }
     s.placement !== U && (s.modifiersData[a]._skip = !0, s.placement = U, s.reset = !0);
   }
 }
-const Ca = {
+const xa = {
   name: "flip",
   enabled: !0,
   phase: "main",
@@ -1655,7 +1662,7 @@ const Ca = {
     _skip: !1
   }
 };
-function xa(t, s, e) {
+function Ca(t, s, e) {
   var a = ze(t), n = [fe, ue].indexOf(a) >= 0 ? -1 : 1, i = typeof e == "function" ? e(Object.assign({}, s, {
     placement: t
   })) : e, r = i[0], c = i[1];
@@ -1669,7 +1676,7 @@ function xa(t, s, e) {
 }
 function Ba(t) {
   var s = t.state, e = t.options, a = t.name, n = e.offset, i = n === void 0 ? [0, 0] : n, r = ni.reduce(function(y, _) {
-    return y[_] = xa(_, s.rects, i), y;
+    return y[_] = Ca(_, s.rects, i), y;
   }, {}), c = r[s.placement], d = c.x, f = c.y;
   s.modifiersData.popperOffsets != null && (s.modifiersData.popperOffsets.x += d, s.modifiersData.popperOffsets.y += f), s.modifiersData[a] = r;
 }
@@ -1688,8 +1695,8 @@ var Ia = function(s, e) {
 function Ea(t) {
   var s, e = t.state, a = t.name, n = t.options, i = e.elements.arrow, r = e.modifiersData.popperOffsets, c = ze(e.placement), d = Qt(c), f = [fe, Ce].indexOf(c) >= 0, y = f ? "height" : "width";
   if (!(!i || !r)) {
-    var _ = Ia(n.padding, e), I = Zt(i), z = d === "y" ? ue : fe, C = d === "y" ? Se : Ce, E = e.rects.reference[y] + e.rects.reference[d] - r[d] - e.rects.popper[y], P = r[d] - e.rects.reference[d], T = at(i), $ = T ? d === "y" ? T.clientHeight || 0 : T.clientWidth || 0 : 0, F = E / 2 - P / 2, O = _[z], R = $ - I[y] - _[C], D = $ / 2 - I[y] / 2 + F, V = tt(O, D, R), W = d;
-    e.modifiersData[a] = (s = {}, s[W] = V, s.centerOffset = V - D, s);
+    var _ = Ia(n.padding, e), I = Zt(i), z = d === "y" ? ue : fe, x = d === "y" ? xe : Ce, E = e.rects.reference[y] + e.rects.reference[d] - r[d] - e.rects.popper[y], P = r[d] - e.rects.reference[d], T = at(i), R = T ? d === "y" ? T.clientHeight || 0 : T.clientWidth || 0 : 0, F = E / 2 - P / 2, O = _[z], D = R - I[y] - _[x], $ = R / 2 - I[y] / 2 + F, H = tt(O, $, D), W = d;
+    e.modifiersData[a] = (s = {}, s[W] = H, s.centerOffset = H - $, s);
   }
 }
 function Ta(t) {
@@ -1730,14 +1737,14 @@ function Ma({
     d.isOpen || (d.isOpen = !0, s("open:popper"));
   };
   he([() => d.isOpen, i], async ([E]) => {
-    E ? (await C(), y()) : _();
+    E ? (await x(), y()) : _();
   });
-  const C = async () => {
+  const x = async () => {
     await Pi(), d.popperInstance = ma(c.value, r.value, {
       placement: i.value,
       modifiers: [
         ya,
-        Ca,
+        xa,
         {
           name: "flip",
           enabled: !e.value
@@ -1789,10 +1796,10 @@ const La = {}, Na = {
   id: "arrow",
   "data-popper-arrow": ""
 };
-function $a(t, s) {
+function Ra(t, s) {
   return o(), l("div", Na);
 }
-const Ra = /* @__PURE__ */ b(La, [["render", $a], ["__scopeId", "data-v-b4b01b19"]]), Da = ["aria-open"], Va = {
+const Da = /* @__PURE__ */ b(La, [["render", Ra], ["__scopeId", "data-v-b4b01b19"]]), $a = ["aria-open"], Va = {
   __name: "Popper",
   props: {
     /**
@@ -1931,7 +1938,7 @@ const Ra = /* @__PURE__ */ b(La, [["render", $a], ["__scopeId", "data-v-b4b01b19
   setup(t, { expose: s, emit: e }) {
     const a = e, n = Oi(), i = t;
     let r = null;
-    const c = "ecs-popover-" + parseInt(Math.ceil(Math.random() * Date.now()).toPrecision(16).toString().replace(".", "")), d = De(!1), f = De(null), y = De(null), _ = De(!1), I = De(!1), z = De([]), C = De(!0), E = () => {
+    const c = "ecs-popover-" + parseInt(Math.ceil(Math.random() * Date.now()).toPrecision(16).toString().replace(".", "")), d = $e(!1), f = $e(null), y = $e(null), _ = $e(!1), I = $e(!1), z = $e([]), x = $e(!0), E = () => {
       n.content ? I.value = !0 : I.value = !1;
     };
     Zs(() => {
@@ -1940,17 +1947,17 @@ const Ra = /* @__PURE__ */ b(La, [["render", $a], ["__scopeId", "data-v-b4b01b19
         return console.error(
           `[Popper]: The <Popper> component expects only one child element at its root. You passed ${q.length} child nodes.`
         );
-      (n.content !== void 0 || $.value) && (I.value = !0), r = new MutationObserver(E), document.addEventListener("keydown", _e);
+      (n.content !== void 0 || R.value) && (I.value = !0), r = new MutationObserver(E), document.addEventListener("keydown", ke);
     });
     const {
       arrowPadding: P,
       closeDelay: T,
-      content: $,
+      content: R,
       disableClickAway: F,
       disabled: O,
-      interactive: R,
-      locked: D,
-      offsetDistance: V,
+      interactive: D,
+      locked: $,
+      offsetDistance: H,
       offsetSkid: W,
       openDelay: U,
       placement: G,
@@ -1958,23 +1965,23 @@ const Ra = /* @__PURE__ */ b(La, [["render", $a], ["__scopeId", "data-v-b4b01b19
     } = Xs(i), { isOpen: Z, open: L, close: J } = Ma({
       arrowPadding: P,
       emit: a,
-      locked: D,
-      offsetDistance: V,
+      locked: $,
+      offsetDistance: H,
       offsetSkid: W,
       placement: G,
       popperNode: f,
       triggerNode: y
-    }), te = Be(() => X.value !== null), ee = Be(() => O.value || !I.value), oe = Be(() => Z.value && !ee.value), We = Be(
+    }), te = Be(() => X.value !== null), ee = Be(() => O.value || !I.value), oe = Be(() => Z.value && !ee.value), je = Be(
       () => !F.value && !te.value
     );
     Be(
-      () => R.value ? `border: ${V.value}px solid transparent; margin: -${V.value}px;` : null
+      () => D.value ? `border: ${H.value}px solid transparent; margin: -${H.value}px;` : null
     );
-    const be = wt.debounce(L, U.value), Me = wt.debounce(J, T.value), Ne = async () => {
-      ee.value || te.value || (Me.clear(), d.value = !0, be());
+    const _e = wt.debounce(L, U.value), Me = wt.debounce(J, T.value), Ne = async () => {
+      ee.value || te.value || (Me.clear(), d.value = !0, _e());
     }, re = async () => {
-      te.value || (be.clear(), d.value = !1, Me());
-    }, je = () => {
+      te.value || (_e.clear(), d.value = !1, Me());
+    }, Ue = () => {
       Z.value ? re() : Ne();
     };
     he([I, O], ([q, K]) => {
@@ -1984,10 +1991,10 @@ const Ra = /* @__PURE__ */ b(La, [["render", $a], ["__scopeId", "data-v-b4b01b19
         _.value = !1;
       }, 200);
     }), lt(() => {
-      te.value && (X.value ? be() : Me());
+      te.value && (X.value ? _e() : Me());
     }), lt(() => {
-      We.value && Aa(f, re);
-    }), he($, (q) => {
+      je.value && Aa(f, re);
+    }), he(R, (q) => {
       q ? I.value = !0 : I.value = !1;
     }), lt(() => {
       f.value && r.observe(f.value, {
@@ -1995,27 +2002,27 @@ const Ra = /* @__PURE__ */ b(La, [["render", $a], ["__scopeId", "data-v-b4b01b19
         subtree: !0
       });
     }), jt(() => {
-      r.disconnect(), document.removeEventListener("keydown", _e);
+      r.disconnect(), document.removeEventListener("keydown", ke);
     }), s({ closePopper: re });
     const Oe = () => {
       f.value && (z.value = f.value.querySelectorAll(
         'a[href], button, textarea, input, select, [tabindex]:not([tabindex="-1"])'
       ));
-    }, _e = (q) => {
+    }, ke = (q) => {
       if (!d.value) return;
       const K = Array.from(z.value), le = K.indexOf(document.activeElement);
       if (q.key === "ArrowDown") {
         q.preventDefault();
-        const $e = (le + 1) % K.length;
-        K[$e].focus();
+        const Re = (le + 1) % K.length;
+        K[Re].focus();
       } else if (q.key === "ArrowUp") {
         q.preventDefault();
-        const $e = (le - 1 + K.length) % K.length;
-        K[$e].focus();
-      } else q.key === "Escape" ? (q.preventDefault(), re()) : q.key === "Tab" && C.value && (q.preventDefault(), C.value = !1, K.length > 0 && K[0].focus());
+        const Re = (le - 1 + K.length) % K.length;
+        K[Re].focus();
+      } else q.key === "Escape" ? (q.preventDefault(), re()) : q.key === "Tab" && x.value && (q.preventDefault(), x.value = !1, K.length > 0 && K[0].focus());
     };
     return lt(() => {
-      d.value && (Oe(), C.value = !0, z.value.length > 0 && z.value[0].focus());
+      d.value && (Oe(), x.value = !0, z.value.length > 0 && z.value[0].focus());
     }), (q, K) => (o(), l("div", {
       class: "ecs-popover-root",
       onMouseleave: K[2] || (K[2] = (le) => t.hover && re())
@@ -2024,7 +2031,7 @@ const Ra = /* @__PURE__ */ b(La, [["render", $a], ["__scopeId", "data-v-b4b01b19
         ref_key: "triggerNode",
         ref: y,
         onMouseover: K[0] || (K[0] = (le) => t.hover && Ne()),
-        onClick: je,
+        onClick: Ue,
         onFocus: Ne,
         onKeyup: Q(re, ["esc"]),
         "aria-describedby": c,
@@ -2032,13 +2039,13 @@ const Ra = /* @__PURE__ */ b(La, [["render", $a], ["__scopeId", "data-v-b4b01b19
         class: "ecs-popover-trigger"
       }, [
         h(q.$slots, "default", {}, void 0, !0)
-      ], 40, Da),
+      ], 40, $a),
       (o(), p(Ai, { to: "body" }, [
         k(ye, { name: "fade" }, {
           default: S(() => [
             t.persistent || d.value ? Fe((o(), l("div", {
               key: 0,
-              onClick: K[1] || (K[1] = (le) => !de(R) && re()),
+              onClick: K[1] || (K[1] = (le) => !de(D) && re()),
               class: "ecs-popover popper",
               ref_key: "popperNode",
               ref: f,
@@ -2049,9 +2056,9 @@ const Ra = /* @__PURE__ */ b(La, [["render", $a], ["__scopeId", "data-v-b4b01b19
                 close: de(J),
                 isOpen: _.value
               }, () => [
-                A(w(de($)), 1)
+                A(w(de(R)), 1)
               ], !0),
-              t.arrow ? (o(), p(Ra, { key: 0 })) : u("", !0)
+              t.arrow ? (o(), p(Da, { key: 0 })) : u("", !0)
             ], 512)), [
               [it, oe.value]
             ]) : u("", !0)
@@ -2420,12 +2427,12 @@ function Za(t, s, e, a, n, i) {
     key: 0,
     onClick: i.handleClick,
     as: "button",
-    style: x(i.clickablePadding)
+    style: C(i.clickablePadding)
   }, {
     default: S(() => [
       (o(), p(ve(i.textTag), {
         class: v([[i.typeScaleClass, i.weightClass, i.alignClass, e.preset, i.fontClass], "ecs-text"]),
-        style: x([i.colorStyle, i.fontSizeStyle])
+        style: C([i.colorStyle, i.fontSizeStyle])
       }, {
         default: S(() => [
           h(t.$slots, "default", {}, void 0, !0)
@@ -2437,7 +2444,7 @@ function Za(t, s, e, a, n, i) {
   }, 8, ["onClick", "style"])) : (o(), p(ve(i.textTag), {
     key: 1,
     class: v([[i.typeScaleClass, i.weightClass, i.alignClass, e.preset, i.fontClass], "ecs-text"]),
-    style: x([i.colorStyle, i.fontSizeStyle])
+    style: C([i.colorStyle, i.fontSizeStyle])
   }, {
     default: S(() => [
       h(t.$slots, "default", {}, void 0, !0)
@@ -2445,7 +2452,7 @@ function Za(t, s, e, a, n, i) {
     _: 3
   }, 8, ["class", "style"]));
 }
-const Xe = /* @__PURE__ */ b(Xa, [["render", Za], ["__scopeId", "data-v-fdaf701d"]]), me = {
+const We = /* @__PURE__ */ b(Xa, [["render", Za], ["__scopeId", "data-v-fdaf701d"]]), me = {
   data() {
     return {
       uniqueId: ""
@@ -2463,7 +2470,7 @@ const Xe = /* @__PURE__ */ b(Xa, [["render", Za], ["__scopeId", "data-v-fdaf701d
 }, Ja = {
   name: "ecs-checkbox",
   emits: ["input", "shiftClick"],
-  components: { EcsFormCheck: ss, EcsTextV2: Xe },
+  components: { EcsFormCheck: ss, EcsTextV2: We },
   mixins: [me],
   props: {
     /** Name attribute of the input. */
@@ -2605,7 +2612,7 @@ function to(t, s, e, a, n, i) {
 const pt = /* @__PURE__ */ b(Ja, [["render", to], ["__scopeId", "data-v-9e02ab84"]]), so = {
   name: "ecs-radiobutton",
   emits: ["input", "change"],
-  components: { EcsFormCheck: ss, EcsTextV2: Xe },
+  components: { EcsFormCheck: ss, EcsTextV2: We },
   mixins: [me],
   model: {
     prop: "checked",
@@ -3144,10 +3151,10 @@ function wo(t, s, e, a, n, i) {
     }, null, 8, ["inset", "danger"])
   ], 42, _o));
 }
-const xe = /* @__PURE__ */ b(yo, [["render", wo], ["__scopeId", "data-v-47d42f7e"]]), So = {
+const be = /* @__PURE__ */ b(yo, [["render", wo], ["__scopeId", "data-v-47d42f7e"]]), So = {
   name: "ecs-popover-list-item",
   emits: ["click", "input", "change", "secondaryClick"],
-  components: { EcsCheckbox: pt, EcsRadiobutton: oo, EcsSwitch: fi, EcsSortbutton: vo, EcsIcon: M, EcsFileIcon: gi, EcsButton: xe, EcsFocusRing: N },
+  components: { EcsCheckbox: pt, EcsRadiobutton: oo, EcsSwitch: fi, EcsSortbutton: vo, EcsIcon: M, EcsFileIcon: gi, EcsButton: be, EcsFocusRing: N },
   props: {
     /** Determines the type of popover list item.*/
     type: {
@@ -3281,12 +3288,12 @@ const xe = /* @__PURE__ */ b(yo, [["render", wo], ["__scopeId", "data-v-47d42f7e
       this.$emit("secondaryClick");
     }
   }
-}, Co = {
+}, xo = {
   key: 0,
   class: "ecs-popover-list-item control no-hover",
   role: "menuitem",
   tabindex: "-1"
-}, xo = {
+}, Co = {
   key: 0,
   class: "after"
 }, Bo = {
@@ -3314,10 +3321,10 @@ const xe = /* @__PURE__ */ b(yo, [["render", wo], ["__scopeId", "data-v-47d42f7e
 }, Oo = ["tabindex", "href"], Ao = { class: "text" }, Lo = { class: "text-inner" }, No = {
   key: 1,
   class: "help"
-}, $o = {
+}, Ro = {
   key: 2,
   class: "after"
-}, Ro = ["tabindex"], Do = { class: "text" }, Vo = { class: "text-inner" }, Ho = {
+}, Do = ["tabindex"], $o = { class: "text" }, Vo = { class: "text-inner" }, Ho = {
   key: 1,
   class: "help"
 }, Fo = {
@@ -3327,9 +3334,9 @@ const xe = /* @__PURE__ */ b(yo, [["render", wo], ["__scopeId", "data-v-47d42f7e
 function qo(t, s, e, a, n, i) {
   const r = m("ecs-checkbox"), c = m("ecs-icon"), d = m("ecs-radiobutton"), f = m("ecs-switch"), y = m("ecs-sortbutton"), _ = m("ecs-focus-ring"), I = m("ecs-file-icon"), z = m("ecs-button");
   return o(), l("li", null, [
-    e.type === "checkbox" ? (o(), l("div", Co, [
+    e.type === "checkbox" ? (o(), l("div", xo, [
       k(r, {
-        onInput: s[0] || (s[0] = (C) => t.$emit("input", C)),
+        onInput: s[0] || (s[0] = (x) => t.$emit("input", x)),
         disabled: e.disabled || null,
         value: e.value,
         "value-false": e.valueFalse,
@@ -3341,7 +3348,7 @@ function qo(t, s, e, a, n, i) {
         ]),
         _: 3
       }, 8, ["disabled", "value", "value-false", "value-true", "indeterminate"]),
-      e.suffix ? (o(), l("span", xo, w(e.suffix), 1)) : u("", !0),
+      e.suffix ? (o(), l("span", Co, w(e.suffix), 1)) : u("", !0),
       e.draggable ? (o(), p(c, {
         key: 1,
         type: "drag-handler",
@@ -3350,7 +3357,7 @@ function qo(t, s, e, a, n, i) {
       })) : u("", !0)
     ])) : e.type === "radiobutton" ? (o(), l("div", Bo, [
       k(d, {
-        onChange: s[1] || (s[1] = (C) => t.$emit("change", C)),
+        onChange: s[1] || (s[1] = (x) => t.$emit("change", x)),
         disabled: e.disabled || null,
         checked: e.value || null
       }, {
@@ -3368,8 +3375,8 @@ function qo(t, s, e, a, n, i) {
       })) : u("", !0)
     ])) : e.type === "switch" ? (o(), l("div", Io, [
       k(f, {
-        onInput: s[2] || (s[2] = (C) => t.$emit("input", C)),
-        onChange: s[3] || (s[3] = (C) => t.$emit("change", C)),
+        onInput: s[2] || (s[2] = (x) => t.$emit("input", x)),
+        onChange: s[3] || (s[3] = (x) => t.$emit("change", x)),
         value: e.value,
         "value-false": e.valueFalse,
         "value-true": e.valueTrue,
@@ -3391,7 +3398,7 @@ function qo(t, s, e, a, n, i) {
       })) : u("", !0)
     ])) : e.type === "sort" ? (o(), l("div", {
       key: 3,
-      onClick: s[4] || (s[4] = (C) => t.$emit("click", C)),
+      onClick: s[4] || (s[4] = (x) => t.$emit("click", x)),
       class: "ecs-popover-list-item control no-hover",
       role: "menuitem",
       tabindex: e.disabled ? -1 : 0
@@ -3415,7 +3422,7 @@ function qo(t, s, e, a, n, i) {
       k(_, { inset: 0 })
     ], 8, Po)) : e.type === "link" ? (o(), l("a", {
       key: 4,
-      onClick: s[7] || (s[7] = (C) => t.$emit("click", C)),
+      onClick: s[7] || (s[7] = (x) => t.$emit("click", x)),
       class: v(["ecs-popover-list-item", [
         e.danger ? "danger" : "",
         e.subtle ? "subtle" : "",
@@ -3447,8 +3454,8 @@ function qo(t, s, e, a, n, i) {
         i.secondaryActionOptions.show ? (o(), p(z, {
           key: 0,
           onClick: Y(i.handleSecondaryClick, ["stop"]),
-          onMouseover: s[5] || (s[5] = (C) => n.preventHover = !n.preventHover),
-          onMouseleave: s[6] || (s[6] = (C) => n.preventHover = !n.preventHover),
+          onMouseover: s[5] || (s[5] = (x) => n.preventHover = !n.preventHover),
+          onMouseleave: s[6] || (s[6] = (x) => n.preventHover = !n.preventHover),
           size: "sml",
           type: i.secondaryActionOptions.type,
           icon: i.secondaryActionOptions.icon,
@@ -3464,7 +3471,7 @@ function qo(t, s, e, a, n, i) {
         }, 8, ["onClick", "type", "icon", "icon-only", "class", "aria-label", "title"])) : u("", !0),
         e.help ? (o(), l("span", No, w(e.help), 1)) : u("", !0)
       ]),
-      e.suffix ? (o(), l("span", $o, w(e.suffix), 1)) : u("", !0),
+      e.suffix ? (o(), l("span", Ro, w(e.suffix), 1)) : u("", !0),
       e.hoverIcon ? (o(), p(c, {
         key: 3,
         type: e.hoverIcon,
@@ -3486,7 +3493,7 @@ function qo(t, s, e, a, n, i) {
         e.noHover || n.preventHover ? "no-hover" : "",
         e.selected ? "selected" : ""
       ]]),
-      onClick: s[10] || (s[10] = (C) => t.$emit("click", C)),
+      onClick: s[10] || (s[10] = (x) => t.$emit("click", x)),
       role: "menuitem",
       tabindex: e.disabled ? -1 : 0
     }, [
@@ -3503,15 +3510,15 @@ function qo(t, s, e, a, n, i) {
         height: 24,
         class: "file-icon"
       }, null, 8, ["type"])) : u("", !0),
-      g("span", Do, [
+      g("span", $o, [
         g("span", Vo, [
           h(t.$slots, "default", {}, void 0, !0)
         ]),
         i.secondaryActionOptions.show ? (o(), p(z, {
           key: 0,
           onClick: Y(i.handleSecondaryClick, ["stop"]),
-          onMouseover: s[8] || (s[8] = (C) => n.preventHover = !n.preventHover),
-          onMouseleave: s[9] || (s[9] = (C) => n.preventHover = !n.preventHover),
+          onMouseover: s[8] || (s[8] = (x) => n.preventHover = !n.preventHover),
+          onMouseleave: s[9] || (s[9] = (x) => n.preventHover = !n.preventHover),
           size: "sml",
           type: i.secondaryActionOptions.type,
           icon: i.secondaryActionOptions.icon,
@@ -3541,7 +3548,7 @@ function qo(t, s, e, a, n, i) {
         class: "drag-handle"
       })) : u("", !0),
       k(_, { inset: 0 })
-    ], 10, Ro))
+    ], 10, Do))
   ]);
 }
 const mi = /* @__PURE__ */ b(So, [["render", qo], ["__scopeId", "data-v-571b015b"]]), Wo = {
@@ -3674,7 +3681,7 @@ function Go(t, s, e, a, n, i) {
     e.badge ? (o(), l("span", {
       key: 1,
       class: "badge",
-      style: x({ background: e.badgeColor })
+      style: C({ background: e.badgeColor })
     }, null, 4)) : u("", !0),
     e.icon && e.iconPosition == "right" || e.loading && e.iconPosition == "right" ? (o(), p(r, {
       key: 2,
@@ -3711,7 +3718,7 @@ function Go(t, s, e, a, n, i) {
     e.badge ? (o(), l("span", {
       key: 1,
       class: "badge",
-      style: x({ background: e.badgeColor })
+      style: C({ background: e.badgeColor })
     }, null, 4)) : u("", !0),
     e.icon && e.iconPosition == "right" || e.loading && e.iconPosition == "right" ? (o(), p(r, {
       key: 2,
@@ -3772,7 +3779,7 @@ const vt = /* @__PURE__ */ b(Wo, [["render", Go], ["__scopeId", "data-v-8164b50a
 function Yo(t, s, e, a, n, i) {
   return o(), l("div", {
     class: v(["ecs-separator", i.classes]),
-    style: x({ margin: i.marginStyles, width: e.width, height: e.height }),
+    style: C({ margin: i.marginStyles, width: e.width, height: e.height }),
     role: "separator"
   }, null, 6);
 }
@@ -3878,8 +3885,8 @@ function Qo(t, s, e, a, n, i) {
           content: S(() => [
             k(y, null, {
               default: S(() => [
-                (o(!0), l(H, null, se(e.options, (z, C) => (o(), p(d, {
-                  key: C,
+                (o(!0), l(V, null, se(e.options, (z, x) => (o(), p(d, {
+                  key: x,
                   disabled: z.disabled || null,
                   onClick: (E) => t.$emit("select", z.action)
                 }, {
@@ -3928,7 +3935,7 @@ function Qo(t, s, e, a, n, i) {
     _: 1
   });
 }
-const Lb = /* @__PURE__ */ b(Zo, [["render", Qo], ["__scopeId", "data-v-04aed8bb"]]), er = {
+const $b = /* @__PURE__ */ b(Zo, [["render", Qo], ["__scopeId", "data-v-04aed8bb"]]), er = {
   name: "ecs-button-group"
 }, tr = { class: "ecs-button-group" };
 function sr(t, s, e, a, n, i) {
@@ -3936,7 +3943,7 @@ function sr(t, s, e, a, n, i) {
     h(t.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Nb = /* @__PURE__ */ b(er, [["render", sr], ["__scopeId", "data-v-83c21366"]]), ir = {
+const Vb = /* @__PURE__ */ b(er, [["render", sr], ["__scopeId", "data-v-83c21366"]]), ir = {
   name: "ecs-button-collapse",
   emits: ["click"],
   components: {
@@ -4050,7 +4057,7 @@ B.prototype = {
     return this._a == 1 ? "hsv(" + e + ", " + a + "%, " + n + "%)" : "hsva(" + e + ", " + a + "%, " + n + "%, " + this._roundA + ")";
   },
   toHsl: function() {
-    var s = xs(this._r, this._g, this._b);
+    var s = Cs(this._r, this._g, this._b);
     return {
       h: s.h * 360,
       s: s.s,
@@ -4059,7 +4066,7 @@ B.prototype = {
     };
   },
   toHslString: function() {
-    var s = xs(this._r, this._g, this._b), e = Math.round(s.h * 360), a = Math.round(s.s * 100), n = Math.round(s.l * 100);
+    var s = Cs(this._r, this._g, this._b), e = Math.round(s.h * 360), a = Math.round(s.s * 100), n = Math.round(s.l * 100);
     return this._a == 1 ? "hsl(" + e + ", " + a + "%, " + n + "%)" : "hsla(" + e + ", " + a + "%, " + n + "%, " + this._roundA + ")";
   },
   toHex: function(s) {
@@ -4097,7 +4104,7 @@ B.prototype = {
     return this._a == 1 ? "rgb(" + Math.round(j(this._r, 255) * 100) + "%, " + Math.round(j(this._g, 255) * 100) + "%, " + Math.round(j(this._b, 255) * 100) + "%)" : "rgba(" + Math.round(j(this._r, 255) * 100) + "%, " + Math.round(j(this._g, 255) * 100) + "%, " + Math.round(j(this._b, 255) * 100) + "%, " + this._roundA + ")";
   },
   toName: function() {
-    return this._a === 0 ? "transparent" : this._a < 1 ? !1 : Cr[zs(this._r, this._g, this._b, !0)] || !1;
+    return this._a === 0 ? "transparent" : this._a < 1 ? !1 : xr[zs(this._r, this._g, this._b, !0)] || !1;
   },
   toFilter: function(s) {
     var e = "#" + Is(this._r, this._g, this._b, this._a), a = e, n = this._gradientType ? "GradientType = 1, " : "";
@@ -4198,7 +4205,7 @@ function cr(t, s, e) {
     b: j(e, 255) * 255
   };
 }
-function xs(t, s, e) {
+function Cs(t, s, e) {
   t = j(t, 255), s = j(s, 255), e = j(e, 255);
   var a = Math.max(t, s, e), n = Math.min(t, s, e), i, r, c = (a + n) / 2;
   if (a == n)
@@ -4277,15 +4284,15 @@ function ur(t, s, e) {
   };
 }
 function zs(t, s, e, a) {
-  var n = [we(Math.round(t).toString(16)), we(Math.round(s).toString(16)), we(Math.round(e).toString(16))];
+  var n = [Se(Math.round(t).toString(16)), Se(Math.round(s).toString(16)), Se(Math.round(e).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 fr(t, s, e, a, n) {
-  var i = [we(Math.round(t).toString(16)), we(Math.round(s).toString(16)), we(Math.round(e).toString(16)), we(pi(a))];
+  var i = [Se(Math.round(t).toString(16)), Se(Math.round(s).toString(16)), Se(Math.round(e).toString(16)), Se(pi(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 Is(t, s, e, a) {
-  var n = [we(pi(a)), we(Math.round(t).toString(16)), we(Math.round(s).toString(16)), we(Math.round(e).toString(16))];
+  var n = [Se(pi(a)), Se(Math.round(t).toString(16)), Se(Math.round(s).toString(16)), Se(Math.round(e).toString(16))];
   return n.join("");
 }
 B.equals = function(t, s) {
@@ -4564,8 +4571,8 @@ var Wt = B.names = {
   whitesmoke: "f5f5f5",
   yellow: "ff0",
   yellowgreen: "9acd32"
-}, Cr = B.hexNames = xr(Wt);
-function xr(t) {
+}, xr = B.hexNames = Cr(Wt);
+function Cr(t) {
   var s = {};
   for (var e in t)
     t.hasOwnProperty(e) && (s[t[e]] = e);
@@ -4591,7 +4598,7 @@ function Br(t) {
 function zr(t) {
   return typeof t == "string" && t.indexOf("%") != -1;
 }
-function we(t) {
+function Se(t) {
   return t.length == 1 ? "0" + t : "" + t;
 }
 function Qe(t) {
@@ -4603,7 +4610,7 @@ function pi(t) {
 function Ts(t) {
   return ce(t) / 255;
 }
-var ke = function() {
+var we = function() {
   var t = "[-\\+]?\\d+%?", s = "[-\\+]?\\d*\\.\\d+%?", e = "(?:" + s + ")|(?:" + t + ")", a = "[\\s|\\(]+(" + e + ")[,|\\s]+(" + e + ")[,|\\s]+(" + e + ")\\s*\\)?", n = "[\\s|\\(]+(" + e + ")[,|\\s]+(" + e + ")[,|\\s]+(" + e + ")[,|\\s]+(" + e + ")\\s*\\)?";
   return {
     CSS_UNIT: new RegExp(e),
@@ -4620,7 +4627,7 @@ var ke = function() {
   };
 }();
 function Te(t) {
-  return !!ke.CSS_UNIT.exec(t);
+  return !!we.CSS_UNIT.exec(t);
 }
 function Ir(t) {
   t = t.replace(or, "").replace(rr, "").toLowerCase();
@@ -4636,51 +4643,51 @@ function Ir(t) {
       format: "name"
     };
   var e;
-  return (e = ke.rgb.exec(t)) ? {
+  return (e = we.rgb.exec(t)) ? {
     r: e[1],
     g: e[2],
     b: e[3]
-  } : (e = ke.rgba.exec(t)) ? {
+  } : (e = we.rgba.exec(t)) ? {
     r: e[1],
     g: e[2],
     b: e[3],
     a: e[4]
-  } : (e = ke.hsl.exec(t)) ? {
+  } : (e = we.hsl.exec(t)) ? {
     h: e[1],
     s: e[2],
     l: e[3]
-  } : (e = ke.hsla.exec(t)) ? {
+  } : (e = we.hsla.exec(t)) ? {
     h: e[1],
     s: e[2],
     l: e[3],
     a: e[4]
-  } : (e = ke.hsv.exec(t)) ? {
+  } : (e = we.hsv.exec(t)) ? {
     h: e[1],
     s: e[2],
     v: e[3]
-  } : (e = ke.hsva.exec(t)) ? {
+  } : (e = we.hsva.exec(t)) ? {
     h: e[1],
     s: e[2],
     v: e[3],
     a: e[4]
-  } : (e = ke.hex8.exec(t)) ? {
+  } : (e = we.hex8.exec(t)) ? {
     r: ce(e[1]),
     g: ce(e[2]),
     b: ce(e[3]),
     a: Ts(e[4]),
     format: s ? "name" : "hex8"
-  } : (e = ke.hex6.exec(t)) ? {
+  } : (e = we.hex6.exec(t)) ? {
     r: ce(e[1]),
     g: ce(e[2]),
     b: ce(e[3]),
     format: s ? "name" : "hex"
-  } : (e = ke.hex4.exec(t)) ? {
+  } : (e = we.hex4.exec(t)) ? {
     r: ce(e[1] + "" + e[1]),
     g: ce(e[2] + "" + e[2]),
     b: ce(e[3] + "" + e[3]),
     a: Ts(e[4] + "" + e[4]),
     format: s ? "name" : "hex8"
-  } : (e = ke.hex3.exec(t)) ? {
+  } : (e = we.hex3.exec(t)) ? {
     r: ce(e[1] + "" + e[1]),
     g: ce(e[2] + "" + e[2]),
     b: ce(e[3] + "" + e[3]),
@@ -4759,7 +4766,7 @@ function Mr(t, s, e, a, n, i) {
     class: v(["ecs-context-button", [e.loading ? "loading" : "", i.iconOnly ? "ecs-context-button-icon-only" : ""]]),
     "aria-label": e.ariaLabel,
     "aria-busy": e.loading || null,
-    style: x(i.selectedColorText),
+    style: C(i.selectedColorText),
     onClick: s[0] || (s[0] = (d) => t.$emit("click", d))
   }, [
     e.icon || e.loading ? (o(), p(r, {
@@ -4770,13 +4777,13 @@ function Mr(t, s, e, a, n, i) {
     e.selectedColor ? (o(), l("div", {
       key: 1,
       class: "ecs-context-button-color",
-      style: x(i.selectedColorBackground)
+      style: C(i.selectedColorBackground)
     }, null, 4)) : u("", !0),
     h(t.$slots, "default", {}, void 0, !0),
     k(c)
   ], 14, Pr);
 }
-const $b = /* @__PURE__ */ b(Tr, [["render", Mr], ["__scopeId", "data-v-2e6b8605"]]), Or = {
+const Hb = /* @__PURE__ */ b(Tr, [["render", Mr], ["__scopeId", "data-v-2e6b8605"]]), Or = {
   name: "ecs-context-button-group"
 }, Ar = { class: "ecs-context-button-group" };
 function Lr(t, s, e, a, n, i) {
@@ -4784,7 +4791,7 @@ function Lr(t, s, e, a, n, i) {
     h(t.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Rb = /* @__PURE__ */ b(Or, [["render", Lr], ["__scopeId", "data-v-94a53b69"]]), Nr = {
+const Fb = /* @__PURE__ */ b(Or, [["render", Lr], ["__scopeId", "data-v-94a53b69"]]), Nr = {
   name: "ecs-button-dialog",
   emits: ["click"],
   components: {
@@ -4814,8 +4821,8 @@ const Rb = /* @__PURE__ */ b(Or, [["render", Lr], ["__scopeId", "data-v-94a53b69
       return this.loading ? "loading" : this.icon;
     }
   }
-}, $r = ["aria-busy"];
-function Rr(t, s, e, a, n, i) {
+}, Rr = ["aria-busy"];
+function Dr(t, s, e, a, n, i) {
   const r = m("ecs-icon"), c = m("ecs-focus-ring");
   return o(), l("button", {
     onClick: s[0] || (s[0] = (d) => t.$emit("click", d)),
@@ -4831,9 +4838,9 @@ function Rr(t, s, e, a, n, i) {
       radius: 12,
       danger: e.type == "danger"
     }, null, 8, ["danger"])
-  ], 10, $r);
+  ], 10, Rr);
 }
-const Db = /* @__PURE__ */ b(Nr, [["render", Rr], ["__scopeId", "data-v-d40a7cc1"]]), Dr = {
+const qb = /* @__PURE__ */ b(Nr, [["render", Dr], ["__scopeId", "data-v-d40a7cc1"]]), $r = {
   name: "ecs-button-more",
   emits: ["click"],
   components: {
@@ -4897,7 +4904,7 @@ function Hr(t, s, e, a, n, i) {
     k(c)
   ], 10, Vr);
 }
-const vi = /* @__PURE__ */ b(Dr, [["render", Hr], ["__scopeId", "data-v-91c19a75"]]), Fr = {
+const vi = /* @__PURE__ */ b($r, [["render", Hr], ["__scopeId", "data-v-91c19a75"]]), Fr = {
   name: "ecs-button-table",
   emits: ["click", "mouseover", "mouseleave"],
   components: {
@@ -5083,7 +5090,7 @@ function Jr(t, s, e, a, n, i) {
     k(c)
   ], 10, Xr);
 }
-const Vb = /* @__PURE__ */ b(Yr, [["render", Jr], ["__scopeId", "data-v-5a859a10"]]), Qr = {
+const Wb = /* @__PURE__ */ b(Yr, [["render", Jr], ["__scopeId", "data-v-5a859a10"]]), Qr = {
   name: "ecs-card",
   emits: ["click"],
   props: {
@@ -5142,12 +5149,12 @@ function il(t, s, e, a, n, i) {
       e.progress ? (o(), l("div", {
         key: 0,
         class: "progress",
-        style: x({ width: e.progress + "%" })
+        style: C({ width: e.progress + "%" })
       }, null, 4)) : u("", !0)
     ])
   ], 10, el);
 }
-const Hb = /* @__PURE__ */ b(Qr, [["render", il], ["__scopeId", "data-v-8d449816"]]), nl = {
+const jb = /* @__PURE__ */ b(Qr, [["render", il], ["__scopeId", "data-v-8d449816"]]), nl = {
   name: "ecs-citation-line",
   emits: ["change", "blur", "focus"],
   components: { EcsFlexRow: Ee },
@@ -5216,7 +5223,7 @@ function ol(t, s, e, a, n, i) {
     _: 3
   });
 }
-const Fb = /* @__PURE__ */ b(nl, [["render", ol], ["__scopeId", "data-v-cfd8e718"]]), rl = {
+const Ub = /* @__PURE__ */ b(nl, [["render", ol], ["__scopeId", "data-v-cfd8e718"]]), rl = {
   name: "ecs-chat-conversation",
   mounted() {
     this.scrollToBottom(), this.setupMutationObserver();
@@ -5249,7 +5256,7 @@ function cl(t, s, e, a, n, i) {
     h(t.$slots, "default", {}, void 0, !0)
   ], 512);
 }
-const qb = /* @__PURE__ */ b(rl, [["render", cl], ["__scopeId", "data-v-3181dbaf"]]), dl = {
+const Gb = /* @__PURE__ */ b(rl, [["render", cl], ["__scopeId", "data-v-3181dbaf"]]), dl = {
   name: "ecs-chat-message",
   components: { EcsAvatar: nt, EcsIcon: M },
   props: {
@@ -5320,7 +5327,7 @@ function yl(t, s, e, a, n, i) {
       ])),
       g("div", {
         class: "ecs-chat-message-bubble",
-        style: x({ backgroundColor: i.bubbleColor })
+        style: C({ backgroundColor: i.bubbleColor })
       }, [
         (o(), l("svg", ml, [
           g("path", {
@@ -5336,7 +5343,7 @@ function yl(t, s, e, a, n, i) {
     ])) : u("", !0)
   ], 10, ul);
 }
-const Wb = /* @__PURE__ */ b(dl, [["render", yl], ["__scopeId", "data-v-47e7d97a"]]);
+const Kb = /* @__PURE__ */ b(dl, [["render", yl], ["__scopeId", "data-v-81361268"]]);
 var Je = {}, Ps;
 function bl() {
   if (Ps) return Je;
@@ -5359,7 +5366,7 @@ var _l = bl();
 const kl = /* @__PURE__ */ Ut(_l), wl = {
   name: "ecs-context-menu",
   emits: ["option-clicked", "menu-closed", "menu-opened"],
-  components: { EcsIcon: M, EcsFocusRing: N, EcsButton: xe },
+  components: { EcsIcon: M, EcsFocusRing: N, EcsButton: be },
   directives: {
     clickOutSide: kl
   },
@@ -5464,13 +5471,13 @@ const kl = /* @__PURE__ */ Ut(_l), wl = {
   beforeUnmount() {
     document.removeEventListener("keyup", this.onEscKeyRelease);
   }
-}, Sl = ["id"], Cl = ["onClick", "role", "tabindex", "aria-disabled"], xl = { key: 1 };
+}, Sl = ["id"], xl = ["onClick", "role", "tabindex", "aria-disabled"], Cl = { key: 1 };
 function Bl(t, s, e, a, n, i) {
-  const r = m("ecs-icon"), c = m("ecs-button"), d = m("ecs-focus-ring"), f = $i("click-out-side");
+  const r = m("ecs-icon"), c = m("ecs-button"), d = m("ecs-focus-ring"), f = Ri("click-out-side");
   return Fe((o(), l("div", {
     class: v(["ecs-context-menu", n.opened ? " opened" : ""]),
     id: e.elementId,
-    style: x([i.postionStyles])
+    style: C([i.postionStyles])
   }, [
     g("ul", {
       role: "menu",
@@ -5483,7 +5490,7 @@ function Bl(t, s, e, a, n, i) {
       ref: "menu",
       id: "my-menu"
     }, [
-      (o(!0), l(H, null, se(e.options, (y, _) => (o(), l("li", {
+      (o(!0), l(V, null, se(e.options, (y, _) => (o(), l("li", {
         key: _,
         onClick: Y((I) => i.optionClicked(y), ["stop"]),
         role: y.type === "divider" ? "separator" : "menuitem",
@@ -5500,7 +5507,7 @@ function Bl(t, s, e, a, n, i) {
           type: y.icon,
           size: "20"
         }, null, 8, ["type"])) : u("", !0),
-        y.type != "divider" ? (o(), l("span", xl, w(y.name), 1)) : u("", !0),
+        y.type != "divider" ? (o(), l("span", Cl, w(y.name), 1)) : u("", !0),
         y.nested ? (o(), p(c, {
           key: 2,
           onClick: Y((I) => i.optionClicked(y.nested), ["stop"]),
@@ -5515,16 +5522,16 @@ function Bl(t, s, e, a, n, i) {
         k(d, {
           danger: y.type == "danger"
         }, null, 8, ["danger"])
-      ], 10, Cl))), 128))
+      ], 10, xl))), 128))
     ], 544)
   ], 14, Sl)), [
     [f, i.onClickOutside]
   ]);
 }
-const jb = /* @__PURE__ */ b(wl, [["render", Bl], ["__scopeId", "data-v-68234afa"]]), zl = {
+const Yb = /* @__PURE__ */ b(wl, [["render", Bl], ["__scopeId", "data-v-68234afa"]]), zl = {
   name: "ecs-collapse",
   emits: ["toggled", "remove"],
-  components: { EcsButton: xe, EcsFocusRing: N, EcsFlexRow: Ee },
+  components: { EcsButton: be, EcsFocusRing: N, EcsFlexRow: Ee },
   props: {
     /** Unique ID, is required to handle persist states. */
     id: {
@@ -5706,7 +5713,7 @@ function Ol(t, s, e, a, n, i) {
     ], 10, Ml)
   ], 2);
 }
-const Ub = /* @__PURE__ */ b(zl, [["render", Ol], ["__scopeId", "data-v-2c8b4b19"]]), Al = {
+const Xb = /* @__PURE__ */ b(zl, [["render", Ol], ["__scopeId", "data-v-2c8b4b19"]]), Al = {
   name: "ecs-collection-control",
   emits: ["toggled", "collectionTooltip"],
   components: { EcsIcon: M, EcsFocusRing: N },
@@ -5788,7 +5795,7 @@ const Ub = /* @__PURE__ */ b(zl, [["render", Ol], ["__scopeId", "data-v-2c8b4b19
 }, Ll = ["tabindex", "role", "aria-expanded", "aria-controls"], Nl = {
   key: 1,
   class: "description"
-}, $l = ["title"], Rl = { key: 0 }, Dl = ["id", "aria-hidden"];
+}, Rl = ["title"], Dl = { key: 0 }, $l = ["id", "aria-hidden"];
 function Vl(t, s, e, a, n, i) {
   const r = m("ecs-focus-ring"), c = m("ecs-icon");
   return o(), l("div", {
@@ -5827,12 +5834,12 @@ function Vl(t, s, e, a, n, i) {
         onMouseleave: s[1] || (s[1] = (...d) => i.toggleTooltip && i.toggleTooltip(...d)),
         title: i.fullTooltip
       }, [
-        (o(!0), l(H, null, se(e.collection, (d) => (o(), l("span", {
+        (o(!0), l(V, null, se(e.collection, (d) => (o(), l("span", {
           key: d.name
         }, [
-          d.value ? (o(), l("span", Rl, w(d.name), 1)) : u("", !0)
+          d.value ? (o(), l("span", Dl, w(d.name), 1)) : u("", !0)
         ]))), 128))
-      ], 40, $l)
+      ], 40, Rl)
     ], 42, Ll),
     g("div", {
       class: v([n.isVisible || e.nonInteractive ? "collapse-show" : "collapse-hide", "collapse"]),
@@ -5841,14 +5848,14 @@ function Vl(t, s, e, a, n, i) {
     }, [
       g("div", {
         class: "ecs-collection-control-list scrollbar scrollbar-sml",
-        style: x(i.listMaxHeight)
+        style: C(i.listMaxHeight)
       }, [
         h(t.$slots, "default")
       ], 4)
-    ], 10, Dl)
+    ], 10, $l)
   ], 2);
 }
-const Gb = /* @__PURE__ */ b(Al, [["render", Vl], ["__scopeId", "data-v-95f66a3d"]]), Hl = {
+const Zb = /* @__PURE__ */ b(Al, [["render", Vl], ["__scopeId", "data-v-95f66a3d"]]), Hl = {
   name: "ecs-formatted",
   components: { EcsSkeletonLoader: ie },
   mixins: [me],
@@ -5901,7 +5908,7 @@ function ql(t, s, e, a, n, i) {
 const yi = /* @__PURE__ */ b(Hl, [["render", ql]]), Wl = {
   name: "ecs-comment",
   emits: ["edit", "delete"],
-  components: { EcsAvatar: nt, EcsButton: xe, EcsFormatted: yi, EcsSkeletonLoader: ie },
+  components: { EcsAvatar: nt, EcsButton: be, EcsFormatted: yi, EcsSkeletonLoader: ie },
   props: {
     /** Name of the user that is the comment author. */
     userName: {
@@ -6013,14 +6020,14 @@ function ec(t, s, e, a, n, i) {
     ]))
   ], 8, jl);
 }
-const Kb = /* @__PURE__ */ b(Wl, [["render", ec], ["__scopeId", "data-v-b792bd83"]]), tc = {}, sc = { class: "ecs-comment-list" };
+const Jb = /* @__PURE__ */ b(Wl, [["render", ec], ["__scopeId", "data-v-b792bd83"]]), tc = {}, sc = { class: "ecs-comment-list" };
 function ic(t, s) {
   return o(), l("div", sc, [
     h(t.$slots, "default")
   ]);
 }
-const Yb = /* @__PURE__ */ b(tc, [["render", ic]]);
-function Ct(t = {}, s = 0) {
+const Qb = /* @__PURE__ */ b(tc, [["render", ic]]);
+function xt(t = {}, s = 0) {
   const e = t && t.a;
   let a;
   t && t.hsl ? a = B(t.hsl) : t && t.hex && t.hex.length > 0 ? a = B(t.hex) : t && t.hsv ? a = B(t.hsv) : t && t.rgba ? a = B(t.rgba) : t && t.rgb ? a = B(t.rgb) : a = B(t), a && (a._a === void 0 || a._a === null) && a.setAlpha(e || 1);
@@ -6040,7 +6047,7 @@ const nc = {
   props: ["modelValue"],
   data() {
     return {
-      val: Ct(this.modelValue)
+      val: xt(this.modelValue)
     };
   },
   computed: {
@@ -6055,12 +6062,12 @@ const nc = {
   },
   watch: {
     modelValue(t) {
-      this.val = Ct(t);
+      this.val = xt(t);
     }
   },
   methods: {
     colorChange(t, s) {
-      this.oldHue = this.colors.hsl.h, this.colors = Ct(t, s || this.oldHue);
+      this.oldHue = this.colors.hsl.h, this.colors = xt(t, s || this.oldHue);
     },
     isValidHex(t) {
       return B(t).isValid();
@@ -6154,7 +6161,7 @@ function dc(t, s, e, a, n, i) {
       onInput: s[2] || (s[2] = (...r) => i.update && i.update(...r)),
       ref: "input"
     }, null, 40, rc), [
-      [Ri, i.val]
+      [Di, i.val]
     ]),
     g("span", {
       for: e.label,
@@ -6165,14 +6172,14 @@ function dc(t, s, e, a, n, i) {
   ]);
 }
 const uc = /* @__PURE__ */ b(ac, [["render", dc]]);
-var xt, Ms;
+var Ct, Ms;
 function fc() {
-  if (Ms) return xt;
-  Ms = 1, xt = t;
+  if (Ms) return Ct;
+  Ms = 1, Ct = t;
   function t(s, e, a) {
     return e < a ? s < e ? e : s > a ? a : s : s < a ? a : s > e ? e : s;
   }
-  return xt;
+  return Ct;
 }
 var gc = fc();
 const ut = /* @__PURE__ */ Ut(gc);
@@ -6209,10 +6216,10 @@ function hc() {
   };
   return Et = s, Et;
 }
-var Tt, $s;
+var Tt, Rs;
 function pc() {
-  if ($s) return Tt;
-  $s = 1;
+  if (Rs) return Tt;
+  Rs = 1;
   var t = /\s/;
   function s(e) {
     for (var a = e.length; a-- && t.test(e.charAt(a)); )
@@ -6221,20 +6228,20 @@ function pc() {
   }
   return Tt = s, Tt;
 }
-var Pt, Rs;
+var Pt, Ds;
 function vc() {
-  if (Rs) return Pt;
-  Rs = 1;
+  if (Ds) return Pt;
+  Ds = 1;
   var t = pc(), s = /^\s+/;
   function e(a) {
     return a && a.slice(0, t(a) + 1).replace(s, "");
   }
   return Pt = e, Pt;
 }
-var Mt, Ds;
+var Mt, $s;
 function _i() {
-  if (Ds) return Mt;
-  Ds = 1;
+  if ($s) return Mt;
+  $s = 1;
   var t = bi(), s = t.Symbol;
   return Mt = s, Mt;
 }
@@ -6284,19 +6291,19 @@ function kc() {
   }
   return Nt = t, Nt;
 }
-var $t, Ws;
+var Rt, Ws;
 function wc() {
-  if (Ws) return $t;
+  if (Ws) return Rt;
   Ws = 1;
   var t = _c(), s = kc(), e = "[object Symbol]";
   function a(n) {
     return typeof n == "symbol" || s(n) && t(n) == e;
   }
-  return $t = a, $t;
+  return Rt = a, Rt;
 }
-var Rt, js;
+var Dt, js;
 function Sc() {
-  if (js) return Rt;
+  if (js) return Dt;
   js = 1;
   var t = vc(), s = os(), e = wc(), a = NaN, n = /^[-+]0x[0-9a-f]+$/i, i = /^0b[01]+$/i, r = /^0o[0-7]+$/i, c = parseInt;
   function d(f) {
@@ -6314,67 +6321,67 @@ function Sc() {
     var _ = i.test(f);
     return _ || r.test(f) ? c(f.slice(2), _ ? 2 : 8) : n.test(f) ? a : +f;
   }
-  return Rt = d, Rt;
+  return Dt = d, Dt;
 }
-var Dt, Us;
-function Cc() {
-  if (Us) return Dt;
+var $t, Us;
+function xc() {
+  if (Us) return $t;
   Us = 1;
   var t = os(), s = hc(), e = Sc(), a = "Expected a function", n = Math.max, i = Math.min;
   function r(c, d, f) {
-    var y, _, I, z, C, E, P = 0, T = !1, $ = !1, F = !0;
+    var y, _, I, z, x, E, P = 0, T = !1, R = !1, F = !0;
     if (typeof c != "function")
       throw new TypeError(a);
-    d = e(d) || 0, t(f) && (T = !!f.leading, $ = "maxWait" in f, I = $ ? n(e(f.maxWait) || 0, d) : I, F = "trailing" in f ? !!f.trailing : F);
+    d = e(d) || 0, t(f) && (T = !!f.leading, R = "maxWait" in f, I = R ? n(e(f.maxWait) || 0, d) : I, F = "trailing" in f ? !!f.trailing : F);
     function O(L) {
       var J = y, te = _;
       return y = _ = void 0, P = L, z = c.apply(te, J), z;
     }
-    function R(L) {
-      return P = L, C = setTimeout(W, d), T ? O(L) : z;
-    }
     function D(L) {
+      return P = L, x = setTimeout(W, d), T ? O(L) : z;
+    }
+    function $(L) {
       var J = L - E, te = L - P, ee = d - J;
-      return $ ? i(ee, I - te) : ee;
+      return R ? i(ee, I - te) : ee;
     }
-    function V(L) {
+    function H(L) {
       var J = L - E, te = L - P;
-      return E === void 0 || J >= d || J < 0 || $ && te >= I;
+      return E === void 0 || J >= d || J < 0 || R && te >= I;
     }
     function W() {
       var L = s();
-      if (V(L))
+      if (H(L))
         return U(L);
-      C = setTimeout(W, D(L));
+      x = setTimeout(W, $(L));
     }
     function U(L) {
-      return C = void 0, F && y ? O(L) : (y = _ = void 0, z);
+      return x = void 0, F && y ? O(L) : (y = _ = void 0, z);
     }
     function G() {
-      C !== void 0 && clearTimeout(C), P = 0, y = E = _ = C = void 0;
+      x !== void 0 && clearTimeout(x), P = 0, y = E = _ = x = void 0;
     }
     function X() {
-      return C === void 0 ? z : U(s());
+      return x === void 0 ? z : U(s());
     }
     function Z() {
-      var L = s(), J = V(L);
+      var L = s(), J = H(L);
       if (y = arguments, _ = this, E = L, J) {
-        if (C === void 0)
-          return R(E);
-        if ($)
-          return clearTimeout(C), C = setTimeout(W, d), O(E);
+        if (x === void 0)
+          return D(E);
+        if (R)
+          return clearTimeout(x), x = setTimeout(W, d), O(E);
       }
-      return C === void 0 && (C = setTimeout(W, d)), z;
+      return x === void 0 && (x = setTimeout(W, d)), z;
     }
     return Z.cancel = G, Z.flush = X, Z;
   }
-  return Dt = r, Dt;
+  return $t = r, $t;
 }
 var Vt, Gs;
-function xc() {
+function Cc() {
   if (Gs) return Vt;
   Gs = 1;
-  var t = Cc(), s = os(), e = "Expected a function";
+  var t = xc(), s = os(), e = "Expected a function";
   function a(n, i, r) {
     var c = !0, d = !0;
     if (typeof n != "function")
@@ -6387,7 +6394,7 @@ function xc() {
   }
   return Vt = a, Vt;
 }
-var Bc = xc();
+var Bc = Cc();
 const zc = /* @__PURE__ */ Ut(Bc), Ic = {
   name: "Saturation",
   props: {
@@ -6450,7 +6457,7 @@ const zc = /* @__PURE__ */ Ut(Bc), Ic = {
 function Ec(t, s, e, a, n, i) {
   return o(), l("div", {
     class: "ecs-saturation",
-    style: x({ background: i.bgColor }),
+    style: C({ background: i.bgColor }),
     ref: "container",
     onMousedown: s[0] || (s[0] = (...r) => i.handleMouseDown && i.handleMouseDown(...r)),
     onTouchmove: s[1] || (s[1] = (...r) => i.handleChange && i.handleChange(...r)),
@@ -6460,7 +6467,7 @@ function Ec(t, s, e, a, n, i) {
     s[5] || (s[5] = g("div", { class: "ecs-saturation--black" }, null, -1)),
     g("div", {
       class: "ecs-saturation-pointer",
-      style: x({ top: i.pointerTop, left: i.pointerLeft })
+      style: C({ top: i.pointerTop, left: i.pointerLeft })
     }, s[3] || (s[3] = [
       g("div", { class: "ecs-saturation-circle" }, null, -1)
     ]), 4)
@@ -6550,7 +6557,7 @@ function Oc(t, s, e, a, n, i) {
     }, [
       g("div", {
         class: "ecs-hue-pointer",
-        style: x({ top: i.pointerTop, left: i.pointerLeft }),
+        style: C({ top: i.pointerTop, left: i.pointerLeft }),
         role: "presentation"
       }, s[3] || (s[3] = [
         g("div", { class: "ecs-hue-picker" }, null, -1)
@@ -6577,7 +6584,7 @@ const Ac = /* @__PURE__ */ b(Pc, [["render", Oc]]), Ht = {}, Lc = {
   computed: {
     bgStyle() {
       return {
-        "background-image": "url(" + $c(this.white, this.grey, this.size) + ")"
+        "background-image": "url(" + Rc(this.white, this.grey, this.size) + ")"
       };
     }
   }
@@ -6590,7 +6597,7 @@ function Nc(t, s, e) {
   const n = a.getContext("2d");
   return n ? (n.fillStyle = t, n.fillRect(0, 0, a.width, a.height), n.fillStyle = s, n.fillRect(0, 0, e, e), n.translate(e, e), n.fillRect(0, 0, e, e), a.toDataURL()) : null;
 }
-function $c(t, s, e) {
+function Rc(t, s, e) {
   const a = t + "," + s + "," + e;
   if (Ht[a])
     return Ht[a];
@@ -6599,13 +6606,13 @@ function $c(t, s, e) {
     return Ht[a] = n, n;
   }
 }
-function Rc(t, s, e, a, n, i) {
+function Dc(t, s, e, a, n, i) {
   return o(), l("div", {
     class: "ecs-checkerboard",
-    style: x(i.bgStyle)
+    style: C(i.bgStyle)
   }, null, 4);
 }
-const ki = /* @__PURE__ */ b(Lc, [["render", Rc]]), Dc = {
+const ki = /* @__PURE__ */ b(Lc, [["render", Dc]]), $c = {
   name: "Alpha",
   props: {
     modelValue: Object,
@@ -6658,7 +6665,7 @@ function Fc(t, s, e, a, n, i) {
     ]),
     g("div", {
       class: "ecs-alpha-gradient",
-      style: x({ background: i.gradientColor })
+      style: C({ background: i.gradientColor })
     }, null, 4),
     g("div", {
       class: "ecs-alpha-container",
@@ -6669,14 +6676,14 @@ function Fc(t, s, e, a, n, i) {
     }, [
       g("div", {
         class: "ecs-alpha-pointer",
-        style: x({ left: i.colors.a * 100 + "%" })
+        style: C({ left: i.colors.a * 100 + "%" })
       }, s[3] || (s[3] = [
         g("div", { class: "ecs-alpha-picker" }, null, -1)
       ]), 4)
     ], 544)
   ]);
 }
-const qc = /* @__PURE__ */ b(Dc, [["render", Fc]]), Wc = {
+const qc = /* @__PURE__ */ b($c, [["render", Fc]]), Wc = {
   name: "ecs-color-picker",
   mixins: [nc],
   components: {
@@ -6803,7 +6810,7 @@ function nd(t, s, e, a, n, i) {
     role: "application",
     "aria-label": "Color picker",
     class: v(["ecs-color-picker", e.disableAlpha ? "ecs-color-picker__disable-alpha" : ""]),
-    style: x({ padding: e.padding + "px", width: 216 + 2 * e.padding + "px" })
+    style: C({ padding: e.padding + "px", width: 216 + 2 * e.padding + "px" })
   }, [
     e.disableCustom ? u("", !0) : (o(), l("div", jc, [
       k(r, {
@@ -6872,11 +6879,11 @@ function nd(t, s, e, a, n, i) {
     ])) : u("", !0),
     g("div", {
       class: "ecs-color-picker-presets",
-      style: x(e.disableCustom ? "" : "padding-top: var(--spacing-10)"),
+      style: C(e.disableCustom ? "" : "padding-top: var(--spacing-10)"),
       role: "group",
       "aria-label": "A color preset, pick one to set as current color"
     }, [
-      (o(!0), l(H, null, se(e.swatches, (_) => (o(), l(H, null, [
+      (o(!0), l(V, null, se(e.swatches, (_) => (o(), l(V, null, [
         t.isTransparent(_.hex) ? (o(), l("div", {
           key: "else-" + _.id,
           "aria-label": _.title,
@@ -6889,7 +6896,7 @@ function nd(t, s, e, a, n, i) {
           class: v(["ecs-color-picker-presets-color", { active: t.colors.hex === _.hex }]),
           "aria-label": _.title,
           key: "if-" + _.id,
-          style: x({ background: _.hex }),
+          style: C({ background: _.hex }),
           "aria-selected": t.colors.hex === _.hex ? "true" : "false",
           title: _.title,
           onClick: (I) => i.handlePreset(_.hex)
@@ -6900,7 +6907,7 @@ function nd(t, s, e, a, n, i) {
         class: v(["ecs-color-picker-presets-color active", i.isActiveColorDark ? "dark" : "light"]),
         "aria-label": "Custom color",
         "aria-selected": "true",
-        style: x({ background: t.colors.hex })
+        style: C({ background: t.colors.hex })
       }, null, 6))
     ], 4)
   ], 6);
@@ -6984,7 +6991,7 @@ function rd(t, s, e, a, n, i) {
     default: S(() => [
       g("button", {
         class: v(["ecs-color-picker-input-button", i.sizeClass]),
-        style: x(i.selectedColorStyle)
+        style: C(i.selectedColorStyle)
       }, [
         g("span", null, w(i.selectedColorName), 1)
       ], 6)
@@ -6992,9 +6999,9 @@ function rd(t, s, e, a, n, i) {
     _: 1
   });
 }
-const Xb = /* @__PURE__ */ b(od, [["render", rd], ["__scopeId", "data-v-08aaa823"]]), ld = {
+const e_ = /* @__PURE__ */ b(od, [["render", rd], ["__scopeId", "data-v-08aaa823"]]), ld = {
   name: "ecs-data-card",
-  components: { EcsIcon: M, EcsSkeletonLoader: ie, EcsButtonTable: ns, EcsButton: xe, EcsFocusRing: N },
+  components: { EcsIcon: M, EcsSkeletonLoader: ie, EcsButtonTable: ns, EcsButton: be, EcsFocusRing: N },
   mixins: [me],
   props: {
     /** If passed, an icon will be displayed in the data card. The icon prop must match a specific icons name. The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). */
@@ -7186,7 +7193,7 @@ function pd(t, s, e, a, n, i) {
     })) : u("", !0)
   ], 10, cd);
 }
-const Zb = /* @__PURE__ */ b(ld, [["render", pd], ["__scopeId", "data-v-ba0c6801"]]), vd = {
+const t_ = /* @__PURE__ */ b(ld, [["render", pd], ["__scopeId", "data-v-ba0c6801"]]), vd = {
   name: "ecs-data-card-list"
 }, yd = {
   class: "ecs-data-card-list",
@@ -7197,7 +7204,7 @@ function bd(t, s, e, a, n, i) {
     h(t.$slots, "default")
   ]);
 }
-const Jb = /* @__PURE__ */ b(vd, [["render", bd]]), _d = {
+const s_ = /* @__PURE__ */ b(vd, [["render", bd]]), _d = {
   name: "ecs-party-entry",
   components: { EcsIcon: M, EcsSticker: qe },
   props: {
@@ -7287,12 +7294,12 @@ function wd(t, s, e, a, n, i) {
   const r = m("ecs-icon"), c = m("ecs-sticker");
   return o(), l("div", {
     class: v(["ecs-party-entry", [e.party, e.color && e.background ? "ecs-party-entry-colored" : ""]]),
-    style: x({ color: e.color })
+    style: C({ color: e.color })
   }, [
     e.icon && e.iconPosition == "left" ? (o(), l("div", {
       key: 0,
       class: "ecs-party-entry-icon",
-      style: x("margin-right:" + e.iconSpacing)
+      style: C("margin-right:" + e.iconSpacing)
     }, [
       k(r, {
         type: i.iconType,
@@ -7311,7 +7318,7 @@ function wd(t, s, e, a, n, i) {
     e.icon && e.iconPosition == "right" ? (o(), l("div", {
       key: 1,
       class: "ecs-party-entry-icon",
-      style: x("margin-left:" + e.iconSpacing)
+      style: C("margin-left:" + e.iconSpacing)
     }, [
       k(r, {
         type: i.iconType,
@@ -7327,9 +7334,9 @@ function wd(t, s, e, a, n, i) {
     e.background ? (o(), l("div", kd)) : u("", !0)
   ], 6);
 }
-const Sd = /* @__PURE__ */ b(_d, [["render", wd], ["__scopeId", "data-v-4f34cac7"]]), Cd = {
+const Sd = /* @__PURE__ */ b(_d, [["render", wd], ["__scopeId", "data-v-4f34cac7"]]), xd = {
   name: "ecs-data-card-row",
-  components: { EcsIcon: M, EcsButton: xe, EcsPartyEntry: Sd, EcsButtonTable: ns },
+  components: { EcsIcon: M, EcsButton: be, EcsPartyEntry: Sd, EcsButtonTable: ns },
   emits: ["pill-click", "open-button-click", "title-click", "count-click"],
   data() {
     return {
@@ -7513,7 +7520,7 @@ const Sd = /* @__PURE__ */ b(_d, [["render", wd], ["__scopeId", "data-v-4f34cac7
       this.checkTruncation(this.$refs.pillText), this.checkTruncation(this.$refs.titleText), this.checkTruncation(this.$refs.metaText);
     });
   }
-}, xd = { class: "ecs-data-card-row" }, Bd = { class: "ecs-data-card-row-title-container" }, zd = { class: "text" }, Id = {
+}, Cd = { class: "ecs-data-card-row" }, Bd = { class: "ecs-data-card-row-title-container" }, zd = { class: "text" }, Id = {
   key: 2,
   class: "border"
 }, Ed = {
@@ -7521,9 +7528,9 @@ const Sd = /* @__PURE__ */ b(_d, [["render", wd], ["__scopeId", "data-v-4f34cac7
   class: "ecs-data-card-row-meta-pills-container"
 };
 function Td(t, s, e, a, n, i) {
-  var y, _, I, z, C;
+  var y, _, I, z, x;
   const r = m("ecs-button"), c = m("ecs-party-entry"), d = m("ecs-icon"), f = m("ecs-button-table");
-  return o(), l("div", xd, [
+  return o(), l("div", Cd, [
     i.computedOpenButton ? (o(), p(r, {
       key: 0,
       onClick: i.openButtonClick,
@@ -7563,7 +7570,7 @@ function Td(t, s, e, a, n, i) {
           onMouseenter: s[3] || (s[3] = (E) => i.handleHover(!0)),
           onMouseleave: s[4] || (s[4] = (E) => i.handleHover(!1)),
           class: v(["ecs-data-card-row-pill", { clickable: e.pill.clickable, emphasized: e.pill.emphasized, "has-background": e.pill.background, ai: e.pill.ai, "is-hovered": n.isHovered }]),
-          style: x({ color: e.pill.color }),
+          style: C({ color: e.pill.color }),
           ref: "pillText"
         }, [
           e.pill.icon ? (o(), p(d, {
@@ -7576,7 +7583,7 @@ function Td(t, s, e, a, n, i) {
           e.pill.background ? (o(), l("span", {
             key: 1,
             class: "background",
-            style: x(i.getPillBackgroundStyle)
+            style: C(i.getPillBackgroundStyle)
           }, null, 4)) : u("", !0),
           e.pill.border && e.pill.background ? (o(), l("span", Id)) : u("", !0)
         ], 38)) : u("", !0),
@@ -7595,7 +7602,7 @@ function Td(t, s, e, a, n, i) {
             onMouseenter: s[6] || (s[6] = (E) => i.handleHover(!0)),
             onMouseleave: s[7] || (s[7] = (E) => i.handleHover(!1)),
             class: v(["ecs-data-card-row-title-text", { escape: e.wrap === "wrap-row", clickable: e.title.clickable, emphasized: e.title.emphasized, "is-hovered": n.isHovered }]),
-            style: x({ color: e.title.textColor }),
+            style: C({ color: e.title.textColor }),
             ref: "titleText"
           }, w(e.title.text), 39),
           h(t.$slots, "titleControls", {}, void 0, !0)
@@ -7606,7 +7613,7 @@ function Td(t, s, e, a, n, i) {
         class: v([{ ai: (_ = e.meta) == null ? void 0 : _.ai, default: ((I = e.meta) == null ? void 0 : I.type) === "default", identifier: ((z = e.meta) == null ? void 0 : z.type) === "identifier" }, "ecs-data-card-row-meta-container"]),
         ref: "metaText"
       }, [
-        A(w((C = e.meta) == null ? void 0 : C.text) + " ", 1),
+        A(w((x = e.meta) == null ? void 0 : x.text) + " ", 1),
         h(t.$slots, "customMeta", {}, void 0, !0)
       ], 2)) : u("", !0),
       e.count || e.designation ? (o(), l("div", Ed, [
@@ -7642,7 +7649,7 @@ function Td(t, s, e, a, n, i) {
     ], 2)
   ]);
 }
-const Qb = /* @__PURE__ */ b(Cd, [["render", Td], ["__scopeId", "data-v-78507101"]]), Pd = {
+const i_ = /* @__PURE__ */ b(xd, [["render", Td], ["__scopeId", "data-v-78507101"]]), Pd = {
   name: "ecs-data-grid",
   emits: ["tableScroll"],
   props: {
@@ -7726,7 +7733,7 @@ function Ld(t, s, e, a, n, i) {
     ])) : u("", !0)
   ], 42, Md);
 }
-const e_ = /* @__PURE__ */ b(Pd, [["render", Ld], ["__scopeId", "data-v-60369c9b"]]), Nd = {
+const n_ = /* @__PURE__ */ b(Pd, [["render", Ld], ["__scopeId", "data-v-60369c9b"]]), Nd = {
   name: "ecs-data-grid-row",
   emits: ["rowdrop", "click", "contextmenu", "dblclick", "collapse"],
   props: {
@@ -7784,11 +7791,11 @@ const e_ = /* @__PURE__ */ b(Pd, [["render", Ld], ["__scopeId", "data-v-60369c9b
       this.$refs.grid_row.removeEventListener(t, this.handleRowClick);
     }) : this.$refs.grid_row.removeEventListener(this.mouseEvent, this.handleRowClick));
   }
-}, $d = {
+}, Rd = {
   key: 1,
   class: "ecs-data-grid-row-block"
 };
-function Rd(t, s, e, a, n, i) {
+function Dd(t, s, e, a, n, i) {
   return o(), l("div", {
     class: v(["ecs-data-grid-row", [
       e.state,
@@ -7804,15 +7811,15 @@ function Rd(t, s, e, a, n, i) {
       onClick: s[0] || (s[0] = (...r) => i.handleDropzoneClick && i.handleDropzoneClick(...r)),
       class: "ecs-data-grid-row-drop-zone"
     })) : u("", !0),
-    e.state == "disabled" ? (o(), l("div", $d)) : u("", !0),
+    e.state == "disabled" ? (o(), l("div", Rd)) : u("", !0),
     h(t.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-const Dd = /* @__PURE__ */ b(Nd, [["render", Rd], ["__scopeId", "data-v-ae6888e6"]]), Vd = {
+const $d = /* @__PURE__ */ b(Nd, [["render", Dd], ["__scopeId", "data-v-ae6888e6"]]), Vd = {
   name: "ecs-data-grid-row-group",
   emits: ["toggle"],
   components: {
-    EcsDataGridRow: Dd
+    EcsDataGridRow: $d
   },
   props: {
     /** Determines the style type of the row groups header row. */
@@ -7866,7 +7873,7 @@ function qd(t, s, e, a, n, i) {
     ], 10, Fd)
   ]);
 }
-const t_ = /* @__PURE__ */ b(Vd, [["render", qd], ["__scopeId", "data-v-c6e97366"]]), Wd = {
+const a_ = /* @__PURE__ */ b(Vd, [["render", qd], ["__scopeId", "data-v-c6e97366"]]), Wd = {
   name: "ecs-select",
   emits: [
     "focus",
@@ -8249,7 +8256,7 @@ function du(t, s, e, a, n, i) {
       e.fixedLeftLast ? "fixed-left-last" : "",
       e.fixedRight ? "fixed-right" : ""
     ]]),
-    style: x([
+    style: C([
       i.widthType === "string" ? i.widthStyles : {},
       i.fixedStyles
     ]),
@@ -8261,7 +8268,7 @@ function du(t, s, e, a, n, i) {
     g("div", {
       ref: "resizer",
       class: v(["ecs-data-grid-head-cell-inner", e.resizable ? "resizable" : ""]),
-      style: x([
+      style: C([
         i.widthType === "number" ? i.widthStyles : { width: "100%" },
         i.paddingStyles,
         i.resizeStyles,
@@ -8293,7 +8300,7 @@ function du(t, s, e, a, n, i) {
         type: "invisible"
       }, {
         default: S(() => [
-          (o(!0), l(H, null, se(e.select, (f, y) => (o(), l("option", {
+          (o(!0), l(V, null, se(e.select, (f, y) => (o(), l("option", {
             key: y,
             selected: f.selected,
             value: f.value
@@ -8339,7 +8346,7 @@ function du(t, s, e, a, n, i) {
     e.fixedLeftLast ? (o(), l("div", cu)) : u("", !0)
   ], 14, Xd);
 }
-const s_ = /* @__PURE__ */ b(Yd, [["render", du], ["__scopeId", "data-v-11da2180"]]), uu = {
+const o_ = /* @__PURE__ */ b(Yd, [["render", du], ["__scopeId", "data-v-11da2180"]]), uu = {
   name: "ecs-data-grid-group",
   props: {
     /** Determines if this cell group should be shown. Avoid showing more than 1 group at the same time. */
@@ -8365,7 +8372,7 @@ function gu(t, s, e, a, n, i) {
     [it, e.show]
   ]);
 }
-const i_ = /* @__PURE__ */ b(uu, [["render", gu], ["__scopeId", "data-v-ee025ab5"]]), mu = {
+const r_ = /* @__PURE__ */ b(uu, [["render", gu], ["__scopeId", "data-v-ee025ab5"]]), mu = {
   name: "ecs-data-grid-cell",
   emits: ["collapse"],
   components: {
@@ -8513,13 +8520,13 @@ function bu(t, s, e, a, n, i) {
   const r = m("ecs-button-collapse");
   return o(), l("div", {
     class: v(["ecs-data-grid-cell", [e.fixedLeft ? "fixed-left" : "", e.fixedLeftLast ? "fixed-left-last" : "", e.fixedRight ? "fixed-right" : ""]]),
-    style: x([i.widthType === "string" ? i.widthStyles : {}, i.fixedStyles]),
+    style: C([i.widthType === "string" ? i.widthStyles : {}, i.fixedStyles]),
     role: "cell"
   }, [
     e.fixedRight ? (o(), l("div", hu)) : u("", !0),
     g("div", {
       class: v(["ecs-data-grid-cell-inner", { focus: e.focus }]),
-      style: x([i.widthType === "number" ? i.widthStyles : { width: "100%" }, i.paddingStyles, e.styles]),
+      style: C([i.widthType === "number" ? i.widthStyles : { width: "100%" }, i.paddingStyles, e.styles]),
       "data-column": i.computedId,
       "data-test": i.computedId
     }, [
@@ -8536,7 +8543,7 @@ function bu(t, s, e, a, n, i) {
     e.fixedLeftLast ? (o(), l("div", yu)) : u("", !0)
   ], 6);
 }
-const n_ = /* @__PURE__ */ b(mu, [["render", bu], ["__scopeId", "data-v-82bc0b07"]]), _u = {
+const l_ = /* @__PURE__ */ b(mu, [["render", bu], ["__scopeId", "data-v-82bc0b07"]]), _u = {
   name: "ecs-data-list"
 }, ku = {
   class: "ecs-data-list",
@@ -8547,7 +8554,7 @@ function wu(t, s, e, a, n, i) {
     h(t.$slots, "default")
   ]);
 }
-const a_ = /* @__PURE__ */ b(_u, [["render", wu]]), Su = {
+const c_ = /* @__PURE__ */ b(_u, [["render", wu]]), Su = {
   name: "ecs-data-list-item",
   emits: ["toggled"],
   components: { EcsButtonMore: vi, EcsSkeletonLoader: ie },
@@ -8663,7 +8670,7 @@ const a_ = /* @__PURE__ */ b(_u, [["render", wu]]), Su = {
   created() {
     this.expandId = this.generateUniqueId(), this.definitionId = this.generateUniqueId();
   }
-}, Cu = ["id"], xu = ["aria-busy", "aria-labelledby"], Bu = ["aria-valuenow"], zu = ["id", "aria-hidden"];
+}, xu = ["id"], Cu = ["aria-busy", "aria-labelledby"], Bu = ["aria-valuenow"], zu = ["id", "aria-hidden"];
 function Iu(t, s, e, a, n, i) {
   const r = m("ecs-button-more"), c = m("ecs-skeleton-loader");
   return o(), l("div", null, [
@@ -8682,7 +8689,7 @@ function Iu(t, s, e, a, n, i) {
       i.hasIdentifier ? (o(), l("div", {
         key: 0,
         id: n.definitionId,
-        style: x(i.identifierStyle),
+        style: C(i.identifierStyle),
         class: "ecs-data-list-identifier"
       }, [
         A(w(e.identifier) + " ", 1),
@@ -8695,7 +8702,7 @@ function Iu(t, s, e, a, n, i) {
           "aria-expanded": n.isVisible ? "true" : "false",
           onClick: i.toggleCollapse
         }, null, 8, ["active", "aria-controls", "aria-expanded", "onClick"])) : u("", !0)
-      ], 12, Cu)) : u("", !0),
+      ], 12, xu)) : u("", !0),
       g("div", {
         class: v(["ecs-data-list-data", [
           e.escape ? "ecs-data-list-data-escape" : "",
@@ -8715,10 +8722,10 @@ function Iu(t, s, e, a, n, i) {
           key: 2,
           class: "progress",
           role: "progressbar",
-          style: x({ width: e.progress + "%" }),
+          style: C({ width: e.progress + "%" }),
           "aria-valuenow": e.progress
         }, null, 12, Bu)) : u("", !0)
-      ], 10, xu)
+      ], 10, Cu)
     ], 2),
     t.$slots.collapse ? (o(), l("div", {
       key: 0,
@@ -8731,7 +8738,7 @@ function Iu(t, s, e, a, n, i) {
     ], 10, zu)) : u("", !0)
   ]);
 }
-const o_ = /* @__PURE__ */ b(Su, [["render", Iu], ["__scopeId", "data-v-133b00b9"]]), Eu = {
+const d_ = /* @__PURE__ */ b(Su, [["render", Iu], ["__scopeId", "data-v-133b00b9"]]), Eu = {
   name: "ecs-dialog",
   emits: ["toggled", "cancel"],
   props: {
@@ -8845,7 +8852,7 @@ function Pu(t, s, e, a, n, i) {
     ], 2)) : u("", !0)
   ], 34)) : u("", !0);
 }
-const r_ = /* @__PURE__ */ b(Eu, [["render", Pu]]), Mu = {
+const u_ = /* @__PURE__ */ b(Eu, [["render", Pu]]), Mu = {
   __name: "state-icon",
   props: {
     /** The identifier of the icon which should show up. */
@@ -8909,7 +8916,7 @@ const r_ = /* @__PURE__ */ b(Eu, [["render", Pu]]), Mu = {
       ));
     }), (n, i) => (o(), l("div", {
       class: v(["ecs-state-icon", t.iconColor]),
-      style: x(e.value)
+      style: C(e.value)
     }, [
       (o(), p(ve(de(a)), {
         height: t.size,
@@ -8943,7 +8950,7 @@ const r_ = /* @__PURE__ */ b(Eu, [["render", Pu]]), Mu = {
   key: 1,
   class: "ecs-dialog-headline-plain"
 };
-function $u(t, s, e, a, n, i) {
+function Ru(t, s, e, a, n, i) {
   const r = m("ecs-state-icon");
   return o(), l("div", null, [
     e.icon ? (o(), l("h3", Lu, [
@@ -8957,7 +8964,7 @@ function $u(t, s, e, a, n, i) {
     ]))
   ]);
 }
-const l_ = /* @__PURE__ */ b(Au, [["render", $u], ["__scopeId", "data-v-6e05c98b"]]), Ru = {
+const f_ = /* @__PURE__ */ b(Au, [["render", Ru], ["__scopeId", "data-v-6e05c98b"]]), Du = {
   __name: "favicon",
   props: {
     /** The identifier of the favicon which should show up. */
@@ -8999,11 +9006,11 @@ const l_ = /* @__PURE__ */ b(Au, [["render", $u], ["__scopeId", "data-v-6e05c98b
       viewBox: "0 0 20 20"
     }, null, 8, ["alt"]));
   }
-}, Du = {
+}, $u = {
   name: "ecs-directory-entry",
   components: {
     EcsIcon: M,
-    EcsFavicon: Ru,
+    EcsFavicon: Du,
     EcsAvatar: nt,
     EcsSkeletonLoader: ie
   },
@@ -9081,13 +9088,13 @@ function Wu(t, s, e, a, n, i) {
       }, null, 8, ["website"])) : e.legendColor ? (o(), l("div", Fu, [
         g("div", {
           class: "legend-color-dot",
-          style: x("background-color:" + e.legendColor)
+          style: C("background-color:" + e.legendColor)
         }, null, 4)
       ])) : u("", !0),
       e.indicator && !e.loading ? (o(), l("div", {
         key: 5,
         class: "indicator",
-        style: x("background-color:" + e.indicator)
+        style: C("background-color:" + e.indicator)
       }, null, 4)) : u("", !0)
     ]),
     g("div", qu, [
@@ -9099,7 +9106,7 @@ function Wu(t, s, e, a, n, i) {
     ])
   ]);
 }
-const c_ = /* @__PURE__ */ b(Du, [["render", Wu], ["__scopeId", "data-v-37ac5196"]]), ju = {
+const g_ = /* @__PURE__ */ b($u, [["render", Wu], ["__scopeId", "data-v-37ac5196"]]), ju = {
   name: "ecs-document-state",
   components: {
     EcsIcon: M,
@@ -9167,7 +9174,7 @@ function Ju(t, s, e, a, n, i) {
     ])) : u("", !0)
   ], 8, Uu));
 }
-const d_ = /* @__PURE__ */ b(ju, [["render", Ju], ["__scopeId", "data-v-df132a03"]]), Qu = {
+const m_ = /* @__PURE__ */ b(ju, [["render", Ju], ["__scopeId", "data-v-df132a03"]]), Qu = {
   props: {
     /** The initial value of the chart as a percentage. */
     value: {
@@ -9220,7 +9227,7 @@ const d_ = /* @__PURE__ */ b(ju, [["render", Ju], ["__scopeId", "data-v-df132a03
 function nf(t, s, e, a, n, i) {
   return o(), l("div", {
     class: "ecs-donut-chart",
-    style: x(i.wrapperPadding)
+    style: C(i.wrapperPadding)
   }, [
     (o(), l("svg", {
       height: e.size,
@@ -9256,7 +9263,7 @@ function nf(t, s, e, a, n, i) {
     ], 8, ef))
   ], 4);
 }
-const u_ = /* @__PURE__ */ b(Qu, [["render", nf], ["__scopeId", "data-v-851d95d9"]]), af = {
+const h_ = /* @__PURE__ */ b(Qu, [["render", nf], ["__scopeId", "data-v-851d95d9"]]), af = {
   name: "ecs-empty-state",
   components: { EcsIcon: M },
   props: {
@@ -9361,7 +9368,7 @@ function ff(t, s, e, a, n, i) {
         e.infinite ? "ecs-progress-infinite" : "",
         e.cancelled ? "ecs-progress-cancelled" : ""
       ]]),
-      style: x({ width: 100 * (e.value / i.computedMax) + "%" })
+      style: C({ width: 100 * (e.value / i.computedMax) + "%" })
     }, null, 6)
   ], 8, uf);
 }
@@ -9372,11 +9379,11 @@ const gf = /* @__PURE__ */ b(df, [["render", ff], ["__scopeId", "data-v-1b81f485
     EcsEmptyState: Si,
     EcsSkeletonLoader: ie,
     EcsProgress: gf,
-    EcsButton: xe,
+    EcsButton: be,
     EcsFocusRing: N,
     EcsFlexRow: Ee,
     EcsSticker: qe,
-    EcsTextV2: Xe
+    EcsTextV2: We
   },
   props: {
     /** Determines the icon that should be shown inside the drop zone. Possible states: `default`, `upload`, `viruscheck`. */
@@ -9532,15 +9539,15 @@ function wf(t, s, e, a, n, i) {
       e.disabled ? "ecs-dropzone-disabled" : "",
       n.dragging ? "ecs-dropzone-dragging" : ""
     ]]),
-    onDragover: s[3] || (s[3] = (...C) => i.handleDragOver && i.handleDragOver(...C)),
-    onDragenter: s[4] || (s[4] = (...C) => i.handleDragEnter && i.handleDragEnter(...C)),
-    onDragleave: s[5] || (s[5] = (...C) => i.handleDragLeave && i.handleDragLeave(...C)),
-    onDrop: s[6] || (s[6] = Y((...C) => i.drop && i.drop(...C), ["prevent"])),
+    onDragover: s[3] || (s[3] = (...x) => i.handleDragOver && i.handleDragOver(...x)),
+    onDragenter: s[4] || (s[4] = (...x) => i.handleDragEnter && i.handleDragEnter(...x)),
+    onDragleave: s[5] || (s[5] = (...x) => i.handleDragLeave && i.handleDragLeave(...x)),
+    onDrop: s[6] || (s[6] = Y((...x) => i.drop && i.drop(...x), ["prevent"])),
     "aria-busy": i.isBusy || null,
     "aria-invalid": e.error || null
   }, [
     g("input", {
-      onChange: s[0] || (s[0] = (...C) => i.change && i.change(...C)),
+      onChange: s[0] || (s[0] = (...x) => i.change && i.change(...x)),
       type: "file",
       multiple: e.multiple || null,
       ref: "file"
@@ -9556,11 +9563,11 @@ function wf(t, s, e, a, n, i) {
           width: 100,
           class: "ecs-dropzone-skeleton"
         })) : (o(), l("div", vf, [
-          t.$slots.customlabel ? u("", !0) : (o(), l(H, { key: 0 }, [
+          t.$slots.customlabel ? u("", !0) : (o(), l(V, { key: 0 }, [
             A(" Drag and drop your " + w(e.fileTypeLabel) + " or ", 1),
             g("i", {
-              onClick: s[1] || (s[1] = (...C) => i.browseFile && i.browseFile(...C)),
-              onKeydown: s[2] || (s[2] = Q((...C) => i.browseFile && i.browseFile(...C), ["enter"])),
+              onClick: s[1] || (s[1] = (...x) => i.browseFile && i.browseFile(...x)),
+              onKeydown: s[2] || (s[2] = Q((...x) => i.browseFile && i.browseFile(...x), ["enter"])),
               tabindex: "0"
             }, [
               s[7] || (s[7] = A("browse")),
@@ -9643,7 +9650,7 @@ function wf(t, s, e, a, n, i) {
     }, 8, ["onClick", "icon"])) : u("", !0)
   ], 42, hf);
 }
-const f_ = /* @__PURE__ */ b(mf, [["render", wf], ["__scopeId", "data-v-2c790ae4"]]), Sf = {
+const p_ = /* @__PURE__ */ b(mf, [["render", wf], ["__scopeId", "data-v-2c790ae4"]]), Sf = {
   name: "ecs-ecai-wrapper",
   components: { EcsIcon: M },
   props: {
@@ -9679,11 +9686,11 @@ const f_ = /* @__PURE__ */ b(mf, [["render", wf], ["__scopeId", "data-v-2c790ae4
     }
   }
 };
-function Cf(t, s, e, a, n, i) {
+function xf(t, s, e, a, n, i) {
   const r = m("ecs-icon");
   return o(), l("div", {
     class: v(["ecs-ecai-wrapper", { border: i.hasBorder }]),
-    style: x(i.wrapperStyle)
+    style: C(i.wrapperStyle)
   }, [
     s[0] || (s[0] = Js('<span class="border-gradient" data-v-05133d05></span><div class="ecai-background" data-v-05133d05><span class="bg-circle bg-circle-1" data-v-05133d05></span><span class="bg-circle bg-circle-2" data-v-05133d05></span><span class="bg-circle bg-circle-3" data-v-05133d05></span></div>', 2)),
     e.icon ? (o(), p(r, {
@@ -9695,7 +9702,7 @@ function Cf(t, s, e, a, n, i) {
     h(t.$slots, "default", {}, void 0, !0)
   ], 6);
 }
-const g_ = /* @__PURE__ */ b(Sf, [["render", Cf], ["__scopeId", "data-v-05133d05"]]), xf = {
+const v_ = /* @__PURE__ */ b(Sf, [["render", xf], ["__scopeId", "data-v-05133d05"]]), Cf = {
   name: "ecs-entry-link",
   emits: ["linkClick", "linkClickExternal", "moreClick"],
   components: {
@@ -9817,7 +9824,7 @@ function Tf(t, s, e, a, n, i) {
     }, null, 8, ["onClick", "title", "aria-label"])) : u("", !0)
   ], 2);
 }
-const m_ = /* @__PURE__ */ b(xf, [["render", Tf], ["__scopeId", "data-v-0b6f41c6"]]), Pf = {
+const y_ = /* @__PURE__ */ b(Cf, [["render", Tf], ["__scopeId", "data-v-0b6f41c6"]]), Pf = {
   name: "ecs-excerpt-snippet",
   components: { EcsIcon: M, EcsSkeletonLoader: ie, EcsFormatted: yi },
   props: {
@@ -9877,13 +9884,13 @@ const m_ = /* @__PURE__ */ b(xf, [["render", Tf], ["__scopeId", "data-v-0b6f41c6
 }, Mf = { class: "ecs-excerpt-title" }, Of = { class: "ecs-excerpt-title-headline" }, Af = { key: 3 }, Lf = {
   key: 0,
   class: "ecs-excerpt-title-cite"
-}, Nf = { key: 1 }, $f = {
+}, Nf = { key: 1 }, Rf = {
   key: 1,
   class: "ecs-excerpt-content-transcript"
-}, Rf = {
+}, Df = {
   key: 2,
   class: "ecs-excerpt-content-rectangle"
-}, Df = {
+}, $f = {
   key: 3,
   class: "ecs-excerpt-content-regular"
 };
@@ -9921,13 +9928,13 @@ function Vf(t, s, e, a, n, i) {
     ]),
     g("div", {
       class: "ecs-excerpt-content scrollbar scrollbar-sml",
-      style: x(i.maxHeightStyles)
+      style: C(i.maxHeightStyles)
     }, [
       e.loading ? (o(), p(r, {
         key: 0,
         type: "multi",
         count: 3
-      })) : (o(), l(H, { key: 1 }, [
+      })) : (o(), l(V, { key: 1 }, [
         e.type == "formatted" ? (o(), p(d, {
           key: 0,
           small: i.smallFormatted
@@ -9936,23 +9943,23 @@ function Vf(t, s, e, a, n, i) {
             h(t.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
-        }, 8, ["small"])) : e.type == "transcript" ? (o(), l("div", $f, [
+        }, 8, ["small"])) : e.type == "transcript" ? (o(), l("div", Rf, [
           h(t.$slots, "default", {}, void 0, !0)
-        ])) : e.type == "rectangle" ? (o(), l("div", Rf, [
+        ])) : e.type == "rectangle" ? (o(), l("div", Df, [
           g("span", {
-            style: x("color:" + e.annotationColor)
+            style: C("color:" + e.annotationColor)
           }, "Rectangle Annotation", 4),
           g("div", {
-            style: x("background-color:" + e.annotationColor)
+            style: C("background-color:" + e.annotationColor)
           }, null, 4)
-        ])) : (o(), l("div", Df, [
+        ])) : (o(), l("div", $f, [
           h(t.$slots, "default", {}, void 0, !0)
         ]))
       ], 64))
     ], 4)
   ], 2);
 }
-const h_ = /* @__PURE__ */ b(Pf, [["render", Vf], ["__scopeId", "data-v-1c058d79"]]), p_ = {
+const b_ = /* @__PURE__ */ b(Pf, [["render", Vf], ["__scopeId", "data-v-1c058d79"]]), __ = {
   __name: "fill-icon",
   props: {
     /** The identifier of the icon which should show up. */
@@ -10005,7 +10012,7 @@ function qf(t, s, e, a, n, i) {
     h(t.$slots, "default")
   ]);
 }
-const v_ = /* @__PURE__ */ b(Hf, [["render", qf]]), Wf = {
+const k_ = /* @__PURE__ */ b(Hf, [["render", qf]]), Wf = {
   name: "ecs-file-list-item",
   emits: ["click", "remove", "toggled", "title-click"],
   components: {
@@ -10222,7 +10229,7 @@ function ag(t, s, e, a, n, i) {
           e.progress ? (o(), l("div", {
             key: 3,
             class: "loading-bar",
-            style: x({ width: e.progress + "%" }),
+            style: C({ width: e.progress + "%" }),
             role: "progressbar",
             "aria-valuenow": e.progress
           }, null, 12, Zf)) : u("", !0)
@@ -10236,8 +10243,8 @@ function ag(t, s, e, a, n, i) {
       id: n.errorId
     }, [
       Array.isArray(e.error) ? (o(), l("ul", Qf, [
-        (o(!0), l(H, null, se(e.error, (_, I) => (o(), l("li", { key: I }, w(_), 1))), 128))
-      ])) : (o(), l(H, { key: 1 }, [
+        (o(!0), l(V, null, se(e.error, (_, I) => (o(), l("li", { key: I }, w(_), 1))), 128))
+      ])) : (o(), l(V, { key: 1 }, [
         A(w(e.error), 1)
       ], 64))
     ], 8, Jf)) : u("", !0),
@@ -10247,8 +10254,8 @@ function ag(t, s, e, a, n, i) {
       id: n.warningId
     }, [
       Array.isArray(e.warning) ? (o(), l("ul", tg, [
-        (o(!0), l(H, null, se(e.warning, (_, I) => (o(), l("li", { key: I }, w(_), 1))), 128))
-      ])) : (o(), l(H, { key: 1 }, [
+        (o(!0), l(V, null, se(e.warning, (_, I) => (o(), l("li", { key: I }, w(_), 1))), 128))
+      ])) : (o(), l(V, { key: 1 }, [
         A(w(e.warning), 1)
       ], 64))
     ], 8, eg)) : u("", !0),
@@ -10264,7 +10271,7 @@ function ag(t, s, e, a, n, i) {
       default: S(() => [
         t.$slots.edit && e.edit ? (o(), l("div", {
           key: 0,
-          style: x({ maxHeight: n.editHeight + "px" }),
+          style: C({ maxHeight: n.editHeight + "px" }),
           id: n.editId
         }, [
           g("div", ng, [
@@ -10276,7 +10283,7 @@ function ag(t, s, e, a, n, i) {
     })
   ], 10, jf);
 }
-const y_ = /* @__PURE__ */ b(Wf, [["render", ag], ["__scopeId", "data-v-b753f1a9"]]), og = { class: "ecs-flag" }, rg = {
+const w_ = /* @__PURE__ */ b(Wf, [["render", ag], ["__scopeId", "data-v-b753f1a9"]]), og = { class: "ecs-flag" }, rg = {
   __name: "flag",
   props: {
     /** ISO Country code of the flag. */
@@ -10331,7 +10338,7 @@ const y_ = /* @__PURE__ */ b(Wf, [["render", ag], ["__scopeId", "data-v-b753f1a9
       }, null, 8, ["alt"])) : u("", !0)
     ]));
   }
-}, b_ = /* @__PURE__ */ b(rg, [["__scopeId", "data-v-98c0431b"]]), lg = {
+}, S_ = /* @__PURE__ */ b(rg, [["__scopeId", "data-v-98c0431b"]]), lg = {
   name: "ecs-flex-col",
   props: {
     /** Determines the width of the element. This should only be used when the flex container is supposed to act as a proper grid system. Supports values from `0` to `12`. Note, if the columns prop is used, all other props will have no effect. */
@@ -10582,7 +10589,7 @@ function kg(t, s, e, a, n, i) {
       e.borderless ? "" : "ecs-scroll-container-border",
       e.hideShadows ? "" : "ecs-scroll-container-shadows"
     ]]),
-    style: x({ maxHeight: e.height, padding: e.padding })
+    style: C({ maxHeight: e.height, padding: e.padding })
   }, [
     h(t.$slots, "default", {}, void 0, !0)
   ], 6);
@@ -10593,9 +10600,9 @@ const wg = /* @__PURE__ */ b(_g, [["render", kg], ["__scopeId", "data-v-d87a8075
   components: {
     EcsInputSearch: bg,
     EcsScrollContainer: wg,
-    EcsButton: xe,
+    EcsButton: be,
     EcsEmptyState: Si,
-    EcsTextV2: Xe
+    EcsTextV2: We
   },
   props: {
     /** An optional title of the folder selector. Do not use when the folder selector has a search bar. */
@@ -10677,10 +10684,10 @@ const wg = /* @__PURE__ */ b(_g, [["render", kg], ["__scopeId", "data-v-d87a8075
       this.$emit("add");
     }
   }
-}, Cg = {
+}, xg = {
   key: 0,
   class: "ecs-folder-selector-header"
-}, xg = {
+}, Cg = {
   key: 2,
   class: "empty-list"
 };
@@ -10688,9 +10695,9 @@ function Bg(t, s, e, a, n, i) {
   const r = m("ecs-text-v2"), c = m("ecs-input-search"), d = m("ecs-button"), f = m("ecs-empty-state"), y = m("ecs-scroll-container");
   return o(), l("div", {
     class: v(["ecs-folder-selector", [e.framed ? "ecs-folder-selector-border" : ""]]),
-    style: x({ height: i.selectorHeight })
+    style: C({ height: i.selectorHeight })
   }, [
-    e.searchable || e.create || e.refreshable || e.title ? (o(), l("div", Cg, [
+    e.searchable || e.create || e.refreshable || e.title ? (o(), l("div", xg, [
       e.title && !e.searchable ? (o(), p(r, {
         key: 0,
         preset: "headline-5",
@@ -10734,7 +10741,7 @@ function Bg(t, s, e, a, n, i) {
       }, 8, ["onClick"])) : u("", !0)
     ])) : u("", !0),
     k(y, {
-      style: x(i.scrollHeight),
+      style: C(i.scrollHeight),
       padding: e.framed ? "8px" : "0",
       borderless: ""
     }, {
@@ -10742,15 +10749,15 @@ function Bg(t, s, e, a, n, i) {
         e.loading ? (o(), p(f, {
           key: 0,
           type: "loading"
-        })) : t.$slots.default ? h(t.$slots, "default", { key: 1 }, void 0, !0) : (o(), l("div", xg, w(e.emptyMessage), 1))
+        })) : t.$slots.default ? h(t.$slots, "default", { key: 1 }, void 0, !0) : (o(), l("div", Cg, w(e.emptyMessage), 1))
       ]),
       _: 3
     }, 8, ["style", "padding"])
   ], 6);
 }
-const __ = /* @__PURE__ */ b(Sg, [["render", Bg], ["__scopeId", "data-v-e8fd70d2"]]), zg = {
+const x_ = /* @__PURE__ */ b(Sg, [["render", Bg], ["__scopeId", "data-v-e8fd70d2"]]), zg = {
   name: "ecs-form-group",
-  components: { EcsTextV2: Xe },
+  components: { EcsTextV2: We },
   props: {
     /** If set, the input control will show up in an error state. */
     error: {
@@ -10829,7 +10836,7 @@ function Ag(t, s) {
     ])) : u("", !0)
   ]);
 }
-const k_ = /* @__PURE__ */ b(Tg, [["render", Ag], ["__scopeId", "data-v-16833f69"]]), Lg = {
+const C_ = /* @__PURE__ */ b(Tg, [["render", Ag], ["__scopeId", "data-v-16833f69"]]), Lg = {
   name: "ecs-form-set",
   props: {
     /** Indicates an error state. */
@@ -10843,17 +10850,17 @@ const k_ = /* @__PURE__ */ b(Tg, [["render", Ag], ["__scopeId", "data-v-16833f69
       required: !0
     }
   }
-}, Ng = ["aria-invalid"], $g = { class: "ecs-form-set-title" };
-function Rg(t, s, e, a, n, i) {
+}, Ng = ["aria-invalid"], Rg = { class: "ecs-form-set-title" };
+function Dg(t, s, e, a, n, i) {
   return o(), l("fieldset", {
     class: v(["ecs-form-set", e.error ? "error" : ""]),
     "aria-invalid": e.error || null
   }, [
-    g("legend", $g, w(e.title), 1),
+    g("legend", Rg, w(e.title), 1),
     h(t.$slots, "default", {}, void 0, !0)
   ], 10, Ng);
 }
-const w_ = /* @__PURE__ */ b(Lg, [["render", Rg], ["__scopeId", "data-v-c9188464"]]), Dg = {
+const B_ = /* @__PURE__ */ b(Lg, [["render", Dg], ["__scopeId", "data-v-c9188464"]]), $g = {
   name: "ecs-highlight",
   props: {
     /** Makes the highlight area visible. */
@@ -10933,7 +10940,7 @@ function Vg(t, s, e, a, n, i) {
       i.showHighlight ? (o(), l("div", {
         key: 0,
         class: v(["ecs-highlight", [i.classes]]),
-        style: x({ ...i.highlightColor, ...i.borderRadiusStyle, ...i.insetStyles })
+        style: C({ ...i.highlightColor, ...i.borderRadiusStyle, ...i.insetStyles })
       }, [
         e.layout === "wrap" ? h(t.$slots, "default", { key: 0 }, void 0, !0) : u("", !0)
       ], 6)) : u("", !0)
@@ -10941,7 +10948,7 @@ function Vg(t, s, e, a, n, i) {
     _: 3
   });
 }
-const S_ = /* @__PURE__ */ b(Dg, [["render", Vg], ["__scopeId", "data-v-ad0ca7b9"]]), Hg = {
+const z_ = /* @__PURE__ */ b($g, [["render", Vg], ["__scopeId", "data-v-ad0ca7b9"]]), Hg = {
   name: "EcsIllustration",
   props: {
     /** The type of illustration to be shown. */
@@ -10982,7 +10989,7 @@ const S_ = /* @__PURE__ */ b(Dg, [["render", Vg], ["__scopeId", "data-v-ad0ca7b9
   },
   methods: {
     loadIllustration(t) {
-      this.illustrationComponent = Di(ne(
+      this.illustrationComponent = $i(ne(
         () => ae(/* @__PURE__ */ Object.assign({ "../assets/images/select-tile/load-file-annotations.svg": () => import("./load-file-annotations-Chv42PVZ.js"), "../assets/images/select-tile/load-file-designation-report.svg": () => import("./load-file-designation-report-C-4EctIM.js"), "../assets/images/select-tile/load-file-designation.svg": () => import("./load-file-designation-BEm9VnQa.js"), "../assets/images/select-tile/load-file-zip.svg": () => import("./load-file-zip-Co-I4Yjh.js"), "../assets/images/select-tile/overlay-files.svg": () => import("./overlay-files-B4shNp97.js"), "../assets/images/select-tile/overlay-metadata.svg": () => import("./overlay-metadata-DYJuNck4.js"), "../assets/images/select-tile/plain-document.svg": () => import("./plain-document-CRTTDa3w.js"), "../assets/images/select-tile/relativity-add-files.svg": () => import("./relativity-add-files-mCRXOlgh.js"), "../assets/images/select-tile/relativity-overlay-files.svg": () => import("./relativity-overlay-files-C_gg_JHu.js"), "../assets/images/select-tile/relativity-overlay-metadata.svg": () => import("./relativity-overlay-metadata-Bq4IgkAm.js") }), `../assets/images/select-tile/${t}.svg`, 5)
       ));
     }
@@ -11110,7 +11117,7 @@ function Jg(t, s, e, a, n, i) {
     _: 3
   });
 }
-const C_ = /* @__PURE__ */ b(Kg, [["render", Jg], ["__scopeId", "data-v-14242524"]]), Qg = {
+const I_ = /* @__PURE__ */ b(Kg, [["render", Jg], ["__scopeId", "data-v-14242524"]]), Qg = {
   name: "ecs-info-tooltip",
   emits: ["click"],
   components: {
@@ -11149,7 +11156,7 @@ function em(t, s, e, a, n, i) {
   return o(), l("i", {
     class: v(["ecs-info-tooltip", { "hover-color": i.shouldShowHover }]),
     onClick: s[0] || (s[0] = (...c) => i.handleClick && i.handleClick(...c)),
-    style: x(i.iconStyle)
+    style: C(i.iconStyle)
   }, [
     k(r, {
       type: e.icon,
@@ -11157,7 +11164,7 @@ function em(t, s, e, a, n, i) {
     }, null, 8, ["type"])
   ], 6);
 }
-const x_ = /* @__PURE__ */ b(Qg, [["render", em], ["__scopeId", "data-v-ba171c2e"]]), tm = {
+const E_ = /* @__PURE__ */ b(Qg, [["render", em], ["__scopeId", "data-v-ba171c2e"]]), tm = {
   name: "ecs-input",
   emits: ["update:modelValue", "change", "keyup", "blur"],
   props: {
@@ -11343,13 +11350,13 @@ function rm(t, s, e, a, n, i) {
     }, null, 8, ["type"])) : u("", !0)
   ], 2);
 }
-const B_ = /* @__PURE__ */ b(om, [["render", rm]]), lm = {
+const T_ = /* @__PURE__ */ b(om, [["render", rm]]), lm = {
   name: "ecs-input-connector"
 }, cm = { class: "ecs-input-group-addon connector" };
 function dm(t, s, e, a, n, i) {
   return o(), l("span", cm);
 }
-const z_ = /* @__PURE__ */ b(lm, [["render", dm]]), um = {
+const P_ = /* @__PURE__ */ b(lm, [["render", dm]]), um = {
   name: "ecs-input-float",
   emits: ["input"],
   mixins: [me],
@@ -11445,7 +11452,7 @@ function hm(t, s, e, a, n, i) {
     g("label", { for: n.uniqueId }, w(e.label), 9, mm)
   ]);
 }
-const I_ = /* @__PURE__ */ b(um, [["render", hm], ["__scopeId", "data-v-dfa713b3"]]), pm = {
+const M_ = /* @__PURE__ */ b(um, [["render", hm], ["__scopeId", "data-v-dfa713b3"]]), pm = {
   props: {
     /** If the input group contains only one input element, set this prop to true. */
     singleInput: {
@@ -11461,7 +11468,7 @@ function vm(t, s, e, a, n, i) {
     h(t.$slots, "default")
   ], 2);
 }
-const E_ = /* @__PURE__ */ b(pm, [["render", vm]]), ym = {
+const O_ = /* @__PURE__ */ b(pm, [["render", vm]]), ym = {
   name: "ecs-inplace",
   emits: ["update:index"],
   data() {
@@ -11539,7 +11546,7 @@ function km(t, s, e, a, n, i) {
     }, 8, ["onEnter"])
   ]);
 }
-const T_ = /* @__PURE__ */ b(ym, [["render", km]]), wm = {
+const A_ = /* @__PURE__ */ b(ym, [["render", km]]), wm = {
   name: "ecs-jumper-document",
   emits: [
     "goToPrev",
@@ -11574,6 +11581,11 @@ const T_ = /* @__PURE__ */ b(ym, [["render", km]]), wm = {
     tooltipNoun: {
       type: String,
       default: "Item"
+    },
+    /** If set, the input with the current count will be disabled. */
+    disabled: {
+      type: Boolean,
+      default: !1
     }
   },
   computed: {
@@ -11604,8 +11616,8 @@ const T_ = /* @__PURE__ */ b(ym, [["render", km]]), wm = {
 }, Sm = {
   key: 0,
   class: "ecs-viewer-toolbar-jumper-inputs"
-}, Cm = ["disabled"];
-function xm(t, s, e, a, n, i) {
+}, xm = ["contenteditable", "disabled"];
+function Cm(t, s, e, a, n, i) {
   const r = m("ecs-button-toolbar"), c = m("ecs-button-toolbar-group");
   return o(), p(c, { class: "ecs-viewer-toolbar-jumper" }, {
     default: S(() => [
@@ -11622,11 +11634,11 @@ function xm(t, s, e, a, n, i) {
           onClick: s[1] || (s[1] = (d) => t.$emit("selectCurEntryText")),
           onKeydown: s[2] || (s[2] = (...d) => i.indexPosKeyPressed && i.indexPosKeyPressed(...d)),
           onBlur: s[3] || (s[3] = (d) => t.$emit("blur")),
-          contenteditable: !0,
-          class: "ecs-viewer-toolbar-jumper-input",
-          disabled: e.navigating || null,
+          contenteditable: !e.disabled,
+          class: v(["ecs-viewer-toolbar-jumper-input", { disabled: e.disabled }]),
+          disabled: e.navigating || e.disabled,
           id: "currEntry"
-        }, w(e.currentEntry), 41, Cm),
+        }, w(e.currentEntry), 43, xm),
         s[5] || (s[5] = A(" /  ")),
         g("div", null, w(e.totalEntries), 1)
       ])) : u("", !0),
@@ -11642,7 +11654,7 @@ function xm(t, s, e, a, n, i) {
     _: 1
   });
 }
-const P_ = /* @__PURE__ */ b(wm, [["render", xm], ["__scopeId", "data-v-00372693"]]), Bm = {
+const L_ = /* @__PURE__ */ b(wm, [["render", Cm], ["__scopeId", "data-v-d9c9eec2"]]), Bm = {
   name: "ecs-jumper-index",
   emits: [
     "nextSearchResult",
@@ -11754,7 +11766,7 @@ function Pm(t, s, e, a, n, i) {
     _: 1
   });
 }
-const M_ = /* @__PURE__ */ b(Bm, [["render", Pm], ["__scopeId", "data-v-0b163531"]]), Mm = {
+const N_ = /* @__PURE__ */ b(Bm, [["render", Pm], ["__scopeId", "data-v-0b163531"]]), Mm = {
   name: "ecs-jumper-page",
   emits: [
     "selectCurPageText",
@@ -11763,7 +11775,11 @@ const M_ = /* @__PURE__ */ b(Bm, [["render", Pm], ["__scopeId", "data-v-0b163531
     "relativePageKeyPressed"
   ],
   props: {
-    disabled: Boolean,
+    /** If set, the page number input will be disabled. */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
     /** Count of the current page in the document. */
     currentPage: {
       type: Number,
@@ -11810,31 +11826,31 @@ const M_ = /* @__PURE__ */ b(Bm, [["render", Pm], ["__scopeId", "data-v-0b163531
       this.$emit("currentPageKeyPressed", t), t.stopPropagation(), t.key == "Enter" && t.preventDefault();
     }
   }
-}, Om = { class: "ecs-viewer-pages" }, Am = { class: "ecs-viewer-pages-inner" }, Lm = { class: "ecs-viewer-pages-pagination" }, Nm = ["contenteditable"], $m = { class: "total-pages" }, Rm = {
+}, Om = { class: "ecs-viewer-pages" }, Am = { class: "ecs-viewer-pages-inner" }, Lm = { class: "ecs-viewer-pages-pagination" }, Nm = ["contenteditable"], Rm = { class: "total-pages" }, Dm = {
   key: 0,
   class: "page-missing-gaps",
   title: "This transcript has missing page gaps"
-}, Dm = { class: "ecs-viewer-pages-pagination" }, Vm = { class: "total-pages-relative" }, Hm = { class: "total-pages-relative" }, Fm = {
+}, $m = { class: "ecs-viewer-pages-pagination" }, Vm = { class: "total-pages-relative" }, Hm = { class: "total-pages-relative" }, Fm = {
   key: 1,
   class: "ecs-viewer-pages-pagination"
 }, qm = ["innerHTML"], Wm = { class: "total-pages" };
 function jm(t, s, e, a, n, i) {
   return o(), l("div", Om, [
     g("div", Am, [
-      i.showAltPageNumbers ? (o(), l(H, { key: 0 }, [
+      i.showAltPageNumbers ? (o(), l(V, { key: 0 }, [
         g("div", Lm, [
           g("div", {
             onClick: s[0] || (s[0] = (r) => t.$emit("selectCurPageText")),
             onKeydown: s[1] || (s[1] = (r) => i.pageKeyPressed(r, "relative")),
             onBlur: s[2] || (s[2] = (r) => t.$emit("currentPageBlurred")),
             contenteditable: !e.disabled,
-            class: "current-page",
+            class: v(["current-page", { disabled: e.disabled }]),
             id: "currPage"
-          }, w(e.currentPage), 41, Nm),
-          g("div", $m, "of " + w(e.lastPage), 1),
-          e.isTranscriptMissingPages ? (o(), l("span", Rm, "*")) : u("", !0)
+          }, w(e.currentPage), 43, Nm),
+          g("div", Rm, "of " + w(e.lastPage), 1),
+          e.isTranscriptMissingPages ? (o(), l("span", Dm, "*")) : u("", !0)
         ]),
-        g("div", Dm, [
+        g("div", $m, [
           g("div", Vm, w(i.altPageNumber) + " ", 1),
           g("div", Hm, "of " + w(e.pageCount), 1)
         ])
@@ -11853,7 +11869,7 @@ function jm(t, s, e, a, n, i) {
     ])
   ]);
 }
-const O_ = /* @__PURE__ */ b(Mm, [["render", jm], ["__scopeId", "data-v-c2793241"]]), Um = {
+const R_ = /* @__PURE__ */ b(Mm, [["render", jm], ["__scopeId", "data-v-5c8f8c17"]]), Um = {
   // eslint-disable-next-line vue/multi-word-component-names
   name: "ecs-pane",
   inject: ["requestUpdate", "onPaneAdd", "onPaneRemove", "onPaneClick"],
@@ -11907,7 +11923,7 @@ function Gm(t, s, e, a, n, i) {
   return o(), l("div", {
     class: "ecs-pane",
     onClick: s[0] || (s[0] = (r) => i.onPaneClick(r, t._.uid)),
-    style: x(t.style)
+    style: C(t.style)
   }, [
     h(t.$slots, "default")
   ], 4);
@@ -12296,7 +12312,7 @@ function eh(t, s, e, a, n, i) {
                 size: e.splitPaneSizes[1].size,
                 minSize: e.splitPaneSizes[1].minSize,
                 maxSize: e.splitPaneSizes[1].maxSize,
-                style: x(e.overlaySidebar && t.$slots.sidebar ? { "--padding-right": t.$slots.secondaryPane ? "0px" : "54px" } : {})
+                style: C(e.overlaySidebar && t.$slots.sidebar ? { "--padding-right": t.$slots.secondaryPane ? "0px" : "54px" } : {})
               }, {
                 default: S(() => [
                   h(t.$slots, "pane", {}, void 0, !0)
@@ -12308,7 +12324,7 @@ function eh(t, s, e, a, n, i) {
                 size: (d = e.splitPaneSizes[2]) == null ? void 0 : d.size,
                 minSize: (f = e.splitPaneSizes[2]) == null ? void 0 : f.minSize,
                 maxSize: (y = e.splitPaneSizes[2]) == null ? void 0 : y.maxSize,
-                style: x(e.overlaySidebar && t.$slots.sidebar ? { "--padding-right": "54px" } : {})
+                style: C(e.overlaySidebar && t.$slots.sidebar ? { "--padding-right": "54px" } : {})
               }, {
                 default: S(() => [
                   h(t.$slots, "secondaryPane", {}, void 0, !0)
@@ -12328,14 +12344,14 @@ function eh(t, s, e, a, n, i) {
       t.$slots.sidebar ? (o(), l("div", {
         key: 0,
         class: v(["ecs-index-layout-sidebar", [e.overlaySidebar ? "overlay" : ""]]),
-        style: x(i.sidebarPosition)
+        style: C(i.sidebarPosition)
       }, [
         h(t.$slots, "sidebar", {}, void 0, !0)
       ], 6)) : u("", !0)
     ], 2)
   ], 2);
 }
-const A_ = /* @__PURE__ */ b(Xm, [["render", eh], ["__scopeId", "data-v-b5617b26"]]), th = {
+const D_ = /* @__PURE__ */ b(Xm, [["render", eh], ["__scopeId", "data-v-b5617b26"]]), th = {
   name: "ecs-layout-directory",
   props: {
     /** Adds some inner padding to the index content area. Should be used for non-table indexes. */
@@ -12372,9 +12388,9 @@ function rh(t, s, e, a, n, i) {
     ])
   ]);
 }
-const L_ = /* @__PURE__ */ b(th, [["render", rh], ["__scopeId", "data-v-f5afc4e6"]]), rs = {
+const $_ = /* @__PURE__ */ b(th, [["render", rh], ["__scopeId", "data-v-f5afc4e6"]]), rs = {
   name: "ecs-layout-data-table",
-  components: { EcsActionToolbar: en, EcsButton: xe },
+  components: { EcsActionToolbar: en, EcsButton: be },
   mixins: [me],
   props: {
     /** Needs to be set when the edit/view sidebar is expanded. */
@@ -12461,7 +12477,7 @@ function hh(t, s, e, a, n, i) {
             key: 0,
             class: "ecs-data-layout-statistics scrollbar scrollbar-sml vertical",
             id: n.statisticsId,
-            style: x({ height: `${e.statisticsHeight}px` })
+            style: C({ height: `${e.statisticsHeight}px` })
           }, [
             h(t.$slots, "statistics", {}, void 0, !0)
           ], 12, dh)) : u("", !0)
@@ -12495,7 +12511,7 @@ function hh(t, s, e, a, n, i) {
     ], 2)) : u("", !0)
   ], 2);
 }
-const N_ = /* @__PURE__ */ b(rs, [["render", hh], ["__scopeId", "data-v-b579f92f"]]), ph = {
+const V_ = /* @__PURE__ */ b(rs, [["render", hh], ["__scopeId", "data-v-b579f92f"]]), ph = {
   name: "ecs-legend-item",
   emits: ["click"],
   components: {
@@ -12575,7 +12591,7 @@ function _h(t, s, e, a, n, i) {
     default: S(() => [
       g("div", {
         class: v(["ecs-legend-item-color", e.type]),
-        style: x({ backgroundColor: e.color })
+        style: C({ backgroundColor: e.color })
       }, null, 6),
       g("div", vh, w(e.label), 1),
       e.count ? (o(), l("div", yh, w(e.count), 1)) : u("", !0),
@@ -12583,14 +12599,14 @@ function _h(t, s, e, a, n, i) {
       e.highlight || e.hover ? (o(), l("div", {
         key: 2,
         class: "ecs-legend-item-highlight",
-        style: x({ backgroundColor: e.color })
+        style: C({ backgroundColor: e.color })
       }, null, 4)) : u("", !0),
       e.hover ? (o(), p(r, { key: 3 })) : u("", !0)
     ]),
     _: 1
   }, 8, ["role", "tabindex", "class"]);
 }
-const $_ = /* @__PURE__ */ b(ph, [["render", _h], ["__scopeId", "data-v-6d506293"]]), kh = {
+const H_ = /* @__PURE__ */ b(ph, [["render", _h], ["__scopeId", "data-v-6d506293"]]), kh = {
   name: "ecs-log-message",
   components: {
     EcsFlexRow: Ee,
@@ -12636,7 +12652,7 @@ const $_ = /* @__PURE__ */ b(ph, [["render", _h], ["__scopeId", "data-v-6d506293
   key: 2,
   class: "ecs-log-message-meta"
 };
-function Ch(t, s, e, a, n, i) {
+function xh(t, s, e, a, n, i) {
   const r = m("ecs-skeleton-loader"), c = m("ecs-sticker"), d = m("ecs-flex-row");
   return o(), p(d, {
     class: v(["ecs-log-message", [e.type, e.highlight ? "highlighted" : ""]]),
@@ -12644,7 +12660,7 @@ function Ch(t, s, e, a, n, i) {
     "aria-busy": e.loading || null,
     align: "start",
     gap: 8,
-    style: x(i.padding)
+    style: C(i.padding)
   }, {
     default: S(() => [
       e.loading && e.type != "blank" ? (o(), p(r, {
@@ -12669,7 +12685,7 @@ function Ch(t, s, e, a, n, i) {
     _: 3
   }, 8, ["class", "role", "aria-busy", "style"]);
 }
-const R_ = /* @__PURE__ */ b(kh, [["render", Ch], ["__scopeId", "data-v-ff235103"]]), xh = {
+const F_ = /* @__PURE__ */ b(kh, [["render", xh], ["__scopeId", "data-v-ff235103"]]), Ch = {
   name: "ecs-map",
   components: { EcsFocusRing: N },
   props: {
@@ -12714,7 +12730,7 @@ function Ih(t, s, e, a, n, i) {
     ], 8, Bh)
   ], 2);
 }
-const D_ = /* @__PURE__ */ b(xh, [["render", Ih], ["__scopeId", "data-v-219f95e2"]]), Eh = {
+const q_ = /* @__PURE__ */ b(Ch, [["render", Ih], ["__scopeId", "data-v-219f95e2"]]), Eh = {
   name: "ecs-modal",
   props: {
     /** Shows the modal. */
@@ -12780,7 +12796,7 @@ function Oh(t, s, e, a, n, i) {
       }, [
         g("div", {
           class: "ecs-modal-dialog ecs-modal-sheet",
-          style: x(i.fixedHeightStyle)
+          style: C(i.fixedHeightStyle)
         }, [
           t.$slots.header ? (o(), l("div", Th, [
             h(t.$slots, "header", {}, void 0, !0)
@@ -12798,11 +12814,11 @@ function Oh(t, s, e, a, n, i) {
     _: 3
   });
 }
-const V_ = /* @__PURE__ */ b(Eh, [["render", Oh], ["__scopeId", "data-v-185a1041"]]), Ah = {
+const W_ = /* @__PURE__ */ b(Eh, [["render", Oh], ["__scopeId", "data-v-185a1041"]]), Ah = {
   name: "ecs-modal-header",
   emits: ["close"],
   components: {
-    EcsButton: xe,
+    EcsButton: be,
     EcsFocusRing: N
   },
   props: {
@@ -12838,11 +12854,11 @@ const V_ = /* @__PURE__ */ b(Eh, [["render", Oh], ["__scopeId", "data-v-185a1041
   class: "ecs-modal-header-main",
   ref: "firstFocusable",
   tabindex: "0"
-}, Nh = { class: "ecs-modal-header-main-inner" }, $h = {
+}, Nh = { class: "ecs-modal-header-main-inner" }, Rh = {
   key: 0,
   class: "ecs-modal-header-extended"
 };
-function Rh(t, s, e, a, n, i) {
+function Dh(t, s, e, a, n, i) {
   const r = m("ecs-button");
   return o(), l("div", {
     class: v(["ecs-modal-header", i.typeClass])
@@ -12864,12 +12880,12 @@ function Rh(t, s, e, a, n, i) {
         "data-test": "close-modal-button"
       })
     ], 512),
-    t.$slots.extension ? (o(), l("div", $h, [
+    t.$slots.extension ? (o(), l("div", Rh, [
       h(t.$slots, "extension", {}, void 0, !0)
     ])) : u("", !0)
   ], 2);
 }
-const H_ = /* @__PURE__ */ b(Ah, [["render", Rh], ["__scopeId", "data-v-ed6067fe"]]), Dh = {
+const j_ = /* @__PURE__ */ b(Ah, [["render", Dh], ["__scopeId", "data-v-ed6067fe"]]), $h = {
   name: "ecs-modal-footer"
 }, Vh = { class: "ecs-modal-footer" }, Hh = {
   key: 0,
@@ -12885,7 +12901,7 @@ function qh(t, s, e, a, n, i) {
     ])
   ]);
 }
-const F_ = /* @__PURE__ */ b(Dh, [["render", qh], ["__scopeId", "data-v-206d1ced"]]), Wh = {
+const U_ = /* @__PURE__ */ b($h, [["render", qh], ["__scopeId", "data-v-206d1ced"]]), Wh = {
   name: "ecs-select-text",
   emits: ["change", "focus", "blur"],
   components: { EcsIcon: M, EcsFocusRing: N },
@@ -13081,7 +13097,7 @@ function ep(t, s, e, a, n, i) {
         class: "operator-select"
       }, {
         default: S(() => [
-          (o(!0), l(H, null, se(e.operatorSelectOptions, (f) => (o(), l("option", {
+          (o(!0), l(V, null, se(e.operatorSelectOptions, (f) => (o(), l("option", {
             value: f,
             key: f
           }, w(f), 9, Zh))), 128))
@@ -13130,7 +13146,7 @@ function ep(t, s, e, a, n, i) {
     ])
   ], 34);
 }
-const q_ = /* @__PURE__ */ b(Kh, [["render", ep], ["__scopeId", "data-v-c3c80822"]]), tp = {
+const G_ = /* @__PURE__ */ b(Kh, [["render", ep], ["__scopeId", "data-v-c3c80822"]]), tp = {
   name: "ecs-multiselect-token",
   emits: ["remove"],
   components: {
@@ -13159,7 +13175,7 @@ function sp(t, s, e, a, n, i) {
     ])
   ], 32);
 }
-const W_ = /* @__PURE__ */ b(tp, [["render", sp], ["__scopeId", "data-v-daa501d2"]]), ip = {
+const K_ = /* @__PURE__ */ b(tp, [["render", sp], ["__scopeId", "data-v-daa501d2"]]), ip = {
   name: "ecs-multiselect-option",
   components: {
     EcsIcon: M
@@ -13194,7 +13210,7 @@ function ap(t, s, e, a, n, i) {
     h(t.$slots, "default", {}, void 0, !0)
   ], 10, np);
 }
-const j_ = /* @__PURE__ */ b(ip, [["render", ap], ["__scopeId", "data-v-e28fc40f"]]), op = {
+const Y_ = /* @__PURE__ */ b(ip, [["render", ap], ["__scopeId", "data-v-e28fc40f"]]), op = {
   name: "ecs-overlay",
   emits: ["close", "toggled"],
   components: { EcsIcon: M, EcsButtonToolbar: vt, EcsAlert: ei },
@@ -13376,11 +13392,11 @@ function wp(t, s, e, a, n, i) {
       n.isShown ? (o(), l("div", {
         key: 0,
         class: "ecs-overlay",
-        style: x({ top: e.offsetTop + "px", height: "calc(100vh - " + e.offsetTop + "px)" })
+        style: C({ top: e.offsetTop + "px", height: "calc(100vh - " + e.offsetTop + "px)" })
       }, [
         g("header", {
           class: "ecs-overlay-header",
-          style: x(t.$slots.alert ? "" : "border-bottom: 1px solid var(--color-gray-4);")
+          style: C(t.$slots.alert ? "" : "border-bottom: 1px solid var(--color-gray-4);")
         }, [
           g("div", rp, [
             e.icon ? (o(), p(r, {
@@ -13448,7 +13464,7 @@ function wp(t, s, e, a, n, i) {
           }, [
             g("div", {
               class: v(["ecs-overlay-content-inner-inner", t.$slots.sidebar && !e.fullWidth && n.width > 1500 ? "has-sidebar" : " "]),
-              style: x({ width: i.contentWidth, maxWidth: i.contentMaxWidth, minWidth: i.contentMinWidth, paddingLeft: i.contentPadding, paddingRight: i.contentPadding })
+              style: C({ width: i.contentWidth, maxWidth: i.contentMaxWidth, minWidth: i.contentMinWidth, paddingLeft: i.contentPadding, paddingRight: i.contentPadding })
             }, [
               h(t.$slots, "default", {}, void 0, !0)
             ], 6),
@@ -13473,7 +13489,7 @@ function wp(t, s, e, a, n, i) {
           g("div", bp, [
             g("div", {
               class: "ecs-overlay-footer-content-inner",
-              style: x({ width: i.contentWidth, maxWidth: i.contentMaxWidth, minWidth: i.contentMinWidth, paddingLeft: i.contentPadding, paddingRight: i.contentPadding })
+              style: C({ width: i.contentWidth, maxWidth: i.contentMaxWidth, minWidth: i.contentMinWidth, paddingLeft: i.contentPadding, paddingRight: i.contentPadding })
             }, [
               h(t.$slots, "footer", {}, void 0, !0)
             ], 4),
@@ -13486,11 +13502,11 @@ function wp(t, s, e, a, n, i) {
     _: 3
   });
 }
-const U_ = /* @__PURE__ */ b(op, [["render", wp], ["__scopeId", "data-v-acdd9118"]]), Sp = {
+const X_ = /* @__PURE__ */ b(op, [["render", wp], ["__scopeId", "data-v-acdd9118"]]), Sp = {
   name: "ecs-pagination",
   emits: ["firstPage", "prevPage", "nextPage", "lastPage", "updatePage", "itemsPerPage"],
   components: {
-    EcsButton: xe,
+    EcsButton: be,
     EcsSelect: wi,
     EcsFlexRow: Ee,
     EcsIcon: M
@@ -13588,7 +13604,7 @@ const U_ = /* @__PURE__ */ b(op, [["render", wp], ["__scopeId", "data-v-acdd9118
       this.$emit("updatePage", Number(t));
     }
   }
-}, Cp = ["value", "selected"], xp = {
+}, xp = ["value", "selected"], Cp = {
   key: 0,
   class: "total"
 }, Bp = {
@@ -13608,10 +13624,10 @@ function Ep(t, s, e, a, n, i) {
     k(c, {
       gap: 8,
       class: "ecs-pagination-nav",
-      style: x({ minWidth: e.tabsSpacing - 4 + "px" })
+      style: C({ minWidth: e.tabsSpacing - 4 + "px" })
     }, {
       default: S(() => [
-        e.type == "paginated" ? (o(), l(H, { key: 0 }, [
+        e.type == "paginated" ? (o(), l(V, { key: 0 }, [
           k(c, null, {
             default: S(() => [
               k(r, {
@@ -13647,15 +13663,15 @@ function Ep(t, s, e, a, n, i) {
                 size: "sml"
               }, {
                 default: S(() => [
-                  (o(!0), l(H, null, se(e.totalPages, (f) => (o(), l("option", {
+                  (o(!0), l(V, null, se(e.totalPages, (f) => (o(), l("option", {
                     key: f,
                     value: f,
                     selected: f === e.currentPage
-                  }, w(f), 9, Cp))), 128))
+                  }, w(f), 9, xp))), 128))
                 ]),
                 _: 1
               }, 8, ["modelValue", "disabled"]),
-              e.totalPages ? (o(), l("span", xp, "of " + w(e.totalPages), 1)) : u("", !0)
+              e.totalPages ? (o(), l("span", Cp, "of " + w(e.totalPages), 1)) : u("", !0)
             ]),
             _: 1
           }),
@@ -13711,7 +13727,7 @@ function Ep(t, s, e, a, n, i) {
           size: "sml"
         }, {
           default: S(() => [
-            (o(!0), l(H, null, se(e.itemsPerPage, (f) => (o(), l("option", {
+            (o(!0), l(V, null, se(e.itemsPerPage, (f) => (o(), l("option", {
               key: f,
               value: f,
               selected: f === e.itemsPerPageSelected
@@ -13734,9 +13750,9 @@ function Ep(t, s, e, a, n, i) {
     })) : u("", !0)
   ], 2);
 }
-const G_ = /* @__PURE__ */ b(Sp, [["render", Ep], ["__scopeId", "data-v-6741fbf9"]]), Tp = {
+const Z_ = /* @__PURE__ */ b(Sp, [["render", Ep], ["__scopeId", "data-v-6741fbf9"]]), Tp = {
   name: "ecs-popover-header",
-  components: { EcsIcon: M, EcsTextV2: Xe },
+  components: { EcsIcon: M, EcsTextV2: We },
   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: {
@@ -13787,7 +13803,7 @@ function Lp(t, s, e, a, n, i) {
     ])) : u("", !0)
   ]);
 }
-const K_ = /* @__PURE__ */ b(Tp, [["render", Lp], ["__scopeId", "data-v-f5d26b63"]]), Np = {
+const J_ = /* @__PURE__ */ b(Tp, [["render", Lp], ["__scopeId", "data-v-f5d26b63"]]), Np = {
   name: "EcsPopoverListHeadline",
   components: {
     EcsButtonCollapse: is
@@ -13828,11 +13844,11 @@ const K_ = /* @__PURE__ */ b(Tp, [["render", Lp], ["__scopeId", "data-v-f5d26b63
       this.isCollapsed = !this.isCollapsed, this.$emit("toggle", this.isCollapsed);
     }
   }
-}, $p = {
+}, Rp = {
   key: 1,
   class: "ecs-popover-list-title-controls"
 };
-function Rp(t, s, e, a, n, i) {
+function Dp(t, s, e, a, n, i) {
   const r = m("ecs-button-collapse");
   return o(), l("li", {
     class: v(["ecs-popover-list-title", [
@@ -13851,12 +13867,12 @@ function Rp(t, s, e, a, n, i) {
     g("span", null, [
       h(t.$slots, "default", {}, void 0, !0)
     ]),
-    t.$slots.controls ? (o(), l("div", $p, [
+    t.$slots.controls ? (o(), l("div", Rp, [
       h(t.$slots, "controls", {}, void 0, !0)
     ])) : u("", !0)
   ], 2);
 }
-const Y_ = /* @__PURE__ */ b(Np, [["render", Rp], ["__scopeId", "data-v-c1516cc2"]]), Dp = {
+const Q_ = /* @__PURE__ */ b(Np, [["render", Dp], ["__scopeId", "data-v-c1516cc2"]]), $p = {
   name: "ecs-rating-star-read",
   components: { EcsSkeletonLoader: ie },
   props: {
@@ -13908,7 +13924,7 @@ function Fp(t, s, e, a, n, i) {
     }, null, 8, Hp))
   ], 10, Vp);
 }
-const qp = /* @__PURE__ */ b(Dp, [["render", Fp], ["__scopeId", "data-v-7e609016"]]), Wp = {
+const qp = /* @__PURE__ */ b($p, [["render", Fp], ["__scopeId", "data-v-7e609016"]]), Wp = {
   name: "ecs-rating-favorability",
   emits: ["click"],
   components: { EcsIcon: M, EcsSkeletonLoader: ie },
@@ -14150,7 +14166,7 @@ const Kp = /* @__PURE__ */ b(Wp, [["render", Gp], ["__scopeId", "data-v-a6e15633
   class: "meta"
 }, dv = { key: 0 }, uv = ["title"];
 function fv(t, s, e, a, n, i) {
-  const r = m("ecs-icon"), c = m("ecs-focus-ring"), d = m("ecs-rating-favorability"), f = m("ecs-rating-star-read"), y = m("ecs-switch"), _ = m("ecs-avatar"), I = m("ecs-popover-list-item"), z = m("ecs-popover-list"), C = m("ecs-popover"), E = m("ecs-flex-row"), P = m("ecs-checkbox");
+  const r = m("ecs-icon"), c = m("ecs-focus-ring"), d = m("ecs-rating-favorability"), f = m("ecs-rating-star-read"), y = m("ecs-switch"), _ = m("ecs-avatar"), I = m("ecs-popover-list-item"), z = m("ecs-popover-list"), x = m("ecs-popover"), E = m("ecs-flex-row"), P = m("ecs-checkbox");
   return o(), l("li", {
     class: v(["ecs-quicklinks-link", [
       i.typeClass,
@@ -14223,7 +14239,7 @@ function fv(t, s, e, a, n, i) {
             A(w(e.label), 1)
           ]),
           _: 1
-        }, 8, ["value", "disabled"])) : e.type === "persona" ? (o(), l(H, { key: 2 }, [
+        }, 8, ["value", "disabled"])) : e.type === "persona" ? (o(), l(V, { key: 2 }, [
           k(_, {
             image: e.persona.image,
             name: e.persona.name,
@@ -14238,23 +14254,23 @@ function fv(t, s, e, a, n, i) {
           class: "volume-list"
         }, {
           default: S(() => [
-            (o(!0), l(H, null, se(i.displayedVolumes, (T) => (o(), l("button", {
+            (o(!0), l(V, null, se(i.displayedVolumes, (T) => (o(), l("button", {
               key: T.id,
               class: v(["volume", { active: T.active }]),
-              onClick: ($) => i.toggleVolume(T.id),
+              onClick: (R) => i.toggleVolume(T.id),
               title: `${T.name} (${T.date})`,
               "aria-label": `Volume ${T.id}${T.active ? " active" : ""}`
             }, w(T.id), 11, rv))), 128)),
-            n.localVolumes.length > 3 ? (o(), p(C, {
+            n.localVolumes.length > 3 ? (o(), p(x, {
               key: 0,
               disabled: e.disabled || null
             }, {
               content: S(() => [
                 k(z, null, {
                   default: S(() => [
-                    (o(!0), l(H, null, se(n.localVolumes.slice(3), (T) => (o(), p(I, {
+                    (o(!0), l(V, null, se(n.localVolumes.slice(3), (T) => (o(), p(I, {
                       key: T.id,
-                      onClick: ($) => i.toggleVolume(T.id),
+                      onClick: (R) => i.toggleVolume(T.id),
                       selected: T.active,
                       title: `${T.name} (${T.date})`,
                       "aria-label": `Volume ${T.id}${T.active ? " active" : ""}`
@@ -14297,7 +14313,7 @@ function fv(t, s, e, a, n, i) {
     }, 8, ["value", "value-false", "value-true", "disabled", "indeterminate"]))
   ], 2);
 }
-const X_ = /* @__PURE__ */ b(Yp, [["render", fv], ["__scopeId", "data-v-db5374f4"]]), gv = {
+const ek = /* @__PURE__ */ b(Yp, [["render", fv], ["__scopeId", "data-v-db5374f4"]]), gv = {
   name: "ecs-range",
   mixins: [me],
   emits: ["update:modelValue"],
@@ -14395,20 +14411,20 @@ function vv(t, s, e, a, n, i) {
       class: "ecs-range-input"
     }, null, 40, mv),
     i.shouldShowMarkers ? (o(), l("div", hv, [
-      (o(!0), l(H, null, se(i.stepCount, (r, c) => (o(), l("span", {
+      (o(!0), l(V, null, se(i.stepCount, (r, c) => (o(), l("span", {
         key: c,
         class: "ecs-range-marker"
       }))), 128))
     ])) : u("", !0),
     e.list ? (o(), l("div", pv, [
-      (o(!0), l(H, null, se(e.list, (r, c) => (o(), l("span", {
+      (o(!0), l(V, null, se(e.list, (r, c) => (o(), l("span", {
         key: c,
         class: "ecs-range-label"
       }, w(r), 1))), 128))
     ])) : u("", !0)
   ], 2);
 }
-const Z_ = /* @__PURE__ */ b(gv, [["render", vv], ["__scopeId", "data-v-b6f3e6b0"]]), yv = {
+const tk = /* @__PURE__ */ b(gv, [["render", vv], ["__scopeId", "data-v-b6f3e6b0"]]), yv = {
   name: "ecs-rating-star-write",
   emits: ["click", "reset"],
   props: {
@@ -14433,8 +14449,8 @@ const Z_ = /* @__PURE__ */ b(gv, [["render", vv], ["__scopeId", "data-v-b6f3e6b0
       default: !1
     }
   }
-}, bv = ["disabled"], _v = { class: "ecs-rating-write" }, kv = ["checked", "disabled"], wv = ["checked", "disabled"], Sv = ["checked", "disabled"], Cv = ["checked", "disabled"];
-function xv(t, s, e, a, n, i) {
+}, bv = ["disabled"], _v = { class: "ecs-rating-write" }, kv = ["checked", "disabled"], wv = ["checked", "disabled"], Sv = ["checked", "disabled"], xv = ["checked", "disabled"];
+function Cv(t, s, e, a, n, i) {
   return o(), l("div", {
     class: v(["ecs-rating-form", [e.large ? "ecs-rating-form-lg" : ""]])
   }, [
@@ -14482,12 +14498,12 @@ function xv(t, s, e, a, n, i) {
         onClick: s[4] || (s[4] = (r) => t.$emit("click", r)),
         checked: e.value == 4 || null,
         disabled: e.disabled
-      }, null, 8, Cv),
+      }, null, 8, xv),
       s[9] || (s[9] = g("i", null, null, -1))
     ])
   ], 2);
 }
-const J_ = /* @__PURE__ */ b(yv, [["render", xv], ["__scopeId", "data-v-0d4c1ecb"]]), Bv = {
+const sk = /* @__PURE__ */ b(yv, [["render", Cv], ["__scopeId", "data-v-0d4c1ecb"]]), Bv = {
   name: "ecs-section",
   props: {
     /** Adds a headline to the section. */
@@ -14568,7 +14584,7 @@ function Iv(t, s, e, a, n, i) {
     ], 2)
   ], 2);
 }
-const Q_ = /* @__PURE__ */ b(Bv, [["render", Iv], ["__scopeId", "data-v-cdcc0680"]]), Ev = {
+const ik = /* @__PURE__ */ b(Bv, [["render", Iv], ["__scopeId", "data-v-cdcc0680"]]), Ev = {
   name: "ecs-segments",
   emits: ["click"],
   components: { EcsIcon: M },
@@ -14607,7 +14623,7 @@ function Ov(t, s, e, a, n, i) {
   return o(), l("div", {
     class: v(["ecs-segments", [e.inline ? "ecs-segments-inline" : ""]])
   }, [
-    (o(!0), l(H, null, se(e.options, (c) => (o(), l("label", {
+    (o(!0), l(V, null, se(e.options, (c) => (o(), l("label", {
       key: c.id,
       for: c.id,
       disabled: e.disabled
@@ -14637,7 +14653,7 @@ function Ov(t, s, e, a, n, i) {
     ], 8, Tv))), 128))
   ], 2);
 }
-const ek = /* @__PURE__ */ b(Ev, [["render", Ov], ["__scopeId", "data-v-1cb14db0"]]), Av = {
+const nk = /* @__PURE__ */ b(Ev, [["render", Ov], ["__scopeId", "data-v-1cb14db0"]]), Av = {
   name: "ecs-select-tile",
   emits: ["click"],
   components: {
@@ -14685,11 +14701,11 @@ const ek = /* @__PURE__ */ b(Ev, [["render", Ov], ["__scopeId", "data-v-1cb14db0
 }, Lv = ["aria-checked", "tabindex"], Nv = {
   key: 1,
   class: "label"
-}, $v = {
+}, Rv = {
   key: 2,
   class: "help"
 };
-function Rv(t, s, e, a, n, i) {
+function Dv(t, s, e, a, n, i) {
   const r = m("ecs-illustration"), c = m("ecs-focus-ring");
   return o(), l("div", {
     onClick: s[0] || (s[0] = (d) => t.$emit("click", d)),
@@ -14708,14 +14724,14 @@ function Rv(t, s, e, a, n, i) {
       type: e.illustration
     }, null, 8, ["type"])) : u("", !0),
     e.label ? (o(), l("div", Nv, w(e.label), 1)) : u("", !0),
-    e.helpText ? (o(), l("div", $v, w(e.helpText), 1)) : u("", !0),
+    e.helpText ? (o(), l("div", Rv, w(e.helpText), 1)) : u("", !0),
     k(c, {
       inset: -6,
       radius: 12
     })
   ], 42, Lv);
 }
-const tk = /* @__PURE__ */ b(Av, [["render", Rv], ["__scopeId", "data-v-a5e9bd1b"]]), Dv = {
+const ak = /* @__PURE__ */ b(Av, [["render", Dv], ["__scopeId", "data-v-a5e9bd1b"]]), $v = {
   name: "ecs-sequence-map"
 }, Vv = {
   class: "ecs-sequence-map",
@@ -14727,7 +14743,7 @@ function Hv(t, s, e, a, n, i) {
     h(t.$slots, "default", {}, void 0, !0)
   ]);
 }
-const sk = /* @__PURE__ */ b(Dv, [["render", Hv], ["__scopeId", "data-v-69c3c73d"]]), Fv = {
+const ok = /* @__PURE__ */ b($v, [["render", Hv], ["__scopeId", "data-v-69c3c73d"]]), Fv = {
   name: "ecs-sequence-map-button",
   emits: ["click"],
   components: { EcsIcon: M, EcsFocusRing: N },
@@ -14785,7 +14801,7 @@ function jv(t, s, e, a, n, i) {
     s[1] || (s[1] = g("div", { class: "step-indicator" }, null, -1))
   ], 10, qv);
 }
-const ik = /* @__PURE__ */ b(Fv, [["render", jv], ["__scopeId", "data-v-397f53f1"]]), Uv = {
+const rk = /* @__PURE__ */ b(Fv, [["render", jv], ["__scopeId", "data-v-397f53f1"]]), Uv = {
   name: "ecs-tab-bar",
   props: {
     /** Determines the visual style of the tab bar. `standard` are regular tabs, `sidebar` should only be used for the tab bar that controls sidebar tabs, `segment` is a tab bar that visually looks the same as an ecs-segment control, `sheet` should be used for table sheets, and `modal` for tabs that are inside ecs-modal headers. */
@@ -14883,7 +14899,7 @@ function ty(t, s, e, a, n, i) {
   const r = m("ecs-tab-bar"), c = m("ecs-tabs");
   return o(), l("aside", {
     class: v(["ecs-sidebar", [i.sizeClass, i.expandClass]]),
-    style: x(i.height)
+    style: C(i.height)
   }, [
     g("div", ey, [
       k(r, { type: "sidebar" }, {
@@ -14901,7 +14917,7 @@ function ty(t, s, e, a, n, i) {
     })
   ], 6);
 }
-const nk = /* @__PURE__ */ b(Qv, [["render", ty], ["__scopeId", "data-v-0f7679c6"]]), sy = {
+const lk = /* @__PURE__ */ b(Qv, [["render", ty], ["__scopeId", "data-v-0f7679c6"]]), sy = {
   name: "ecs-sidebar-content",
   props: {
     /** Adds an inner padding to the content area. */
@@ -14926,7 +14942,7 @@ function iy(t, s, e, a, n, i) {
     h(t.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-const ak = /* @__PURE__ */ b(sy, [["render", iy], ["__scopeId", "data-v-197087d5"]]), ny = {
+const ck = /* @__PURE__ */ b(sy, [["render", iy], ["__scopeId", "data-v-197087d5"]]), ny = {
   name: "ecs-sidebar-footer",
   props: {
     /** Reduces the inner padding. */
@@ -14954,7 +14970,7 @@ function ay(t, s, e, a, n, i) {
     ], 2)
   ], 2);
 }
-const ok = /* @__PURE__ */ b(ny, [["render", ay], ["__scopeId", "data-v-0c35a678"]]), oy = {
+const dk = /* @__PURE__ */ b(ny, [["render", ay], ["__scopeId", "data-v-0c35a678"]]), oy = {
   name: "ecs-sidebar-header",
   props: {
     /** Determines if the sub header area should be expanded. */
@@ -15014,7 +15030,7 @@ function gy(t, s, e, a, n, i) {
     })
   ]);
 }
-const rk = /* @__PURE__ */ b(oy, [["render", gy], ["__scopeId", "data-v-54e7aa5c"]]), my = {
+const uk = /* @__PURE__ */ b(oy, [["render", gy], ["__scopeId", "data-v-54e7aa5c"]]), my = {
   name: "ecs-sidebar-list"
 }, hy = {
   class: "ecs-sidebar-list",
@@ -15025,7 +15041,7 @@ function py(t, s, e, a, n, i) {
     h(t.$slots, "default", {}, void 0, !0)
   ]);
 }
-const lk = /* @__PURE__ */ b(my, [["render", py], ["__scopeId", "data-v-81bc3c0a"]]), vy = {
+const fk = /* @__PURE__ */ b(my, [["render", py], ["__scopeId", "data-v-81bc3c0a"]]), vy = {
   name: "ecs-sidebar-list-item",
   emits: ["click", "select"],
   components: { EcsIcon: M, EcsAvatar: nt, EcsCheckbox: pt, EcsFlexRow: Ee, EcsSkeletonLoader: ie },
@@ -15128,11 +15144,11 @@ const lk = /* @__PURE__ */ b(my, [["render", py], ["__scopeId", "data-v-81bc3c0a
 }, yy = {
   class: "ecs-sidebar-list-item",
   role: "listitem"
-}, by = ["tabindex"], _y = { class: "ecs-sidebar-list-item-content" }, ky = { class: "ecs-sidebar-list-item-label" }, wy = { class: "ecs-sidebar-list-item-label-text" }, Sy = { class: "ecs-sidebar-list-item-subline" }, Cy = {
+}, by = ["tabindex"], _y = { class: "ecs-sidebar-list-item-content" }, ky = { class: "ecs-sidebar-list-item-label" }, wy = { class: "ecs-sidebar-list-item-label-text" }, Sy = { class: "ecs-sidebar-list-item-subline" }, xy = {
   key: 0,
   class: "ecs-sidebar-list-item-subline secondary"
 };
-function xy(t, s, e, a, n, i) {
+function Cy(t, s, e, a, n, i) {
   const r = m("ecs-checkbox"), c = m("ecs-skeleton-loader"), d = m("ecs-avatar"), f = m("ecs-icon"), y = m("ecs-flex-row");
   return o(), l("div", yy, [
     g("div", {
@@ -15186,7 +15202,7 @@ function xy(t, s, e, a, n, i) {
             type: "single",
             "line-height": 4,
             width: "random"
-          })) : (o(), l(H, { key: 1 }, [
+          })) : (o(), l(V, { key: 1 }, [
             g("span", wy, [
               h(t.$slots, "default", {}, void 0, !0)
             ]),
@@ -15211,11 +15227,11 @@ function xy(t, s, e, a, n, i) {
                 type: "single",
                 "line-height": 2,
                 width: "random"
-              })) : e.subline ? (o(), l(H, { key: 1 }, [
+              })) : e.subline ? (o(), l(V, { key: 1 }, [
                 A(w(e.subline), 1)
               ], 64)) : u("", !0)
             ]),
-            e.sublineSecondary || e.loading ? (o(), l("span", Cy, [
+            e.sublineSecondary || e.loading ? (o(), l("span", xy, [
               g("span", {
                 class: v({ "on-hover": e.sublineSecondaryHover })
               }, [
@@ -15225,7 +15241,7 @@ function xy(t, s, e, a, n, i) {
                   "line-height": 2,
                   width: "random",
                   alignment: "right"
-                })) : (o(), l(H, { key: 1 }, [
+                })) : (o(), l(V, { key: 1 }, [
                   A(w(e.sublineSecondary), 1)
                 ], 64))
               ], 2)
@@ -15238,7 +15254,7 @@ function xy(t, s, e, a, n, i) {
     ], 42, by)
   ]);
 }
-const ck = /* @__PURE__ */ b(vy, [["render", xy], ["__scopeId", "data-v-66eb2ab6"]]), By = {
+const gk = /* @__PURE__ */ b(vy, [["render", Cy], ["__scopeId", "data-v-66eb2ab6"]]), By = {
   name: "ecs-structured-content",
   components: {
     EcsClickableArea: ui,
@@ -15370,7 +15386,7 @@ function Py(t, s, e, a, n, i) {
     ], 2)) : u("", !0)
   ], 2);
 }
-const dk = /* @__PURE__ */ b(By, [["render", Py], ["__scopeId", "data-v-823ad344"]]), My = {
+const mk = /* @__PURE__ */ b(By, [["render", Py], ["__scopeId", "data-v-823ad344"]]), My = {
   name: "ecs-swatches-picker",
   emits: ["update:modelValue"],
   props: {
@@ -15427,7 +15443,7 @@ function Ay(t, s, e, a, n, i) {
     class: v(["ecs-swatches", i.sizeClass]),
     role: "radiogroup"
   }, [
-    (o(!0), l(H, null, se(e.swatches, (r) => (o(), l("div", {
+    (o(!0), l(V, null, se(e.swatches, (r) => (o(), l("div", {
       key: r.id,
       onClick: (c) => i.handleItemClick(r),
       onKeydown: [
@@ -15440,11 +15456,11 @@ function Ay(t, s, e, a, n, i) {
       "aria-label": r.title,
       "aria-checked": n.selectedColor == r.hex ? "true" : "false",
       class: v(["ecs-swatches-color", n.selectedColor == r.hex ? "active" : ""]),
-      style: x({ backgroundColor: r.hex, color: r.hex })
+      style: C({ backgroundColor: r.hex, color: r.hex })
     }, null, 46, Oy))), 128))
   ], 2);
 }
-const uk = /* @__PURE__ */ b(My, [["render", Ay], ["__scopeId", "data-v-9c0b74cb"]]), Ly = {
+const hk = /* @__PURE__ */ b(My, [["render", Ay], ["__scopeId", "data-v-9c0b74cb"]]), Ly = {
   name: "ecs-tab",
   props: {
     /** Shows this tab. */
@@ -15478,7 +15494,7 @@ const uk = /* @__PURE__ */ b(My, [["render", Ay], ["__scopeId", "data-v-9c0b74cb
     !this.ariaLabeledBy || this.ariaLabeledBy.trim();
   }
 }, Ny = ["aria-labelledby"];
-function $y(t, s, e, a, n, i) {
+function Ry(t, s, e, a, n, i) {
   return o(), l("div", {
     class: v(["ecs-tab-pane", [e.show ? "show" : "", e.flex ? "ecs-tab-pane-flex" : "", i.directionClass]]),
     role: "tabpanel",
@@ -15487,7 +15503,7 @@ function $y(t, s, e, a, n, i) {
     h(t.$slots, "default", {}, void 0, !0)
   ], 10, Ny);
 }
-const fk = /* @__PURE__ */ b(Ly, [["render", $y], ["__scopeId", "data-v-2c119fff"]]), Ry = {
+const pk = /* @__PURE__ */ b(Ly, [["render", Ry], ["__scopeId", "data-v-2c119fff"]]), Dy = {
   name: "ecs-tab-button",
   emits: ["click", "tabNavigation"],
   components: {
@@ -15595,7 +15611,7 @@ const fk = /* @__PURE__ */ b(Ly, [["render", $y], ["__scopeId", "data-v-2c119fff
       });
     }
   }
-}, Dy = ["disabled", "aria-selected", "aria-controls", "aria-label"], Vy = {
+}, $y = ["disabled", "aria-selected", "aria-controls", "aria-label"], Vy = {
   key: 2,
   class: "shortcut"
 };
@@ -15630,9 +15646,9 @@ function Hy(t, s, e, a, n, i) {
     e.shortcut ? (o(), l("span", Vy, w(e.shortcut), 1)) : u("", !0),
     k(d, { inset: 0 }),
     s[2] || (s[2] = g("span", { class: "hover" }, null, -1))
-  ], 42, Dy);
+  ], 42, $y);
 }
-const gk = /* @__PURE__ */ b(Ry, [["render", Hy], ["__scopeId", "data-v-e723f4d5"]]), Fy = {
+const vk = /* @__PURE__ */ b(Dy, [["render", Hy], ["__scopeId", "data-v-e723f4d5"]]), Fy = {
   name: "ecs-tag",
   emits: ["click"],
   components: { EcsSkeletonLoader: ie, EcsFocusRing: N },
@@ -15722,7 +15738,7 @@ function Uy(t, s, e, a, n, i) {
       e.loading ? "loading" : ""
     ]]),
     onClick: s[0] || (s[0] = (...d) => i.handleClick && i.handleClick(...d)),
-    style: x(i.customColorStyle),
+    style: C(i.customColorStyle),
     role: e.hover ? "button" : !1,
     tabindex: e.hover ? "0" : "-1",
     "aria-busy": e.loading || null
@@ -15743,7 +15759,7 @@ function Uy(t, s, e, a, n, i) {
     k(c)
   ], 14, qy);
 }
-const mk = /* @__PURE__ */ b(Fy, [["render", Uy], ["__scopeId", "data-v-7e468797"]]), Gy = {
+const yk = /* @__PURE__ */ b(Fy, [["render", Uy], ["__scopeId", "data-v-7e468797"]]), Gy = {
   name: "ecs-tag-cloud"
 }, Ky = {
   class: "ecs-tag-cloud",
@@ -15754,7 +15770,7 @@ function Yy(t, s, e, a, n, i) {
     h(t.$slots, "default", {}, void 0, !0)
   ]);
 }
-const hk = /* @__PURE__ */ b(Gy, [["render", Yy], ["__scopeId", "data-v-4334fe7e"]]), Xy = {
+const bk = /* @__PURE__ */ b(Gy, [["render", Yy], ["__scopeId", "data-v-4334fe7e"]]), Xy = {
   name: "ecs-toast",
   emits: ["action"],
   components: { EcsFocusRing: N },
@@ -15799,7 +15815,7 @@ function Zy(t, s, e, a, n, i) {
     ])) : u("", !0)
   ], 2);
 }
-const pk = /* @__PURE__ */ b(Xy, [["render", Zy], ["__scopeId", "data-v-61082fed"]]), Jy = {
+const _k = /* @__PURE__ */ b(Xy, [["render", Zy], ["__scopeId", "data-v-61082fed"]]), Jy = {
   name: "ecs-toasts"
 }, Qy = {
   class: "ecs-toasts",
@@ -15815,7 +15831,7 @@ function eb(t, s, e, a, n, i) {
     })
   ]);
 }
-const vk = /* @__PURE__ */ b(Jy, [["render", eb], ["__scopeId", "data-v-451fee48"]]), tb = {
+const kk = /* @__PURE__ */ b(Jy, [["render", eb], ["__scopeId", "data-v-451fee48"]]), tb = {
   name: "ecs-transcript-state",
   emits: ["click"],
   components: {
@@ -15862,7 +15878,7 @@ function ob(t, s, e, a, n, i) {
       type: "rect",
       width: 30,
       height: 30
-    })) : (o(), l(H, { key: 1 }, [
+    })) : (o(), l(V, { key: 1 }, [
       k(c, {
         type: "toolbar-transcript",
         color: "#929AA9"
@@ -15879,7 +15895,7 @@ function ob(t, s, e, a, n, i) {
     ], 64))
   ], 10, sb);
 }
-const yk = /* @__PURE__ */ b(tb, [["render", ob], ["__scopeId", "data-v-5b025c70"]]), rb = {
+const wk = /* @__PURE__ */ b(tb, [["render", ob], ["__scopeId", "data-v-5b025c70"]]), rb = {
   name: "ecs-tree-list",
   props: {
     /** Optional unique ID for the list. */
@@ -15908,7 +15924,7 @@ function cb(t, s, e, a, n, i) {
     h(t.$slots, "default", {}, void 0, !0)
   ], 10, lb);
 }
-const bk = /* @__PURE__ */ b(rb, [["render", cb], ["__scopeId", "data-v-6af94f50"]]), db = {
+const Sk = /* @__PURE__ */ b(rb, [["render", cb], ["__scopeId", "data-v-6af94f50"]]), db = {
   name: "ecs-tree-list-item",
   emits: ["click", "toggled"],
   components: { EcsIcon: M, EcsButtonCollapse: is, EcsFocusRing: N },
@@ -16119,7 +16135,7 @@ function pb(t, s, e, a, n, i) {
     ], 10, hb)) : u("", !0)
   ]);
 }
-const _k = /* @__PURE__ */ b(db, [["render", pb], ["__scopeId", "data-v-f38c8893"]]), vb = {
+const xk = /* @__PURE__ */ b(db, [["render", pb], ["__scopeId", "data-v-f38c8893"]]), vb = {
   name: "ecs-tree-list-headline"
 }, yb = { class: "ecs-tree-view-headline" };
 function bb(t, s, e, a, n, i) {
@@ -16127,7 +16143,7 @@ function bb(t, s, e, a, n, i) {
     h(t.$slots, "default", {}, void 0, !0)
   ]);
 }
-const kk = /* @__PURE__ */ b(vb, [["render", bb], ["__scopeId", "data-v-a5153e06"]]), _b = {
+const Ck = /* @__PURE__ */ b(vb, [["render", bb], ["__scopeId", "data-v-a5153e06"]]), _b = {
   name: "EcsTypeConfirmation",
   emits: ["update:modelValue"],
   components: { EcsInput: am, EcsAlert: ei, EcsFormGroup: Eg },
@@ -16191,8 +16207,8 @@ const kk = /* @__PURE__ */ b(vb, [["render", bb], ["__scopeId", "data-v-a5153e06
   mounted() {
     this.uniqueId = "input-" + this.generateUniqueId();
   }
-}, kb = ["for"], wb = { class: "ecs-type-confirmation-verb" }, Sb = ["for"], Cb = { class: "ecs-type-confirmation-verb" };
-function xb(t, s, e, a, n, i) {
+}, kb = ["for"], wb = { class: "ecs-type-confirmation-verb" }, Sb = ["for"], xb = { class: "ecs-type-confirmation-verb" };
+function Cb(t, s, e, a, n, i) {
   const r = m("ecs-input"), c = m("ecs-form-group"), d = m("ecs-alert");
   return e.alertType != "none" ? (o(), p(d, {
     key: 0,
@@ -16232,12 +16248,12 @@ function xb(t, s, e, a, n, i) {
         id: n.uniqueId,
         style: { "text-transform": "uppercase" }
       }, null, 8, ["modelValue", "onInput", "error", "id"]),
-      g("span", Cb, w(i.upperCaseVerb), 1)
+      g("span", xb, w(i.upperCaseVerb), 1)
     ]),
     _: 1
   }));
 }
-const wk = /* @__PURE__ */ b(_b, [["render", xb], ["__scopeId", "data-v-3e9bc710"]]), Bb = {
+const Bk = /* @__PURE__ */ b(_b, [["render", Cb], ["__scopeId", "data-v-3e9bc710"]]), Bb = {
   name: "ecs-video",
   props: {
     /** URL to an optional poster image. */
@@ -16287,158 +16303,359 @@ function Ib(t, s, e, a, n, i) {
     src: e.mp4Source
   }, null, 8, zb);
 }
-const Sk = /* @__PURE__ */ b(Bb, [["render", Ib], ["__scopeId", "data-v-ce84fcb3"]]);
+const zk = /* @__PURE__ */ b(Bb, [["render", Ib], ["__scopeId", "data-v-ce84fcb3"]]), Eb = {
+  name: "ecs-window",
+  components: { EcsButton: be, EcsTextV2: We },
+  emits: ["drag", "resize", "close", "focus", "blur"],
+  props: {
+    /** Window title */
+    title: {
+      type: String,
+      default: ""
+    },
+    /** Whether the window can be dragged */
+    draggable: {
+      type: Boolean,
+      default: !0
+    },
+    /** Whether the window can be resized */
+    resizable: {
+      type: Boolean,
+      default: !0
+    },
+    /** Initial position of the window */
+    initialPosition: {
+      type: Object,
+      default: () => ({ x: 0, y: 0 })
+    },
+    /** Initial size of the window */
+    initialSize: {
+      type: Object,
+      default: () => ({ width: 400, height: 300 })
+    },
+    /** Bounding element for the window. Can be a ref or element ID */
+    boundingElement: {
+      type: [String, Object],
+      default: "body"
+    },
+    /** Minimum width of the window */
+    minWidth: {
+      type: Number,
+      default: 320
+    },
+    /** Minimum height of the window */
+    minHeight: {
+      type: Number,
+      default: 80
+    },
+    /** Maximum width of the window */
+    maxWidth: {
+      type: Number,
+      default: null
+    },
+    /** Maximum height of the window */
+    maxHeight: {
+      type: Number,
+      default: null
+    }
+  },
+  data() {
+    return {
+      position: { ...this.initialPosition },
+      size: { ...this.initialSize },
+      isFocused: !1,
+      isDragging: !1,
+      isResizing: !1,
+      resizeDirection: null,
+      dragStart: { x: 0, y: 0 },
+      sizeStart: { width: 0, height: 0 },
+      bounds: { left: 0, top: 0, right: 0, bottom: 0 }
+    };
+  },
+  mounted() {
+    document.addEventListener("mousemove", this.handleMouseMove), document.addEventListener("mouseup", this.handleMouseUp), this.updateBounds(), window.addEventListener("resize", this.updateBounds);
+  },
+  beforeUnmount() {
+    document.removeEventListener("mousemove", this.handleMouseMove), document.removeEventListener("mouseup", this.handleMouseUp), window.removeEventListener("resize", this.updateBounds);
+  },
+  methods: {
+    updateBounds() {
+      let t;
+      if (typeof this.boundingElement == "string" ? t = this.boundingElement === "body" ? document.body : document.getElementById(this.boundingElement) : t = this.boundingElement, !t) return;
+      const s = t.getBoundingClientRect();
+      this.bounds = {
+        left: s.left,
+        top: s.top,
+        right: s.right,
+        bottom: s.bottom
+      };
+    },
+    focus() {
+      this.isFocused = !0, this.$emit("focus");
+    },
+    startDrag(t) {
+      this.draggable && (this.isDragging = !0, this.dragStart = {
+        x: t.clientX - this.position.x,
+        y: t.clientY - this.position.y
+      });
+    },
+    startResize(t) {
+      this.resizable && (this.isResizing = !0, this.resizeDirection = t, this.dragStart = {
+        x: event.clientX,
+        y: event.clientY
+      }, this.sizeStart = {
+        width: this.size.width,
+        height: this.size.height
+      });
+    },
+    handleMouseMove(t) {
+      if (this.isDragging) {
+        const s = t.clientX - this.dragStart.x, e = t.clientY - this.dragStart.y;
+        this.position = {
+          x: Math.min(Math.max(this.bounds.left, s), this.bounds.right - this.size.width),
+          y: Math.min(Math.max(this.bounds.top, e), this.bounds.bottom - this.size.height)
+        }, this.$emit("drag", this.position);
+      }
+      if (this.isResizing) {
+        const s = t.clientX - this.dragStart.x, e = t.clientY - this.dragStart.y;
+        if (this.resizeDirection === "right" || this.resizeDirection === "corner") {
+          const a = this.bounds.right - this.position.x, n = Math.max(this.minWidth, this.sizeStart.width + s);
+          this.size.width = Math.min(n, a);
+        }
+        if (this.resizeDirection === "bottom" || this.resizeDirection === "corner") {
+          const a = this.bounds.bottom - this.position.y, n = Math.max(this.minHeight, this.sizeStart.height + e);
+          this.size.height = Math.min(n, a);
+        }
+        this.$emit("resize", this.size);
+      }
+    },
+    handleMouseUp() {
+      this.isDragging = !1, this.isResizing = !1, this.resizeDirection = null;
+    },
+    handleBlur() {
+      this.isFocused = !1, this.$emit("blur");
+    }
+  }
+}, Tb = { class: "ecs-window-content scrollbar scrollbar-sml" }, Pb = {
+  key: 1,
+  class: "ecs-window-footer"
+};
+function Mb(t, s, e, a, n, i) {
+  const r = m("ecs-text-v2"), c = m("ecs-button");
+  return o(), l("div", {
+    onMousedown: s[5] || (s[5] = (...d) => i.focus && i.focus(...d)),
+    onBlur: s[6] || (s[6] = (...d) => i.handleBlur && i.handleBlur(...d)),
+    class: v([{ "is-focused": n.isFocused }, "ecs-window"]),
+    style: C({
+      transform: `translate(${n.position.x}px, ${n.position.y}px)`,
+      width: `${Math.max(n.size.width, e.minWidth)}px`,
+      height: `${Math.max(n.size.height, e.minHeight)}px`,
+      minWidth: `${e.minWidth}px`,
+      minHeight: `${e.minHeight}px`,
+      maxWidth: `${e.maxWidth}px`,
+      maxHeight: `${e.maxHeight}px`
+    }),
+    tabindex: "0"
+  }, [
+    e.draggable ? (o(), l("header", {
+      key: 0,
+      class: "ecs-window-header",
+      onMousedown: s[1] || (s[1] = (...d) => i.startDrag && i.startDrag(...d))
+    }, [
+      k(r, {
+        scale: "3",
+        weight: "bold"
+      }, {
+        default: S(() => [
+          A(w(e.title), 1)
+        ]),
+        _: 1
+      }),
+      k(c, {
+        onClick: s[0] || (s[0] = (d) => t.$emit("close")),
+        type: "secondary",
+        icon: "close",
+        "icon-only": "",
+        size: "sml",
+        "aria-label": "Close window",
+        title: "Close"
+      })
+    ], 32)) : u("", !0),
+    g("div", Tb, [
+      h(t.$slots, "default", {}, void 0, !0)
+    ]),
+    t.$slots.footer ? (o(), l("div", Pb, [
+      h(t.$slots, "footer", {}, void 0, !0)
+    ])) : u("", !0),
+    e.resizable ? (o(), l(V, { key: 2 }, [
+      g("div", {
+        onMousedown: s[2] || (s[2] = (d) => i.startResize("right")),
+        class: "resize-handle resize-handle-right"
+      }, null, 32),
+      g("div", {
+        onMousedown: s[3] || (s[3] = (d) => i.startResize("bottom")),
+        class: "resize-handle resize-handle-bottom"
+      }, null, 32),
+      g("div", {
+        onMousedown: s[4] || (s[4] = (d) => i.startResize("corner")),
+        class: "resize-handle resize-handle-corner"
+      }, null, 32)
+    ], 64)) : u("", !0)
+  ], 38);
+}
+const Ik = /* @__PURE__ */ b(Eb, [["render", Mb], ["__scopeId", "data-v-0e468824"]]);
 export {
   en as EcsActionToolbar,
   ei as EcsAlert,
-  Tb as EcsAudio,
+  Ab as EcsAudio,
   nt as EcsAvatar,
-  Pb as EcsBanner,
-  Mb as EcsBreadcrumb,
-  Ob as EcsBreadcrumbButton,
-  Ab as EcsBreadcrumbTitle,
-  Lb as EcsBulkSelector,
-  xe as EcsButton,
+  Lb as EcsBanner,
+  Nb as EcsBreadcrumb,
+  Rb as EcsBreadcrumbButton,
+  Db as EcsBreadcrumbTitle,
+  $b as EcsBulkSelector,
+  be as EcsButton,
   is as EcsButtonCollapse,
-  $b as EcsButtonContext,
-  Rb as EcsButtonContextGroup,
-  Db as EcsButtonDialog,
-  Nb as EcsButtonGroup,
+  Hb as EcsButtonContext,
+  Fb as EcsButtonContextGroup,
+  qb as EcsButtonDialog,
+  Vb as EcsButtonGroup,
   vi as EcsButtonMore,
   ns as EcsButtonTable,
   vt as EcsButtonToolbar,
   as as EcsButtonToolbarGroup,
-  Vb as EcsButtonToolbarIcon,
-  Hb as EcsCard,
-  qb as EcsChatConversation,
-  Wb as EcsChatMessage,
+  Wb as EcsButtonToolbarIcon,
+  jb as EcsCard,
+  Gb as EcsChatConversation,
+  Kb as EcsChatMessage,
   pt as EcsCheckbox,
-  Fb as EcsCitationLine,
+  Ub as EcsCitationLine,
   ui as EcsClickableArea,
-  Ub as EcsCollapse,
-  Gb as EcsCollectionControl,
+  Xb as EcsCollapse,
+  Zb as EcsCollectionControl,
   ad as EcsColorPicker,
-  Xb as EcsColorPickerInput,
-  Kb as EcsComment,
-  Yb as EcsCommentList,
-  jb as EcsContextMenu,
-  Zb as EcsDataCard,
-  Jb as EcsDataCardList,
-  Qb as EcsDataCardRow,
-  e_ as EcsDataGrid,
-  n_ as EcsDataGridCell,
-  i_ as EcsDataGridGroup,
-  s_ as EcsDataGridHeadCell,
-  Dd as EcsDataGridRow,
-  t_ as EcsDataGridRowGroup,
-  a_ as EcsDataList,
-  o_ as EcsDataListItem,
-  r_ as EcsDialog,
-  l_ as EcsDialogHeader,
-  c_ as EcsDirectoryEntry,
-  d_ as EcsDocumentState,
-  u_ as EcsDonutChart,
-  f_ as EcsDropzone,
-  g_ as EcsEcaiWrapper,
+  e_ as EcsColorPickerInput,
+  Jb as EcsComment,
+  Qb as EcsCommentList,
+  Yb as EcsContextMenu,
+  t_ as EcsDataCard,
+  s_ as EcsDataCardList,
+  i_ as EcsDataCardRow,
+  n_ as EcsDataGrid,
+  l_ as EcsDataGridCell,
+  r_ as EcsDataGridGroup,
+  o_ as EcsDataGridHeadCell,
+  $d as EcsDataGridRow,
+  a_ as EcsDataGridRowGroup,
+  c_ as EcsDataList,
+  d_ as EcsDataListItem,
+  u_ as EcsDialog,
+  f_ as EcsDialogHeader,
+  g_ as EcsDirectoryEntry,
+  m_ as EcsDocumentState,
+  h_ as EcsDonutChart,
+  p_ as EcsDropzone,
+  v_ as EcsEcaiWrapper,
   Si as EcsEmptyState,
-  m_ as EcsEntryLink,
-  h_ as EcsExcerptSnippet,
-  Ru as EcsFavicon,
+  y_ as EcsEntryLink,
+  b_ as EcsExcerptSnippet,
+  Du as EcsFavicon,
   gi as EcsFileIcon,
-  v_ as EcsFileList,
-  y_ as EcsFileListItem,
-  p_ as EcsFillIcon,
-  b_ as EcsFlag,
+  k_ as EcsFileList,
+  w_ as EcsFileListItem,
+  __ as EcsFillIcon,
+  S_ as EcsFlag,
   dg as EcsFlexCol,
   Ee as EcsFlexRow,
   N as EcsFocusRing,
-  __ as EcsFolderSelector,
+  x_ as EcsFolderSelector,
   ss as EcsFormCheck,
   Eg as EcsFormGroup,
-  k_ as EcsFormHeadline,
-  w_ as EcsFormSet,
+  C_ as EcsFormHeadline,
+  B_ as EcsFormSet,
   yi as EcsFormatted,
-  S_ as EcsHighlight,
+  z_ as EcsHighlight,
   M as EcsIcon,
   qg as EcsIllustration,
-  C_ as EcsIndexToolbar,
-  x_ as EcsInfoTooltip,
-  T_ as EcsInplace,
+  I_ as EcsIndexToolbar,
+  E_ as EcsInfoTooltip,
+  A_ as EcsInplace,
   am as EcsInput,
-  B_ as EcsInputAddon,
+  T_ as EcsInputAddon,
   hg as EcsInputClear,
-  z_ as EcsInputConnector,
-  I_ as EcsInputFloat,
-  E_ as EcsInputGroup,
+  P_ as EcsInputConnector,
+  M_ as EcsInputFloat,
+  O_ as EcsInputGroup,
   bg as EcsInputSearch,
-  P_ as EcsJumperDocument,
-  M_ as EcsJumperIndex,
-  O_ as EcsJumperPage,
-  N_ as EcsLayoutDataTable,
-  L_ as EcsLayoutDirectory,
-  A_ as EcsLayoutIndex,
-  $_ as EcsLegendItem,
-  R_ as EcsLogMessage,
-  D_ as EcsMap,
-  V_ as EcsModal,
-  F_ as EcsModalFooter,
-  H_ as EcsModalHeader,
-  j_ as EcsMultiselectOption,
-  q_ as EcsMultiselectSearchToken,
-  W_ as EcsMultiselectToken,
-  U_ as EcsOverlay,
-  G_ as EcsPagination,
+  L_ as EcsJumperDocument,
+  N_ as EcsJumperIndex,
+  R_ as EcsJumperPage,
+  V_ as EcsLayoutDataTable,
+  $_ as EcsLayoutDirectory,
+  D_ as EcsLayoutIndex,
+  H_ as EcsLegendItem,
+  F_ as EcsLogMessage,
+  q_ as EcsMap,
+  W_ as EcsModal,
+  U_ as EcsModalFooter,
+  j_ as EcsModalHeader,
+  Y_ as EcsMultiselectOption,
+  G_ as EcsMultiselectSearchToken,
+  K_ as EcsMultiselectToken,
+  X_ as EcsOverlay,
+  Z_ as EcsPagination,
   Km as EcsPane,
   Sd as EcsPartyEntry,
   ts as EcsPopover,
-  K_ as EcsPopoverHeader,
+  J_ as EcsPopoverHeader,
   di as EcsPopoverList,
-  Y_ as EcsPopoverListHeadline,
+  Q_ as EcsPopoverListHeadline,
   mi as EcsPopoverListItem,
   gf as EcsProgress,
-  X_ as EcsQuicklink,
+  ek as EcsQuicklink,
   oo as EcsRadiobutton,
-  Z_ as EcsRange,
+  tk as EcsRange,
   Kp as EcsRatingFavorability,
   qp as EcsRatingStarRead,
-  J_ as EcsRatingStarWrite,
+  sk as EcsRatingStarWrite,
   wg as EcsScrollContainer,
-  Q_ as EcsSection,
-  ek as EcsSegment,
+  ik as EcsSection,
+  nk as EcsSegment,
   wi as EcsSelect,
   Gh as EcsSelectText,
-  tk as EcsSelectTile,
+  ak as EcsSelectTile,
   Xo as EcsSeparator,
-  sk as EcsSequenceMap,
-  ik as EcsSequenceMapButton,
-  nk as EcsSidebar,
-  ak as EcsSidebarContent,
-  ok as EcsSidebarFooter,
-  rk as EcsSidebarHeader,
-  lk as EcsSidebarList,
-  ck as EcsSidebarListItem,
+  ok as EcsSequenceMap,
+  rk as EcsSequenceMapButton,
+  lk as EcsSidebar,
+  ck as EcsSidebarContent,
+  dk as EcsSidebarFooter,
+  uk as EcsSidebarHeader,
+  fk as EcsSidebarList,
+  gk as EcsSidebarListItem,
   ie as EcsSkeletonLoader,
   vo as EcsSortbutton,
   Ym as EcsSplitpanes,
   Ou as EcsStateIcon,
   qe as EcsSticker,
-  dk as EcsStructuredContent,
-  uk as EcsSwatchesPicker,
+  mk as EcsStructuredContent,
+  hk as EcsSwatchesPicker,
   fi as EcsSwitch,
-  fk as EcsTab,
+  pk as EcsTab,
   Yv as EcsTabBar,
-  gk as EcsTabButton,
+  vk as EcsTabButton,
   Jv as EcsTabs,
-  mk as EcsTag,
-  hk as EcsTagCloud,
-  Xe as EcsTextV2,
-  pk as EcsToast,
-  vk as EcsToasts,
+  yk as EcsTag,
+  bk as EcsTagCloud,
+  We as EcsTextV2,
+  _k as EcsToast,
+  kk as EcsToasts,
   Gg as EcsToolbar,
-  yk as EcsTranscriptState,
-  bk as EcsTreeList,
-  kk as EcsTreeListHeadline,
-  _k as EcsTreeListItem,
-  wk as EcsTypeConfirmation,
-  Sk as EcsVideo
+  wk as EcsTranscriptState,
+  Sk as EcsTreeList,
+  Ck as EcsTreeListHeadline,
+  xk as EcsTreeListItem,
+  Bk as EcsTypeConfirmation,
+  zk as EcsVideo,
+  Ik as EcsWindow
 };