@everchron/ec-shards 8.15.7 → 8.16.0

package/dist/ec-shards.js

@@ -1,4 +1,4 @@
-import { defineAsyncComponent as te, watch as ce, openBlock as o, createBlock as h, resolveDynamicComponent as Pe, unref as ae, normalizeClass as v, createElementBlock as l, normalizeStyle as C, resolveComponent as g, createVNode as _, createCommentVNode as u, createElementVNode as f, createTextVNode as D, toDisplayString as w, renderSlot as p, Transition as pe, withCtx as S, computed as ke, reactive as Qs, nextTick as ei, onBeforeUnmount as Pt, toRefs as bs, isRef as ti, onMounted as _s, useSlots as si, ref as Ye, watchEffect as kt, withKeys as G, Teleport as ii, withDirectives as Ge, vShow as gt, mergeProps as De, normalizeProps as ni, guardReactiveProps as ai, withModifiers as U, pushScopeId as be, popScopeId as _e, Fragment as X, renderList as he, resolveDirective as oi, vModelText as ri, h as li, TransitionGroup as ci } from "vue";
+import { defineAsyncComponent as te, watch as ce, openBlock as o, createBlock as h, resolveDynamicComponent as Pe, unref as ae, normalizeClass as v, createElementBlock as l, normalizeStyle as x, resolveComponent as g, createVNode as _, createCommentVNode as u, createElementVNode as f, createTextVNode as D, toDisplayString as w, renderSlot as p, Transition as pe, withCtx as S, computed as ke, reactive as Qs, nextTick as ei, onBeforeUnmount as Pt, toRefs as _s, isRef as ti, onMounted as ks, useSlots as si, ref as Ye, watchEffect as kt, withKeys as G, Teleport as ii, withDirectives as Ge, vShow as gt, mergeProps as De, normalizeProps as ni, guardReactiveProps as ai, withModifiers as U, pushScopeId as be, popScopeId as _e, Fragment as X, renderList as he, resolveDirective as oi, vModelText as ri, h as li, TransitionGroup as ci } from "vue";
 const se = (e, s) => {
   const t = e[s];
   return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((a, n) => {
@@ -84,7 +84,7 @@ const se = (e, s) => {
 function fi(e, s, t, a, n, i) {
   return o(), l("span", {
     class: v(["ecs-focus-ring", t.danger ? "ecs-focus-ring-danger" : ""]),
-    style: C(i.styles)
+    style: x(i.styles)
   }, null, 6);
 }
 const L = /* @__PURE__ */ y(ui, [["render", fi], ["__scopeId", "data-v-8d624905"]]), gi = {
@@ -176,7 +176,7 @@ function yi(e, s, t, a, n, i) {
       t.inset ? "ecs-alert-inset" : "",
       t.border !== !1 ? "ecs-alert-border" : ""
     ]]),
-    style: C(i.borderStyles),
+    style: x(i.borderStyles),
     role: "alert"
   }, [
     t.dismissable ? (o(), l("button", {
@@ -215,7 +215,7 @@ function yi(e, s, t, a, n, i) {
     ])) : u("", !0)
   ], 6)) : u("", !0);
 }
-const ks = /* @__PURE__ */ y(gi, [["render", yi], ["__scopeId", "data-v-077ffd5b"]]), bi = {
+const ws = /* @__PURE__ */ y(gi, [["render", yi], ["__scopeId", "data-v-077ffd5b"]]), bi = {
   name: "ecs-action-toolbar"
 }, _i = {
   class: "ecs-action-toolbar",
@@ -264,7 +264,7 @@ const wi = /* @__PURE__ */ y(bi, [["render", ki], ["__scopeId", "data-v-ed37c526
       default: null
     }
   }
-}, xi = ["controls", "autoplay", "loop"], Ci = ["src"], Bi = ["src"];
+}, Ci = ["controls", "autoplay", "loop"], xi = ["src"], Bi = ["src"];
 function zi(e, s, t, a, n, i) {
   return o(), l("audio", {
     class: "ecs-audio",
@@ -276,13 +276,13 @@ function zi(e, s, t, a, n, i) {
       key: 0,
       src: t.mp3Source,
       type: "audio/mp3"
-    }, null, 8, Ci)) : u("", !0),
+    }, null, 8, xi)) : u("", !0),
     t.oggSource ? (o(), l("source", {
       key: 1,
       src: t.oggSource,
       type: "audio/ogg"
     }, null, 8, Bi)) : u("", !0)
-  ], 8, xi);
+  ], 8, Ci);
 }
 const ub = /* @__PURE__ */ y(Si, [["render", zi], ["__scopeId", "data-v-4e7ca115"]]), Ii = {
   __name: "sticker",
@@ -335,7 +335,7 @@ const ub = /* @__PURE__ */ y(Si, [["render", zi], ["__scopeId", "data-v-4e7ca115
       "aria-busy": t.value || null,
       width: e.size,
       height: e.size,
-      style: C(`color: ${n.value}`)
+      style: x(`color: ${n.value}`)
     }, null, 8, ["class", "aria-busy", "width", "height", "style"])) : u("", !0);
   }
 }, Fe = /* @__PURE__ */ y(Ii, [["__scopeId", "data-v-add9195d"]]), Ei = {
@@ -457,7 +457,7 @@ function Ti(e, s, t, a, n, i) {
   const r = g("ecs-sticker");
   return o(), l("div", {
     class: v(["avatar", i.partyClass]),
-    style: C([i.style, t.customStyle]),
+    style: x([i.style, t.customStyle]),
     role: t.image ? "img" : "none",
     "aria-label": t.name
   }, [
@@ -547,7 +547,7 @@ function Oi(e, s, t, a, n, i) {
     t.dismissable ? (o(), l("button", {
       key: 0,
       onClick: s[0] || (s[0] = (...d) => i.dismiss && i.dismiss(...d)),
-      style: C(i.dismissButtonStyle),
+      style: x(i.dismissButtonStyle),
       class: "close",
       "aria-label": "Dismiss"
     }, [
@@ -705,14 +705,14 @@ const pb = /* @__PURE__ */ y(Vi, [["render", qi], ["__scopeId", "data-v-422cc046
 function ji(e, s, t, a, n, i) {
   return o(), l("div", {
     class: v(["ecs-flex-row", [i.directionClass, i.justifyClass, i.alignClass, i.wrapClass]]),
-    style: C(i.gapStyle)
+    style: x(i.gapStyle)
   }, [
     p(e.$slots, "default", {}, void 0, !0)
   ], 6);
 }
 const Te = /* @__PURE__ */ y(Wi, [["render", ji], ["__scopeId", "data-v-c8f59d36"]]);
 var rt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function ws(e) {
+function Ss(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 function zt(e, s, t) {
@@ -765,14 +765,14 @@ function It() {
     return s.brand + "/" + s.version;
   }).join(" ") : navigator.userAgent;
 }
-function Ss() {
+function Cs() {
   return !/^((?!chrome|android).)*safari/i.test(It());
 }
 function We(e, s, t) {
   s === void 0 && (s = !1), t === void 0 && (t = !1);
   var a = e.getBoundingClientRect(), n = 1, i = 1;
   s && de(e) && (n = e.offsetWidth > 0 && qe(a.width) / e.offsetWidth || 1, i = e.offsetHeight > 0 && qe(a.height) / e.offsetHeight || 1);
-  var r = Re(e) ? le(e) : window, c = r.visualViewport, d = !Ss() && t, m = (a.left + (d && c ? c.offsetLeft : 0)) / n, b = (a.top + (d && c ? c.offsetTop : 0)) / i, k = a.width / n, z = a.height / i;
+  var r = Re(e) ? le(e) : window, c = r.visualViewport, d = !Cs() && t, m = (a.left + (d && c ? c.offsetLeft : 0)) / n, b = (a.top + (d && c ? c.offsetTop : 0)) / i, k = a.width / n, z = a.height / i;
   return {
     width: k,
     height: z,
@@ -876,7 +876,7 @@ function Qe(e, s) {
 function Xi(e) {
   return ["table", "td", "th"].indexOf(Se(e)) >= 0;
 }
-function es(e) {
+function ts(e) {
   return !de(e) || // https://github.com/popperjs/popper-core/issues/837
   Ie(e).position === "fixed" ? null : e.offsetParent;
 }
@@ -897,13 +897,13 @@ function Zi(e) {
   return null;
 }
 function st(e) {
-  for (var s = le(e), t = es(e); t && Xi(t) && Ie(t).position === "static"; )
-    t = es(t);
+  for (var s = le(e), t = ts(e); t && Xi(t) && Ie(t).position === "static"; )
+    t = ts(t);
   return t && (Se(t) === "html" || Se(t) === "body" && Ie(t).position === "static") ? s : t || Zi(e) || s;
 }
-var oe = "top", ve = "bottom", ye = "right", re = "left", Nt = "auto", it = [oe, ve, ye, re], je = "start", tt = "end", Ji = "clippingParents", Cs = "viewport", Xe = "popper", Qi = "reference", ts = /* @__PURE__ */ it.reduce(function(e, s) {
+var oe = "top", ve = "bottom", ye = "right", re = "left", Nt = "auto", it = [oe, ve, ye, re], je = "start", tt = "end", Ji = "clippingParents", Bs = "viewport", Xe = "popper", Qi = "reference", ss = /* @__PURE__ */ it.reduce(function(e, s) {
   return e.concat([s + "-" + je, s + "-" + tt]);
-}, []), Bs = /* @__PURE__ */ [].concat(it, [Nt]).reduce(function(e, s) {
+}, []), zs = /* @__PURE__ */ [].concat(it, [Nt]).reduce(function(e, s) {
   return e.concat([s, s + "-" + je, s + "-" + tt]);
 }, []), en = "beforeRead", tn = "read", sn = "afterRead", nn = "beforeMain", an = "main", on = "afterMain", rn = "beforeWrite", ln = "write", cn = "afterWrite", dn = [en, tn, sn, nn, an, on, rn, ln, cn];
 function un(e) {
@@ -959,7 +959,7 @@ function pn(e, s) {
   var t = le(e), a = Me(e), n = t.visualViewport, i = a.clientWidth, r = a.clientHeight, c = 0, d = 0;
   if (n) {
     i = n.width, r = n.height;
-    var m = Ss();
+    var m = Cs();
     (m || !m && s === "fixed") && (c = n.offsetLeft, d = n.offsetTop);
   }
   return {
@@ -978,7 +978,7 @@ function hn(e) {
     y: d
   };
 }
-function zs(e, s) {
+function Is(e, s) {
   var t = s.getRootNode && s.getRootNode();
   if (e.contains(s))
     return !0;
@@ -1004,20 +1004,20 @@ function vn(e, s) {
   var t = We(e, !1, s === "fixed");
   return t.top = t.top + e.clientTop, t.left = t.left + e.clientLeft, t.bottom = t.top + e.clientHeight, t.right = t.left + e.clientWidth, t.width = e.clientWidth, t.height = e.clientHeight, t.x = t.left, t.y = t.top, t;
 }
-function ss(e, s, t) {
-  return s === Cs ? Et(pn(e, t)) : Re(s) ? vn(s, t) : Et(hn(Me(e)));
+function is(e, s, t) {
+  return s === Bs ? Et(pn(e, t)) : Re(s) ? vn(s, t) : Et(hn(Me(e)));
 }
 function yn(e) {
   var s = Qe(mt(e)), t = ["absolute", "fixed"].indexOf(Ie(e).position) >= 0, a = t && de(e) ? st(e) : e;
   return Re(a) ? s.filter(function(n) {
-    return Re(n) && zs(n, a) && Se(n) !== "body";
+    return Re(n) && Is(n, a) && Se(n) !== "body";
   }) : [];
 }
 function bn(e, s, t, a) {
   var n = s === "clippingParents" ? yn(e) : [].concat(s), i = [].concat(n, [t]), r = i[0], c = i.reduce(function(d, m) {
-    var b = ss(e, m, a);
+    var b = is(e, m, a);
     return d.top = Ne(b.top, d.top), d.right = ut(b.right, d.right), d.bottom = ut(b.bottom, d.bottom), d.left = Ne(b.left, d.left), d;
-  }, ss(e, r, a));
+  }, is(e, r, a));
   return c.width = c.right - c.left, c.height = c.bottom - c.top, c.x = c.left, c.y = c.top, c;
 }
 function we(e) {
@@ -1029,7 +1029,7 @@ function Ue(e) {
 function Dt(e) {
   return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
 }
-function Is(e) {
+function Es(e) {
   var s = e.reference, t = e.element, a = e.placement, n = a ? we(a) : null, i = a ? Ue(a) : null, r = s.x + s.width / 2 - t.width / 2, c = s.y + s.height / 2 - t.height / 2, d;
   switch (n) {
     case oe:
@@ -1076,7 +1076,7 @@ function Is(e) {
   }
   return d;
 }
-function Es() {
+function $s() {
   return {
     top: 0,
     right: 0,
@@ -1084,17 +1084,17 @@ function Es() {
     left: 0
   };
 }
-function $s(e) {
-  return Object.assign({}, Es(), e);
+function Ps(e) {
+  return Object.assign({}, $s(), e);
 }
-function Ps(e, s) {
+function Ts(e, s) {
   return s.reduce(function(t, a) {
     return t[a] = e, t;
   }, {});
 }
 function Rt(e, s) {
   s === void 0 && (s = {});
-  var t = s, a = t.placement, n = a === void 0 ? e.placement : a, i = t.strategy, r = i === void 0 ? e.strategy : i, c = t.boundary, d = c === void 0 ? Ji : c, m = t.rootBoundary, b = m === void 0 ? Cs : m, k = t.elementContext, z = k === void 0 ? Xe : k, I = t.altBoundary, B = I === void 0 ? !1 : I, $ = t.padding, T = $ === void 0 ? 0 : $, O = $s(typeof T != "number" ? T : Ps(T, it)), R = z === Xe ? Qi : Xe, H = e.rects.popper, P = e.elements[B ? R : z], A = bn(Re(P) ? P : P.contextElement || Me(e.elements.popper), d, b, r), E = We(e.elements.reference), N = Is({
+  var t = s, a = t.placement, n = a === void 0 ? e.placement : a, i = t.strategy, r = i === void 0 ? e.strategy : i, c = t.boundary, d = c === void 0 ? Ji : c, m = t.rootBoundary, b = m === void 0 ? Bs : m, k = t.elementContext, z = k === void 0 ? Xe : k, I = t.altBoundary, B = I === void 0 ? !1 : I, $ = t.padding, T = $ === void 0 ? 0 : $, O = Ps(typeof T != "number" ? T : Ts(T, it)), R = z === Xe ? Qi : Xe, H = e.rects.popper, P = e.elements[B ? R : z], A = bn(Re(P) ? P : P.contextElement || Me(e.elements.popper), d, b, r), E = We(e.elements.reference), N = Es({
     reference: E,
     element: H,
     strategy: "absolute",
@@ -1108,18 +1108,18 @@ function Rt(e, s) {
   if (z === Xe && j) {
     var Z = j[n];
     Object.keys(W).forEach(function(K) {
-      var Ce = [ye, ve].indexOf(K) >= 0 ? 1 : -1, Be = [oe, ve].indexOf(K) >= 0 ? "y" : "x";
-      W[K] += Z[Be] * Ce;
+      var xe = [ye, ve].indexOf(K) >= 0 ? 1 : -1, Be = [oe, ve].indexOf(K) >= 0 ? "y" : "x";
+      W[K] += Z[Be] * xe;
     });
   }
   return W;
 }
-var is = {
+var ns = {
   placement: "bottom",
   modifiers: [],
   strategy: "absolute"
 };
-function ns() {
+function as() {
   for (var e = arguments.length, s = new Array(e), t = 0; t < e; t++)
     s[t] = arguments[t];
   return !s.some(function(a) {
@@ -1128,13 +1128,13 @@ function ns() {
 }
 function _n(e) {
   e === void 0 && (e = {});
-  var s = e, t = s.defaultModifiers, a = t === void 0 ? [] : t, n = s.defaultOptions, i = n === void 0 ? is : n;
+  var s = e, t = s.defaultModifiers, a = t === void 0 ? [] : t, n = s.defaultOptions, i = n === void 0 ? ns : n;
   return function(c, d, m) {
     m === void 0 && (m = i);
     var b = {
       placement: "bottom",
       orderedModifiers: [],
-      options: Object.assign({}, is, i),
+      options: Object.assign({}, ns, i),
       modifiersData: {},
       elements: {
         reference: c,
@@ -1163,7 +1163,7 @@ function _n(e) {
       forceUpdate: function() {
         if (!z) {
           var O = b.elements, R = O.reference, H = O.popper;
-          if (ns(R, H)) {
+          if (as(R, H)) {
             b.rects = {
               reference: Yi(R, st(H), b.options.strategy === "fixed"),
               popper: At(H)
@@ -1197,7 +1197,7 @@ function _n(e) {
         $(), z = !0;
       }
     };
-    if (!ns(c, d))
+    if (!as(c, d))
       return I;
     I.setOptions(m).then(function(T) {
       !z && m.onFirstUpdate && m.onFirstUpdate(T);
@@ -1249,21 +1249,21 @@ const wn = {
 };
 function Sn(e) {
   var s = e.state, t = e.name;
-  s.modifiersData[t] = Is({
+  s.modifiersData[t] = Es({
     reference: s.rects.reference,
     element: s.rects.popper,
     strategy: "absolute",
     placement: s.placement
   });
 }
-const xn = {
+const Cn = {
   name: "popperOffsets",
   enabled: !0,
   phase: "read",
   fn: Sn,
   data: {}
 };
-var Cn = {
+var xn = {
   top: "auto",
   right: "auto",
   bottom: "auto",
@@ -1276,7 +1276,7 @@ function Bn(e, s) {
     y: qe(a * n) / n || 0
   };
 }
-function as(e) {
+function os(e) {
   var s, t = e.popper, a = e.popperRect, n = e.placement, i = e.variation, r = e.offsets, c = e.position, d = e.gpuAcceleration, m = e.adaptive, b = e.roundOffsets, k = e.isFixed, z = r.x, I = z === void 0 ? 0 : z, B = r.y, $ = B === void 0 ? 0 : B, T = typeof b == "function" ? b({
     x: I,
     y: $
@@ -1307,7 +1307,7 @@ function as(e) {
   }
   var j = Object.assign({
     position: c
-  }, m && Cn), Z = b === !0 ? Bn({
+  }, m && xn), Z = b === !0 ? Bn({
     x: I,
     y: $
   }, le(t)) : {
@@ -1329,12 +1329,12 @@ function zn(e) {
     gpuAcceleration: n,
     isFixed: s.options.strategy === "fixed"
   };
-  s.modifiersData.popperOffsets != null && (s.styles.popper = Object.assign({}, s.styles.popper, as(Object.assign({}, m, {
+  s.modifiersData.popperOffsets != null && (s.styles.popper = Object.assign({}, s.styles.popper, os(Object.assign({}, m, {
     offsets: s.modifiersData.popperOffsets,
     position: s.options.strategy,
     adaptive: r,
     roundOffsets: d
-  })))), s.modifiersData.arrow != null && (s.styles.arrow = Object.assign({}, s.styles.arrow, as(Object.assign({}, m, {
+  })))), s.modifiersData.arrow != null && (s.styles.arrow = Object.assign({}, s.styles.arrow, os(Object.assign({}, m, {
     offsets: s.modifiersData.arrow,
     position: "absolute",
     adaptive: !1,
@@ -1392,7 +1392,7 @@ const Pn = {
   effect: $n,
   requires: ["computeStyles"]
 };
-var Tn = [wn, xn, In, Pn], Mn = /* @__PURE__ */ _n({
+var Tn = [wn, Cn, In, Pn], Mn = /* @__PURE__ */ _n({
   defaultModifiers: Tn
 });
 function Ln(e) {
@@ -1425,15 +1425,15 @@ function An(e) {
   };
   if (E) {
     if (i) {
-      var K, Ce = P === "y" ? oe : re, Be = P === "y" ? ve : ye, Y = P === "y" ? "height" : "width", Q = E[P], Ee = Q + T[Ce], ie = Q - T[Be], Ve = I ? -F[Y] / 2 : 0, J = R === je ? N[Y] : F[Y], ee = R === je ? -F[Y] : -N[Y], Le = s.elements.arrow, He = I && Le ? At(Le) : {
+      var K, xe = P === "y" ? oe : re, Be = P === "y" ? ve : ye, Y = P === "y" ? "height" : "width", Q = E[P], Ee = Q + T[xe], ie = Q - T[Be], Ve = I ? -F[Y] / 2 : 0, J = R === je ? N[Y] : F[Y], ee = R === je ? -F[Y] : -N[Y], Le = s.elements.arrow, He = I && Le ? At(Le) : {
         width: 0,
         height: 0
-      }, $e = s.modifiersData["arrow#persistent"] ? s.modifiersData["arrow#persistent"].padding : Es(), Ke = $e[Ce], at = $e[Be], Oe = et(0, N[Y], He[Y]), yt = H ? N[Y] / 2 - Ve - Oe - Ke - W.mainAxis : J - Oe - Ke - W.mainAxis, Gs = H ? -N[Y] / 2 + Ve + Oe + at + W.mainAxis : ee + Oe + at + W.mainAxis, bt = s.elements.arrow && st(s.elements.arrow), Ks = bt ? P === "y" ? bt.clientTop || 0 : bt.clientLeft || 0 : 0, jt = (K = j == null ? void 0 : j[P]) != null ? K : 0, Ys = Q + yt - jt - Ks, Xs = Q + Gs - jt, Ut = et(I ? ut(Ee, Ys) : Ee, Q, I ? Ne(ie, Xs) : ie);
-      E[P] = Ut, Z[P] = Ut - Q;
+      }, $e = s.modifiersData["arrow#persistent"] ? s.modifiersData["arrow#persistent"].padding : $s(), Ke = $e[xe], at = $e[Be], Oe = et(0, N[Y], He[Y]), yt = H ? N[Y] / 2 - Ve - Oe - Ke - W.mainAxis : J - Oe - Ke - W.mainAxis, Gs = H ? -N[Y] / 2 + Ve + Oe + at + W.mainAxis : ee + Oe + at + W.mainAxis, bt = s.elements.arrow && st(s.elements.arrow), Ks = bt ? P === "y" ? bt.clientTop || 0 : bt.clientLeft || 0 : 0, Ut = (K = j == null ? void 0 : j[P]) != null ? K : 0, Ys = Q + yt - Ut - Ks, Xs = Q + Gs - Ut, Gt = et(I ? ut(Ee, Ys) : Ee, Q, I ? Ne(ie, Xs) : ie);
+      E[P] = Gt, Z[P] = Gt - Q;
     }
     if (c) {
-      var Gt, Zs = P === "x" ? oe : re, Js = P === "x" ? ve : ye, Ae = E[A], ot = A === "y" ? "height" : "width", Kt = Ae + T[Zs], Yt = Ae - T[Js], _t = [oe, re].indexOf(O) !== -1, Xt = (Gt = j == null ? void 0 : j[A]) != null ? Gt : 0, Zt = _t ? Kt : Ae - N[ot] - F[ot] - Xt + W.altAxis, Jt = _t ? Ae + N[ot] + F[ot] - Xt - W.altAxis : Yt, Qt = I && _t ? On(Zt, Ae, Jt) : et(I ? Zt : Kt, Ae, I ? Jt : Yt);
-      E[A] = Qt, Z[A] = Qt - Ae;
+      var Kt, Zs = P === "x" ? oe : re, Js = P === "x" ? ve : ye, Ae = E[A], ot = A === "y" ? "height" : "width", Yt = Ae + T[Zs], Xt = Ae - T[Js], _t = [oe, re].indexOf(O) !== -1, Zt = (Kt = j == null ? void 0 : j[A]) != null ? Kt : 0, Jt = _t ? Yt : Ae - N[ot] - F[ot] - Zt + W.altAxis, Qt = _t ? Ae + N[ot] + F[ot] - Zt - W.altAxis : Xt, es = I && _t ? On(Jt, Ae, Qt) : et(I ? Jt : Yt, Ae, I ? Qt : Xt);
+      E[A] = es, Z[A] = es - Ae;
     }
     s.modifiersData[a] = Z;
   }
@@ -1460,14 +1460,14 @@ var Rn = {
   start: "end",
   end: "start"
 };
-function os(e) {
+function rs(e) {
   return e.replace(/start|end/g, function(s) {
     return Rn[s];
   });
 }
 function Fn(e, s) {
   s === void 0 && (s = {});
-  var t = s, a = t.placement, n = t.boundary, i = t.rootBoundary, r = t.padding, c = t.flipVariations, d = t.allowedAutoPlacements, m = d === void 0 ? Bs : d, b = Ue(a), k = b ? c ? ts : ts.filter(function(B) {
+  var t = s, a = t.placement, n = t.boundary, i = t.rootBoundary, r = t.padding, c = t.flipVariations, d = t.allowedAutoPlacements, m = d === void 0 ? zs : d, b = Ue(a), k = b ? c ? ss : ss.filter(function(B) {
     return Ue(B) === b;
   }) : it, z = k.filter(function(B) {
     return m.indexOf(B) >= 0;
@@ -1489,7 +1489,7 @@ function Vn(e) {
   if (we(e) === Nt)
     return [];
   var s = dt(e);
-  return [os(e), s, os(s)];
+  return [rs(e), s, rs(s)];
 }
 function Hn(e) {
   var s = e.state, t = e.options, a = e.name;
@@ -1504,13 +1504,13 @@ function Hn(e) {
         allowedAutoPlacements: $
       }) : $e);
     }, []), A = s.rects.reference, E = s.rects.popper, N = /* @__PURE__ */ new Map(), F = !0, V = P[0], W = 0; W < P.length; W++) {
-      var j = P[W], Z = we(j), K = Ue(j) === je, Ce = [oe, ve].indexOf(Z) >= 0, Be = Ce ? "width" : "height", Y = Rt(s, {
+      var j = P[W], Z = we(j), K = Ue(j) === je, xe = [oe, ve].indexOf(Z) >= 0, Be = xe ? "width" : "height", Y = Rt(s, {
         placement: j,
         boundary: b,
         rootBoundary: k,
         altBoundary: z,
         padding: m
-      }), Q = Ce ? K ? ye : re : K ? ve : oe;
+      }), Q = xe ? K ? ye : re : K ? ve : oe;
       A[Be] > E[Be] && (Q = dt(Q));
       var Ee = dt(Q), ie = [];
       if (i && ie.push(Y[Z] <= 0), c && ie.push(Y[Q] <= 0, Y[Ee] <= 0), ie.every(function(He) {
@@ -1563,7 +1563,7 @@ function Wn(e, s, t) {
   };
 }
 function jn(e) {
-  var s = e.state, t = e.options, a = e.name, n = t.offset, i = n === void 0 ? [0, 0] : n, r = Bs.reduce(function(b, k) {
+  var s = e.state, t = e.options, a = e.name, n = t.offset, i = n === void 0 ? [0, 0] : n, r = zs.reduce(function(b, k) {
     return b[k] = Wn(k, s.rects, i), b;
   }, {}), c = r[s.placement], d = c.x, m = c.y;
   s.modifiersData.popperOffsets != null && (s.modifiersData.popperOffsets.x += d, s.modifiersData.popperOffsets.y += m), s.modifiersData[a] = r;
@@ -1578,7 +1578,7 @@ const Un = {
 var Gn = function(s, t) {
   return s = typeof s == "function" ? s(Object.assign({}, t.rects, {
     placement: t.placement
-  })) : s, $s(typeof s != "number" ? s : Ps(s, it));
+  })) : s, Ps(typeof s != "number" ? s : Ts(s, it));
 };
 function Kn(e) {
   var s, t = e.state, a = e.name, n = e.options, i = t.elements.arrow, r = t.modifiersData.popperOffsets, c = we(t.placement), d = Dt(c), m = [re, ye].indexOf(c) >= 0, b = m ? "height" : "width";
@@ -1589,7 +1589,7 @@ function Kn(e) {
 }
 function Yn(e) {
   var s = e.state, t = e.options, a = t.element, n = a === void 0 ? "[data-popper-arrow]" : a;
-  n != null && (typeof n == "string" && (n = s.elements.popper.querySelector(n), !n) || zs(s.elements.popper, n) && (s.elements.arrow = n));
+  n != null && (typeof n == "string" && (n = s.elements.popper.querySelector(n), !n) || Is(s.elements.popper, n) && (s.elements.arrow = n));
 }
 const Xn = {
   name: "arrow",
@@ -1658,7 +1658,7 @@ function Zn({
     var $;
     ($ = d.popperInstance) == null || $.destroy();
   }), {
-    ...bs(d),
+    ..._s(d),
     open: I,
     close: z
   };
@@ -1666,7 +1666,7 @@ function Zn({
 function Jn(e, s, t) {
   ti(e) ? ce(e, (a, n) => {
     n == null || n.removeEventListener(s, t), a == null || a.addEventListener(s, t);
-  }) : _s(() => {
+  }) : ks(() => {
     e.addEventListener(s, t);
   }), Pt(() => {
     var a;
@@ -1829,7 +1829,7 @@ const ia = /* @__PURE__ */ y(ea, [["render", sa], ["__scopeId", "data-v-baf3bb28
     const r = "ecs-popover-" + parseInt(Math.ceil(Math.random() * Date.now()).toPrecision(16).toString().replace(".", "")), c = Ye(!1), d = Ye(null), m = Ye(null), b = Ye(!1), k = Ye(!1), z = () => {
       a.content ? k.value = !0 : k.value = !1;
     };
-    _s(() => {
+    ks(() => {
       const J = a.default();
       if (J && J.length > 1)
         return console.error(
@@ -1850,7 +1850,7 @@ const ia = /* @__PURE__ */ y(ea, [["render", sa], ["__scopeId", "data-v-baf3bb28
       openDelay: E,
       placement: N,
       show: F
-    } = bs(n), { isOpen: V, open: W, close: j } = Zn({
+    } = _s(n), { isOpen: V, open: W, close: j } = Zn({
       arrowPadding: I,
       emit: t,
       locked: H,
@@ -1859,7 +1859,7 @@ const ia = /* @__PURE__ */ y(ea, [["render", sa], ["__scopeId", "data-v-baf3bb28
       placement: N,
       popperNode: d,
       triggerNode: m
-    }), Z = ke(() => F.value !== null), K = ke(() => O.value || !k.value), Ce = ke(() => V.value && !K.value), Be = ke(
+    }), Z = ke(() => F.value !== null), K = ke(() => O.value || !k.value), xe = ke(() => V.value && !K.value), Be = ke(
       () => !T.value && !Z.value
     );
     ke(
@@ -1925,7 +1925,7 @@ const ia = /* @__PURE__ */ y(ea, [["render", sa], ["__scopeId", "data-v-baf3bb28
               ], !0),
               e.arrow ? (o(), h(ia, { key: 0 })) : u("", !0)
             ], 512)), [
-              [gt, Ce.value]
+              [gt, xe.value]
             ]) : u("", !0)
           ]),
           _: 3
@@ -2028,7 +2028,7 @@ function la(e, s, t, a, n, i) {
     _: 3
   }, 16, ["placement", "disableClickAway", "offsetSkid", "offsetDistance", "disabled", "openDelay", "closeDelay", "show", "locked", "arrow", "persistent"]);
 }
-const Ts = /* @__PURE__ */ y(ra, [["render", la]]), ca = {
+const Ms = /* @__PURE__ */ y(ra, [["render", la]]), ca = {
   name: "ecs-popover-list",
   props: {
     inner: {
@@ -2115,7 +2115,7 @@ const Ft = /* @__PURE__ */ y(fa, [["render", ga]]), ma = {
 function pa(e, s, t, a, n, i) {
   return o(), h(Pe(i.textTag), {
     class: v([[i.textClass, t.emphasized ? "emphasized" : ""], "ecs-text"]),
-    style: C({ color: i.textColor })
+    style: x({ color: i.textColor })
   }, {
     default: S(() => [
       p(e.$slots, "default", {}, void 0, !0)
@@ -2392,7 +2392,7 @@ function Sa(e, s, t, a, n, i) {
     _: 3
   }, 8, ["class"]);
 }
-const xa = /* @__PURE__ */ y(_a, [["render", Sa], ["__scopeId", "data-v-0296b689"]]), Ca = {
+const Ca = /* @__PURE__ */ y(_a, [["render", Sa], ["__scopeId", "data-v-0296b689"]]), xa = {
   name: "ecs-switch",
   emits: ["input"],
   components: { EcsFocusRing: L },
@@ -2524,7 +2524,7 @@ function Ma(e, s, t, a, n, i) {
     ], 8, Ta)) : u("", !0)
   ]);
 }
-const Ms = /* @__PURE__ */ y(Ca, [["render", Ma], ["__scopeId", "data-v-80ce1ada"]]), La = {
+const Ls = /* @__PURE__ */ y(xa, [["render", Ma], ["__scopeId", "data-v-80ce1ada"]]), La = {
   name: "ecs-sortbutton",
   emits: ["click"],
   components: { EcsFormCheck: Ft, EcsFocusRing: L },
@@ -2575,7 +2575,7 @@ function Na(e, s, t, a, n, i) {
     _: 3
   }, 8, ["class"]);
 }
-const Da = /* @__PURE__ */ y(La, [["render", Na], ["__scopeId", "data-v-dca05194"]]), Ls = {
+const Da = /* @__PURE__ */ y(La, [["render", Na], ["__scopeId", "data-v-dca05194"]]), Os = {
   __name: "file-icon",
   props: {
     /** Sets the icon type. */
@@ -2790,10 +2790,10 @@ function Wa(e, s, t, a, n, i) {
     }, null, 8, ["inset", "danger"])
   ], 42, Ha));
 }
-const xe = /* @__PURE__ */ y(Ra, [["render", Wa], ["__scopeId", "data-v-a3459c11"]]), ja = {
+const Ce = /* @__PURE__ */ y(Ra, [["render", Wa], ["__scopeId", "data-v-a3459c11"]]), ja = {
   name: "ecs-popover-list-item",
   emits: ["click", "input", "change", "secondaryClick"],
-  components: { EcsCheckbox: Vt, EcsRadiobutton: xa, EcsSwitch: Ms, EcsSortbutton: Da, EcsIcon: M, EcsFileIcon: Ls, EcsButton: xe, EcsFocusRing: L },
+  components: { EcsCheckbox: Vt, EcsRadiobutton: Ca, EcsSwitch: Ls, EcsSortbutton: Da, EcsIcon: M, EcsFileIcon: Os, EcsButton: Ce, EcsFocusRing: L },
   props: {
     /** Determines the type of popover list item.*/
     type: {
@@ -3305,7 +3305,7 @@ function po(e, s, t, a, n, i) {
     t.badge ? (o(), l("span", {
       key: 1,
       class: "badge",
-      style: C({ background: t.badgeColor })
+      style: x({ background: t.badgeColor })
     }, null, 4)) : u("", !0),
     t.icon && t.iconPosition == "right" || t.loading && t.iconPosition == "right" ? (o(), h(r, {
       key: 2,
@@ -3341,7 +3341,7 @@ function po(e, s, t, a, n, i) {
     t.badge ? (o(), l("span", {
       key: 1,
       class: "badge",
-      style: C({ background: t.badgeColor })
+      style: x({ background: t.badgeColor })
     }, null, 4)) : u("", !0),
     t.icon && t.iconPosition == "right" || t.loading && t.iconPosition == "right" ? (o(), h(r, {
       key: 2,
@@ -3402,14 +3402,14 @@ const pt = /* @__PURE__ */ y(fo, [["render", po], ["__scopeId", "data-v-72592c75
 function vo(e, s, t, a, n, i) {
   return o(), l("div", {
     class: v(["ecs-separator", i.classes]),
-    style: C({ margin: i.marginStyles, width: t.width, height: t.height }),
+    style: x({ margin: i.marginStyles, width: t.width, height: t.height }),
     role: "separator"
   }, null, 6);
 }
 const yo = /* @__PURE__ */ y(ho, [["render", vo], ["__scopeId", "data-v-6c95c339"]]), bo = {
   name: "ecs-bulk-selector",
   emits: ["select", "families", "checked", "popover-shown", "popover-hidden"],
-  components: { EcsFlexRow: Te, EcsPopover: Ts, EcsPopoverList: ua, EcsPopoverListItem: uo, EcsButtonToolbar: pt, EcsCheckbox: Vt, EcsSeparator: yo },
+  components: { EcsFlexRow: Te, EcsPopover: Ms, EcsPopoverList: ua, EcsPopoverListItem: uo, EcsButtonToolbar: pt, EcsCheckbox: Vt, EcsSeparator: yo },
   props: {
     /** Array of available select options that should show up in the dropdown. Needs to contain objects for each popover-list-item, */
     options: {
@@ -3561,12 +3561,12 @@ function ko(e, s, t, a, n, i) {
 const hb = /* @__PURE__ */ y(bo, [["render", ko], ["__scopeId", "data-v-04aed8bb"]]), wo = {
   name: "ecs-button-group"
 }, So = { class: "ecs-button-group" };
-function xo(e, s, t, a, n, i) {
+function Co(e, s, t, a, n, i) {
   return o(), l("div", So, [
     p(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const vb = /* @__PURE__ */ y(wo, [["render", xo], ["__scopeId", "data-v-83c21366"]]), Co = {
+const vb = /* @__PURE__ */ y(wo, [["render", Co], ["__scopeId", "data-v-83c21366"]]), xo = {
   name: "ecs-button-collapse",
   emits: ["click"],
   components: {
@@ -3618,7 +3618,7 @@ function zo(e, s, t, a, n, i) {
     _(r)
   ], 10, Bo);
 }
-const Os = /* @__PURE__ */ y(Co, [["render", zo], ["__scopeId", "data-v-c7222f39"]]);
+const Ht = /* @__PURE__ */ y(xo, [["render", zo], ["__scopeId", "data-v-c7222f39"]]);
 function ft(e) {
   "@babel/helpers - typeof";
   return ft = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(s) {
@@ -3628,15 +3628,15 @@ function ft(e) {
   }, ft(e);
 }
 var Io = /^\s+/, Eo = /\s+$/;
-function x(e, s) {
-  if (e = e || "", s = s || {}, e instanceof x)
+function C(e, s) {
+  if (e = e || "", s = s || {}, e instanceof C)
     return e;
-  if (!(this instanceof x))
-    return new x(e, s);
+  if (!(this instanceof C))
+    return new C(e, s);
   var t = $o(e);
   this._originalInput = e, this._r = t.r, this._g = t.g, this._b = t.b, this._a = t.a, this._roundA = Math.round(100 * this._a) / 100, this._format = s.format || t.format, this._gradientType = s.gradientType, this._r < 1 && (this._r = Math.round(this._r)), this._g < 1 && (this._g = Math.round(this._g)), this._b < 1 && (this._b = Math.round(this._b)), this._ok = t.ok;
 }
-x.prototype = {
+C.prototype = {
   isDark: function() {
     return this.getBrightness() < 128;
   },
@@ -3667,7 +3667,7 @@ x.prototype = {
     return this._a = As(s), this._roundA = Math.round(100 * this._a) / 100, this;
   },
   toHsv: function() {
-    var s = ls(this._r, this._g, this._b);
+    var s = cs(this._r, this._g, this._b);
     return {
       h: s.h * 360,
       s: s.s,
@@ -3676,11 +3676,11 @@ x.prototype = {
     };
   },
   toHsvString: function() {
-    var s = ls(this._r, this._g, this._b), t = Math.round(s.h * 360), a = Math.round(s.s * 100), n = Math.round(s.v * 100);
+    var s = cs(this._r, this._g, this._b), t = Math.round(s.h * 360), a = Math.round(s.s * 100), n = Math.round(s.v * 100);
     return this._a == 1 ? "hsv(" + t + ", " + a + "%, " + n + "%)" : "hsva(" + t + ", " + a + "%, " + n + "%, " + this._roundA + ")";
   },
   toHsl: function() {
-    var s = rs(this._r, this._g, this._b);
+    var s = ls(this._r, this._g, this._b);
     return {
       h: s.h * 360,
       s: s.s,
@@ -3689,11 +3689,11 @@ x.prototype = {
     };
   },
   toHslString: function() {
-    var s = rs(this._r, this._g, this._b), t = Math.round(s.h * 360), a = Math.round(s.s * 100), n = Math.round(s.l * 100);
+    var s = ls(this._r, this._g, this._b), t = Math.round(s.h * 360), a = Math.round(s.s * 100), n = Math.round(s.l * 100);
     return this._a == 1 ? "hsl(" + t + ", " + a + "%, " + n + "%)" : "hsla(" + t + ", " + a + "%, " + n + "%, " + this._roundA + ")";
   },
   toHex: function(s) {
-    return cs(this._r, this._g, this._b, s);
+    return ds(this._r, this._g, this._b, s);
   },
   toHexString: function(s) {
     return "#" + this.toHex(s);
@@ -3727,13 +3727,13 @@ x.prototype = {
     return this._a == 1 ? "rgb(" + Math.round(q(this._r, 255) * 100) + "%, " + Math.round(q(this._g, 255) * 100) + "%, " + Math.round(q(this._b, 255) * 100) + "%)" : "rgba(" + Math.round(q(this._r, 255) * 100) + "%, " + Math.round(q(this._g, 255) * 100) + "%, " + Math.round(q(this._b, 255) * 100) + "%, " + this._roundA + ")";
   },
   toName: function() {
-    return this._a === 0 ? "transparent" : this._a < 1 ? !1 : Uo[cs(this._r, this._g, this._b, !0)] || !1;
+    return this._a === 0 ? "transparent" : this._a < 1 ? !1 : Uo[ds(this._r, this._g, this._b, !0)] || !1;
   },
   toFilter: function(s) {
-    var t = "#" + ds(this._r, this._g, this._b, this._a), a = t, n = this._gradientType ? "GradientType = 1, " : "";
+    var t = "#" + us(this._r, this._g, this._b, this._a), a = t, n = this._gradientType ? "GradientType = 1, " : "";
     if (s) {
-      var i = x(s);
-      a = "#" + ds(i._r, i._g, i._b, i._a);
+      var i = C(s);
+      a = "#" + us(i._r, i._g, i._b, i._a);
     }
     return "progid:DXImageTransform.Microsoft.gradient(" + n + "startColorstr=" + t + ",endColorstr=" + a + ")";
   },
@@ -3744,7 +3744,7 @@ x.prototype = {
     return i ? s === "name" && this._a === 0 ? this.toName() : this.toRgbString() : (s === "rgb" && (a = this.toRgbString()), s === "prgb" && (a = this.toPercentageRgbString()), (s === "hex" || s === "hex6") && (a = this.toHexString()), s === "hex3" && (a = this.toHexString(!0)), s === "hex4" && (a = this.toHex8String(!0)), s === "hex8" && (a = this.toHex8String()), s === "name" && (a = this.toName()), s === "hsl" && (a = this.toHslString()), s === "hsv" && (a = this.toHsvString()), a || this.toHexString());
   },
   clone: function() {
-    return x(this.toString());
+    return C(this.toString());
   },
   _applyModification: function(s, t) {
     var a = s.apply(null, [this].concat([].slice.call(t)));
@@ -3791,20 +3791,20 @@ x.prototype = {
   //   return this._applyCombination(polyad, [number]);
   // },
   triad: function() {
-    return this._applyCombination(us, [3]);
+    return this._applyCombination(fs, [3]);
   },
   tetrad: function() {
-    return this._applyCombination(us, [4]);
+    return this._applyCombination(fs, [4]);
   }
 };
-x.fromRatio = function(e, s) {
+C.fromRatio = function(e, s) {
   if (ft(e) == "object") {
     var t = {};
     for (var a in e)
       e.hasOwnProperty(a) && (a === "a" ? t[a] = e[a] : t[a] = Je(e[a]));
     e = t;
   }
-  return x(e, s);
+  return C(e, s);
 };
 function $o(e) {
   var s = {
@@ -3828,7 +3828,7 @@ function Po(e, s, t) {
     b: q(t, 255) * 255
   };
 }
-function rs(e, s, t) {
+function ls(e, s, t) {
   e = q(e, 255), s = q(s, 255), t = q(t, 255);
   var a = Math.max(e, s, t), n = Math.min(e, s, t), i, r, c = (a + n) / 2;
   if (a == n)
@@ -3872,7 +3872,7 @@ function To(e, s, t) {
     b: i * 255
   };
 }
-function ls(e, s, t) {
+function cs(e, s, t) {
   e = q(e, 255), s = q(s, 255), t = q(t, 255);
   var a = Math.max(e, s, t), n = Math.min(e, s, t), i, r, c = a, d = a - n;
   if (r = a === 0 ? 0 : d / a, a == n)
@@ -3906,7 +3906,7 @@ function Mo(e, s, t) {
     b: k * 255
   };
 }
-function cs(e, s, t, a) {
+function ds(e, s, t, a) {
   var n = [me(Math.round(e).toString(16)), me(Math.round(s).toString(16)), me(Math.round(t).toString(16))];
   return a && n[0].charAt(0) == n[0].charAt(1) && n[1].charAt(0) == n[1].charAt(1) && n[2].charAt(0) == n[2].charAt(1) ? n[0].charAt(0) + n[1].charAt(0) + n[2].charAt(0) : n.join("");
 }
@@ -3914,15 +3914,15 @@ function Lo(e, s, t, a, n) {
   var i = [me(Math.round(e).toString(16)), me(Math.round(s).toString(16)), me(Math.round(t).toString(16)), me(Ns(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 ds(e, s, t, a) {
+function us(e, s, t, a) {
   var n = [me(Ns(a)), me(Math.round(e).toString(16)), me(Math.round(s).toString(16)), me(Math.round(t).toString(16))];
   return n.join("");
 }
-x.equals = function(e, s) {
-  return !e || !s ? !1 : x(e).toRgbString() == x(s).toRgbString();
+C.equals = function(e, s) {
+  return !e || !s ? !1 : C(e).toRgbString() == C(s).toRgbString();
 };
-x.random = function() {
-  return x.fromRatio({
+C.random = function() {
+  return C.fromRatio({
     r: Math.random(),
     g: Math.random(),
     b: Math.random()
@@ -3930,45 +3930,45 @@ x.random = function() {
 };
 function Oo(e, s) {
   s = s === 0 ? 0 : s || 10;
-  var t = x(e).toHsl();
-  return t.s -= s / 100, t.s = ht(t.s), x(t);
+  var t = C(e).toHsl();
+  return t.s -= s / 100, t.s = ht(t.s), C(t);
 }
 function Ao(e, s) {
   s = s === 0 ? 0 : s || 10;
-  var t = x(e).toHsl();
-  return t.s += s / 100, t.s = ht(t.s), x(t);
+  var t = C(e).toHsl();
+  return t.s += s / 100, t.s = ht(t.s), C(t);
 }
 function No(e) {
-  return x(e).desaturate(100);
+  return C(e).desaturate(100);
 }
 function Do(e, s) {
   s = s === 0 ? 0 : s || 10;
-  var t = x(e).toHsl();
-  return t.l += s / 100, t.l = ht(t.l), x(t);
+  var t = C(e).toHsl();
+  return t.l += s / 100, t.l = ht(t.l), C(t);
 }
 function Ro(e, s) {
   s = s === 0 ? 0 : s || 10;
-  var t = x(e).toRgb();
-  return t.r = Math.max(0, Math.min(255, t.r - Math.round(255 * -(s / 100)))), t.g = Math.max(0, Math.min(255, t.g - Math.round(255 * -(s / 100)))), t.b = Math.max(0, Math.min(255, t.b - Math.round(255 * -(s / 100)))), x(t);
+  var t = C(e).toRgb();
+  return t.r = Math.max(0, Math.min(255, t.r - Math.round(255 * -(s / 100)))), t.g = Math.max(0, Math.min(255, t.g - Math.round(255 * -(s / 100)))), t.b = Math.max(0, Math.min(255, t.b - Math.round(255 * -(s / 100)))), C(t);
 }
 function Fo(e, s) {
   s = s === 0 ? 0 : s || 10;
-  var t = x(e).toHsl();
-  return t.l -= s / 100, t.l = ht(t.l), x(t);
+  var t = C(e).toHsl();
+  return t.l -= s / 100, t.l = ht(t.l), C(t);
 }
 function Vo(e, s) {
-  var t = x(e).toHsl(), a = (t.h + s) % 360;
-  return t.h = a < 0 ? 360 + a : a, x(t);
+  var t = C(e).toHsl(), a = (t.h + s) % 360;
+  return t.h = a < 0 ? 360 + a : a, C(t);
 }
 function Ho(e) {
-  var s = x(e).toHsl();
-  return s.h = (s.h + 180) % 360, x(s);
+  var s = C(e).toHsl();
+  return s.h = (s.h + 180) % 360, C(s);
 }
-function us(e, s) {
+function fs(e, s) {
   if (isNaN(s) || s <= 0)
     throw new Error("Argument to polyad must be a positive number");
-  for (var t = x(e).toHsl(), a = [x(e)], n = 360 / s, i = 1; i < s; i++)
-    a.push(x({
+  for (var t = C(e).toHsl(), a = [C(e)], n = 360 / s, i = 1; i < s; i++)
+    a.push(C({
       h: (t.h + i * n) % 360,
       s: t.s,
       l: t.l
@@ -3976,12 +3976,12 @@ function us(e, s) {
   return a;
 }
 function qo(e) {
-  var s = x(e).toHsl(), t = s.h;
-  return [x(e), x({
+  var s = C(e).toHsl(), t = s.h;
+  return [C(e), C({
     h: (t + 72) % 360,
     s: s.s,
     l: s.l
-  }), x({
+  }), C({
     h: (t + 216) % 360,
     s: s.s,
     l: s.l
@@ -3989,37 +3989,37 @@ function qo(e) {
 }
 function Wo(e, s, t) {
   s = s || 6, t = t || 30;
-  var a = x(e).toHsl(), n = 360 / t, i = [x(e)];
+  var a = C(e).toHsl(), n = 360 / t, i = [C(e)];
   for (a.h = (a.h - (n * s >> 1) + 720) % 360; --s; )
-    a.h = (a.h + n) % 360, i.push(x(a));
+    a.h = (a.h + n) % 360, i.push(C(a));
   return i;
 }
 function jo(e, s) {
   s = s || 6;
-  for (var t = x(e).toHsv(), a = t.h, n = t.s, i = t.v, r = [], c = 1 / s; s--; )
-    r.push(x({
+  for (var t = C(e).toHsv(), a = t.h, n = t.s, i = t.v, r = [], c = 1 / s; s--; )
+    r.push(C({
       h: a,
       s: n,
       v: i
     })), i = (i + c) % 1;
   return r;
 }
-x.mix = function(e, s, t) {
+C.mix = function(e, s, t) {
   t = t === 0 ? 0 : t || 50;
-  var a = x(e).toRgb(), n = x(s).toRgb(), i = t / 100, r = {
+  var a = C(e).toRgb(), n = C(s).toRgb(), i = t / 100, r = {
     r: (n.r - a.r) * i + a.r,
     g: (n.g - a.g) * i + a.g,
     b: (n.b - a.b) * i + a.b,
     a: (n.a - a.a) * i + a.a
   };
-  return x(r);
+  return C(r);
 };
-x.readability = function(e, s) {
-  var t = x(e), a = x(s);
+C.readability = function(e, s) {
+  var t = C(e), a = C(s);
   return (Math.max(t.getLuminance(), a.getLuminance()) + 0.05) / (Math.min(t.getLuminance(), a.getLuminance()) + 0.05);
 };
-x.isReadable = function(e, s, t) {
-  var a = x.readability(e, s), n, i;
+C.isReadable = function(e, s, t) {
+  var a = C.readability(e, s), n, i;
   switch (i = !1, n = Zo(t), n.level + n.size) {
     case "AAsmall":
     case "AAAlarge":
@@ -4034,17 +4034,17 @@ x.isReadable = function(e, s, t) {
   }
   return i;
 };
-x.mostReadable = function(e, s, t) {
+C.mostReadable = function(e, s, t) {
   var a = null, n = 0, i, r, c, d;
   t = t || {}, r = t.includeFallbackColors, c = t.level, d = t.size;
   for (var m = 0; m < s.length; m++)
-    i = x.readability(e, s[m]), i > n && (n = i, a = x(s[m]));
-  return x.isReadable(e, a, {
+    i = C.readability(e, s[m]), i > n && (n = i, a = C(s[m]));
+  return C.isReadable(e, a, {
     level: c,
     size: d
-  }) || !r ? a : (t.includeFallbackColors = !1, x.mostReadable(e, ["#fff", "#000"], t));
+  }) || !r ? a : (t.includeFallbackColors = !1, C.mostReadable(e, ["#fff", "#000"], t));
 };
-var $t = x.names = {
+var $t = C.names = {
   aliceblue: "f0f8ff",
   antiquewhite: "faebd7",
   aqua: "0ff",
@@ -4194,7 +4194,7 @@ var $t = x.names = {
   whitesmoke: "f5f5f5",
   yellow: "ff0",
   yellowgreen: "9acd32"
-}, Uo = x.hexNames = Go($t);
+}, Uo = C.hexNames = Go($t);
 function Go(e) {
   var s = {};
   for (var t in e)
@@ -4230,7 +4230,7 @@ function Je(e) {
 function Ns(e) {
   return Math.round(parseFloat(e) * 255).toString(16);
 }
-function fs(e) {
+function gs(e) {
   return ne(e) / 255;
 }
 var ge = function() {
@@ -4297,7 +4297,7 @@ function Xo(e) {
     r: ne(t[1]),
     g: ne(t[2]),
     b: ne(t[3]),
-    a: fs(t[4]),
+    a: gs(t[4]),
     format: s ? "name" : "hex8"
   } : (t = ge.hex6.exec(e)) ? {
     r: ne(t[1]),
@@ -4308,7 +4308,7 @@ function Xo(e) {
     r: ne(t[1] + "" + t[1]),
     g: ne(t[2] + "" + t[2]),
     b: ne(t[3] + "" + t[3]),
-    a: fs(t[4] + "" + t[4]),
+    a: gs(t[4] + "" + t[4]),
     format: s ? "name" : "hex8"
   } : (t = ge.hex3.exec(e)) ? {
     r: ne(t[1] + "" + t[1]),
@@ -4364,7 +4364,7 @@ const Jo = {
     },
     colorIsDark() {
       if (this.selectedColor && this.selectedColor !== "")
-        return x(this.selectedColor).isDark();
+        return C(this.selectedColor).isDark();
     },
     selectedColorBackground() {
       if (this.selectedColor && this.selectedColor !== "")
@@ -4373,9 +4373,9 @@ const Jo = {
     selectedColorText() {
       if (this.selectedColor && this.selectedColor !== "")
         return this.colorIsDark ? {
-          color: x(this.selectedColor).lighten(65).toRgbString()
+          color: C(this.selectedColor).lighten(65).toRgbString()
         } : {
-          color: x(this.selectedColor).lighten(10).toRgbString()
+          color: C(this.selectedColor).lighten(10).toRgbString()
         };
     }
   },
@@ -4389,7 +4389,7 @@ function er(e, s, t, a, n, i) {
     class: v(["ecs-context-button", [t.loading ? "loading" : "", i.iconOnly ? "ecs-context-button-icon-only" : ""]]),
     "aria-label": t.ariaLabel,
     "aria-busy": t.loading || null,
-    style: C(i.selectedColorText),
+    style: x(i.selectedColorText),
     onClick: s[0] || (s[0] = (d) => e.$emit("click", d))
   }, [
     t.icon || t.loading ? (o(), h(r, {
@@ -4400,7 +4400,7 @@ function er(e, s, t, a, n, i) {
     t.selectedColor ? (o(), l("div", {
       key: 1,
       class: "ecs-context-button-color",
-      style: C(i.selectedColorBackground)
+      style: x(i.selectedColorBackground)
     }, null, 4)) : u("", !0),
     p(e.$slots, "default", {}, void 0, !0),
     _(c)
@@ -4644,7 +4644,7 @@ function hr(e, s, t, a, n, i) {
     p(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Ht = /* @__PURE__ */ y(mr, [["render", hr], ["__scopeId", "data-v-743ca90b"]]), vr = {
+const qt = /* @__PURE__ */ y(mr, [["render", hr], ["__scopeId", "data-v-743ca90b"]]), vr = {
   name: "ecs-toolbar-icon-button",
   emits: ["click"],
   components: { EcsIcon: M, EcsFocusRing: L },
@@ -4746,8 +4746,8 @@ const kb = /* @__PURE__ */ y(vr, [["render", _r], ["__scopeId", "data-v-2beac513
       return `item-${this.id}`;
     }
   }
-}, wr = ["id"], Sr = { class: "ecs-card-inner" }, xr = { class: "ecs-card-background" };
-function Cr(e, s, t, a, n, i) {
+}, wr = ["id"], Sr = { class: "ecs-card-inner" }, Cr = { class: "ecs-card-background" };
+function xr(e, s, t, a, n, i) {
   return o(), l("div", {
     onClick: s[0] || (s[0] = (r) => e.$emit("click", r)),
     class: v(["ecs-card", [
@@ -4761,16 +4761,16 @@ function Cr(e, s, t, a, n, i) {
     f("div", Sr, [
       p(e.$slots, "default", {}, void 0, !0)
     ]),
-    f("div", xr, [
+    f("div", Cr, [
       t.progress ? (o(), l("div", {
         key: 0,
         class: "progress",
-        style: C({ width: t.progress + "%" })
+        style: x({ width: t.progress + "%" })
       }, null, 4)) : u("", !0)
     ])
   ], 10, wr);
 }
-const wb = /* @__PURE__ */ y(kr, [["render", Cr], ["__scopeId", "data-v-8d449816"]]), Br = {
+const wb = /* @__PURE__ */ y(kr, [["render", xr], ["__scopeId", "data-v-8d449816"]]), Br = {
   name: "ecs-citation-line",
   emits: ["change", "blur", "focus"],
   components: { EcsFlexRow: Te },
@@ -4840,11 +4840,11 @@ function Ir(e, s, t, a, n, i) {
   });
 }
 const Sb = /* @__PURE__ */ y(Br, [["render", Ir], ["__scopeId", "data-v-cfd8e718"]]);
-var qt = {};
-Object.defineProperty(qt, "__esModule", {
+var Wt = {};
+Object.defineProperty(Wt, "__esModule", {
   value: !0
 });
-var Er = qt.clickOutSide = {
+var Er = Wt.clickOutSide = {
   mounted: function(s, t, a) {
     s.clickOutsideEvent = function(n) {
       s == n.target || s.contains(n.target) || t.value(n, s);
@@ -4853,11 +4853,11 @@ var Er = qt.clickOutSide = {
   unmounted: function(s) {
     document.removeEventListener("click", s.clickOutsideEvent);
   }
-}, $r = qt.default = Er;
+}, $r = Wt.default = Er;
 const Pr = {
   name: "ecs-context-menu",
   emits: ["option-clicked", "menu-closed"],
-  components: { EcsIcon: M, EcsFocusRing: L, EcsButton: xe },
+  components: { EcsIcon: M, EcsFocusRing: L, EcsButton: Ce },
   directives: {
     clickOutSide: $r
   },
@@ -4968,7 +4968,7 @@ function Or(e, s, t, a, n, i) {
   return Ge((o(), l("div", {
     class: v(["ecs-context-menu", n.opened ? " opened" : ""]),
     id: t.elementId,
-    style: C([i.postionStyles])
+    style: x([i.postionStyles])
   }, [
     f("ul", {
       role: "menu",
@@ -5019,10 +5019,10 @@ function Or(e, s, t, a, n, i) {
     [m, i.onClickOutside]
   ]);
 }
-const xb = /* @__PURE__ */ y(Pr, [["render", Or], ["__scopeId", "data-v-7a99d0e5"]]), Ar = {
+const Cb = /* @__PURE__ */ y(Pr, [["render", Or], ["__scopeId", "data-v-7a99d0e5"]]), Ar = {
   name: "ecs-collapse",
   emits: ["toggled", "remove"],
-  components: { EcsButton: xe, EcsFocusRing: L, EcsFlexRow: Te },
+  components: { EcsButton: Ce, EcsFocusRing: L, EcsFlexRow: Te },
   props: {
     /** Unique ID, is required to handle persist states. */
     id: {
@@ -5187,7 +5187,7 @@ function Hr(e, s, t, a, n, i) {
     ], 10, Vr)
   ], 2);
 }
-const Cb = /* @__PURE__ */ y(Ar, [["render", Hr], ["__scopeId", "data-v-b2ce05ee"]]), qr = {
+const xb = /* @__PURE__ */ y(Ar, [["render", Hr], ["__scopeId", "data-v-b2ce05ee"]]), qr = {
   name: "ecs-collection-control",
   emits: ["toggled", "collectionTooltip"],
   components: { EcsIcon: M, EcsFocusRing: L },
@@ -5322,7 +5322,7 @@ function Yr(e, s, t, a, n, i) {
     }, [
       f("div", {
         class: "ecs-collection-control-list scrollbar scrollbar-sml",
-        style: C(i.listMaxHeight)
+        style: x(i.listMaxHeight)
       }, [
         p(e.$slots, "default")
       ], 4)
@@ -5375,7 +5375,7 @@ function tl(e, s, t, a, n, i) {
   return t.type === "rect" || t.type === "circle" ? (o(), l("div", {
     key: 0,
     class: v(["ecs-skeleton skeleton", i.rectClass]),
-    style: C({ width: t.width + "px", height: t.height + "px" })
+    style: x({ width: t.width + "px", height: t.height + "px" })
   }, null, 6)) : t.type === "multi" ? (o(), l("div", Jr, [
     (o(!0), l(X, null, he(parseInt(t.count), (r) => (o(), l("div", {
       key: r,
@@ -5387,7 +5387,7 @@ function tl(e, s, t, a, n, i) {
   }, [
     f("div", {
       class: "skeleton skeleton-single",
-      style: C({ width: t.width + "%" })
+      style: x({ width: t.width + "%" })
     }, null, 4)
   ], 2));
 }
@@ -5442,7 +5442,7 @@ function nl(e, s, t, a, n, i) {
 const Fs = /* @__PURE__ */ y(sl, [["render", nl]]), al = {
   name: "ecs-comment",
   emits: ["edit", "delete"],
-  components: { EcsAvatar: Mi, EcsButton: xe, EcsFormatted: Fs, EcsSkeletonLoader: fe },
+  components: { EcsAvatar: Mi, EcsButton: Ce, EcsFormatted: Fs, EcsSkeletonLoader: fe },
   props: {
     /** Name of the user that is the comment author. */
     userName: {
@@ -5561,10 +5561,10 @@ function yl(e, s) {
   ]);
 }
 const Ib = /* @__PURE__ */ y(hl, [["render", yl]]);
-function xt(e = {}, s = 0) {
+function Ct(e = {}, s = 0) {
   const t = e && e.a;
   let a;
-  e && e.hsl ? a = x(e.hsl) : e && e.hex && e.hex.length > 0 ? a = x(e.hex) : e && e.hsv ? a = x(e.hsv) : e && e.rgba ? a = x(e.rgba) : e && e.rgb ? a = x(e.rgb) : a = x(e), a && (a._a === void 0 || a._a === null) && a.setAlpha(t || 1);
+  e && e.hsl ? a = C(e.hsl) : e && e.hex && e.hex.length > 0 ? a = C(e.hex) : e && e.hsv ? a = C(e.hsv) : e && e.rgba ? a = C(e.rgba) : e && e.rgb ? a = C(e.rgb) : a = C(e), a && (a._a === void 0 || a._a === null) && a.setAlpha(t || 1);
   const n = a.toHsl(), i = a.toHsv();
   return n.s === 0 && (i.h = n.h = e.h || e.hsl && e.hsl.h || s || 0), {
     hsl: n,
@@ -5581,7 +5581,7 @@ const bl = {
   props: ["modelValue"],
   data() {
     return {
-      val: xt(this.modelValue)
+      val: Ct(this.modelValue)
     };
   },
   computed: {
@@ -5596,15 +5596,15 @@ const bl = {
   },
   watch: {
     modelValue(e) {
-      this.val = xt(e);
+      this.val = Ct(e);
     }
   },
   methods: {
     colorChange(e, s) {
-      this.oldHue = this.colors.hsl.h, this.colors = xt(e, s || this.oldHue);
+      this.oldHue = this.colors.hsl.h, this.colors = Ct(e, s || this.oldHue);
     },
     isValidHex(e) {
-      return x(e).isValid();
+      return C(e).isValid();
     },
     simpleCheckForValidColor(e) {
       const s = ["r", "g", "b", "a", "h", "s", "l", "v"];
@@ -5620,7 +5620,7 @@ const bl = {
       return e.map((s) => s.toUpperCase());
     },
     isTransparent(e) {
-      return x(e).getAlpha() === 0;
+      return C(e).getAlpha() === 0;
     }
   }
 }, _l = {
@@ -5684,8 +5684,8 @@ const bl = {
     //   console.log(e)
     // }
   }
-}, kl = { class: "ecs-editable-input" }, wl = ["aria-labelledby"], Sl = ["for", "id"], xl = { class: "ecs-input__desc" };
-function Cl(e, s, t, a, n, i) {
+}, kl = { class: "ecs-editable-input" }, wl = ["aria-labelledby"], Sl = ["for", "id"], Cl = { class: "ecs-input__desc" };
+function xl(e, s, t, a, n, i) {
   return o(), l("div", kl, [
     Ge(f("input", {
       "aria-labelledby": i.labelId,
@@ -5702,20 +5702,20 @@ function Cl(e, s, t, a, n, i) {
       class: "ecs-input__label",
       id: i.labelId
     }, w(i.labelSpanText), 9, Sl),
-    f("span", xl, w(t.desc), 1)
+    f("span", Cl, w(t.desc), 1)
   ]);
 }
-const Bl = /* @__PURE__ */ y(_l, [["render", Cl]]);
+const Bl = /* @__PURE__ */ y(_l, [["render", xl]]);
 var zl = Il;
 function Il(e, s, t) {
   return s < t ? e < s ? s : e > t ? t : e : e < t ? t : e > s ? s : e;
 }
-const ct = /* @__PURE__ */ ws(zl);
+const ct = /* @__PURE__ */ Ss(zl);
 function El(e) {
   var s = typeof e;
   return e != null && (s == "object" || s == "function");
 }
-var Wt = El, $l = typeof rt == "object" && rt && rt.Object === Object && rt, Pl = $l, Tl = Pl, Ml = typeof self == "object" && self && self.Object === Object && self, Ll = Tl || Ml || Function("return this")(), Vs = Ll, Ol = Vs, Al = function() {
+var jt = El, $l = typeof rt == "object" && rt && rt.Object === Object && rt, Pl = $l, Tl = Pl, Ml = typeof self == "object" && self && self.Object === Object && self, Ll = Tl || Ml || Function("return this")(), Vs = Ll, Ol = Vs, Al = function() {
   return Ol.Date.now();
 }, Nl = Al, Dl = /\s/;
 function Rl(e) {
@@ -5727,7 +5727,7 @@ var Fl = Rl, Vl = Fl, Hl = /^\s+/;
 function ql(e) {
   return e && e.slice(0, Vl(e) + 1).replace(Hl, "");
 }
-var Wl = ql, jl = Vs, Ul = jl.Symbol, Hs = Ul, gs = Hs, qs = Object.prototype, Gl = qs.hasOwnProperty, Kl = qs.toString, Ze = gs ? gs.toStringTag : void 0;
+var Wl = ql, jl = Vs, Ul = jl.Symbol, Hs = Ul, ms = Hs, qs = Object.prototype, Gl = qs.hasOwnProperty, Kl = qs.toString, Ze = ms ? ms.toStringTag : void 0;
 function Yl(e) {
   var s = Gl.call(e, Ze), t = e[Ze];
   try {
@@ -5742,9 +5742,9 @@ var Xl = Yl, Zl = Object.prototype, Jl = Zl.toString;
 function Ql(e) {
   return Jl.call(e);
 }
-var ec = Ql, ms = Hs, tc = Xl, sc = ec, ic = "[object Null]", nc = "[object Undefined]", ps = ms ? ms.toStringTag : void 0;
+var ec = Ql, ps = Hs, tc = Xl, sc = ec, ic = "[object Null]", nc = "[object Undefined]", hs = ps ? ps.toStringTag : void 0;
 function ac(e) {
-  return e == null ? e === void 0 ? nc : ic : ps && ps in Object(e) ? tc(e) : sc(e);
+  return e == null ? e === void 0 ? nc : ic : hs && hs in Object(e) ? tc(e) : sc(e);
 }
 var oc = ac;
 function rc(e) {
@@ -5754,28 +5754,28 @@ var lc = rc, cc = oc, dc = lc, uc = "[object Symbol]";
 function fc(e) {
   return typeof e == "symbol" || dc(e) && cc(e) == uc;
 }
-var gc = fc, mc = Wl, hs = Wt, pc = gc, vs = NaN, hc = /^[-+]0x[0-9a-f]+$/i, vc = /^0b[01]+$/i, yc = /^0o[0-7]+$/i, bc = parseInt;
+var gc = fc, mc = Wl, vs = jt, pc = gc, ys = NaN, hc = /^[-+]0x[0-9a-f]+$/i, vc = /^0b[01]+$/i, yc = /^0o[0-7]+$/i, bc = parseInt;
 function _c(e) {
   if (typeof e == "number")
     return e;
   if (pc(e))
-    return vs;
-  if (hs(e)) {
+    return ys;
+  if (vs(e)) {
     var s = typeof e.valueOf == "function" ? e.valueOf() : e;
-    e = hs(s) ? s + "" : s;
+    e = vs(s) ? s + "" : s;
   }
   if (typeof e != "string")
     return e === 0 ? e : +e;
   e = mc(e);
   var t = vc.test(e);
-  return t || yc.test(e) ? bc(e.slice(2), t ? 2 : 8) : hc.test(e) ? vs : +e;
+  return t || yc.test(e) ? bc(e.slice(2), t ? 2 : 8) : hc.test(e) ? ys : +e;
 }
-var kc = _c, wc = Wt, Ct = Nl, ys = kc, Sc = "Expected a function", xc = Math.max, Cc = Math.min;
+var kc = _c, wc = jt, xt = Nl, bs = kc, Sc = "Expected a function", Cc = Math.max, xc = Math.min;
 function Bc(e, s, t) {
   var a, n, i, r, c, d, m = 0, b = !1, k = !1, z = !0;
   if (typeof e != "function")
     throw new TypeError(Sc);
-  s = ys(s) || 0, wc(t) && (b = !!t.leading, k = "maxWait" in t, i = k ? xc(ys(t.maxWait) || 0, s) : i, z = "trailing" in t ? !!t.trailing : z);
+  s = bs(s) || 0, wc(t) && (b = !!t.leading, k = "maxWait" in t, i = k ? Cc(bs(t.maxWait) || 0, s) : i, z = "trailing" in t ? !!t.trailing : z);
   function I(E) {
     var N = a, F = n;
     return a = n = void 0, m = E, r = e.apply(F, N), r;
@@ -5785,14 +5785,14 @@ function Bc(e, s, t) {
   }
   function $(E) {
     var N = E - d, F = E - m, V = s - N;
-    return k ? Cc(V, i - F) : V;
+    return k ? xc(V, i - F) : V;
   }
   function T(E) {
     var N = E - d, F = E - m;
     return d === void 0 || N >= s || N < 0 || k && F >= i;
   }
   function O() {
-    var E = Ct();
+    var E = xt();
     if (T(E))
       return R(E);
     c = setTimeout(O, $(E));
@@ -5804,10 +5804,10 @@ function Bc(e, s, t) {
     c !== void 0 && clearTimeout(c), m = 0, a = d = n = c = void 0;
   }
   function P() {
-    return c === void 0 ? r : R(Ct());
+    return c === void 0 ? r : R(xt());
   }
   function A() {
-    var E = Ct(), N = T(E);
+    var E = xt(), N = T(E);
     if (a = arguments, n = this, d = E, N) {
       if (c === void 0)
         return B(d);
@@ -5818,7 +5818,7 @@ function Bc(e, s, t) {
   }
   return A.cancel = H, A.flush = P, A;
 }
-var zc = Bc, Ic = zc, Ec = Wt, $c = "Expected a function";
+var zc = Bc, Ic = zc, Ec = jt, $c = "Expected a function";
 function Pc(e, s, t) {
   var a = !0, n = !0;
   if (typeof e != "function")
@@ -5830,7 +5830,7 @@ function Pc(e, s, t) {
   });
 }
 var Tc = Pc;
-const Mc = /* @__PURE__ */ ws(Tc), Lc = {
+const Mc = /* @__PURE__ */ Ss(Tc), Lc = {
   name: "Saturation",
   props: {
     modelValue: Object,
@@ -5894,7 +5894,7 @@ const Mc = /* @__PURE__ */ ws(Tc), Lc = {
 function Rc(e, s, t, a, n, i) {
   return o(), l("div", {
     class: "ecs-saturation",
-    style: C({ background: i.bgColor }),
+    style: x({ 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)),
@@ -5904,7 +5904,7 @@ function Rc(e, s, t, a, n, i) {
     Ac,
     f("div", {
       class: "ecs-saturation-pointer",
-      style: C({ top: i.pointerTop, left: i.pointerLeft })
+      style: x({ top: i.pointerTop, left: i.pointerLeft })
     }, Dc, 4)
   ], 36);
 }
@@ -5994,7 +5994,7 @@ function jc(e, s, t, a, n, i) {
     }, [
       f("div", {
         class: "ecs-hue-pointer",
-        style: C({ top: i.pointerTop, left: i.pointerLeft }),
+        style: x({ top: i.pointerTop, left: i.pointerLeft }),
         role: "presentation"
       }, Wc, 4)
     ], 40, Hc)
@@ -6044,7 +6044,7 @@ function Yc(e, s, t) {
 function Xc(e, s, t, a, n, i) {
   return o(), l("div", {
     class: "ecs-checkerboard",
-    style: C(i.bgStyle)
+    style: x(i.bgStyle)
   }, null, 4);
 }
 const Ws = /* @__PURE__ */ y(Gc, [["render", Xc]]), Zc = {
@@ -6102,7 +6102,7 @@ function sd(e, s, t, a, n, i) {
     ]),
     f("div", {
       class: "ecs-alpha-gradient",
-      style: C({ background: i.gradientColor })
+      style: x({ background: i.gradientColor })
     }, null, 4),
     f("div", {
       class: "ecs-alpha-container",
@@ -6113,7 +6113,7 @@ function sd(e, s, t, a, n, i) {
     }, [
       f("div", {
         class: "ecs-alpha-pointer",
-        style: C({ left: i.colors.a * 100 + "%" })
+        style: x({ left: i.colors.a * 100 + "%" })
       }, td, 4)
     ], 544)
   ]);
@@ -6220,7 +6220,7 @@ function yd(e, s, t, a, n, i) {
     role: "application",
     "aria-label": "Color picker",
     class: v(["ecs-color-picker", t.disableAlpha ? "ecs-color-picker__disable-alpha" : ""]),
-    style: C({ padding: t.padding + "px", width: 216 + 2 * t.padding + "px" })
+    style: x({ padding: t.padding + "px", width: 216 + 2 * t.padding + "px" })
   }, [
     t.disableCustom ? u("", !0) : (o(), l("div", ad, [
       _(r, {
@@ -6289,7 +6289,7 @@ function yd(e, s, t, a, n, i) {
     ])) : u("", !0),
     f("div", {
       class: "ecs-color-picker-presets",
-      style: C(t.disableCustom ? "" : "padding-top: var(--spacing-10)"),
+      style: x(t.disableCustom ? "" : "padding-top: var(--spacing-10)"),
       role: "group",
       "aria-label": "A color preset, pick one to set as current color"
     }, [
@@ -6306,7 +6306,7 @@ function yd(e, s, t, a, n, i) {
           class: v(["ecs-color-picker-presets-color", { active: e.colors.hex === k.hex }]),
           "aria-label": k.title,
           key: "if-" + k.id,
-          style: C({ background: k.hex }),
+          style: x({ background: k.hex }),
           "aria-selected": e.colors.hex === k.hex ? "true" : "false",
           title: k.title,
           onClick: (z) => i.handlePreset(k.hex)
@@ -6317,7 +6317,7 @@ function yd(e, s, t, a, n, i) {
         class: v(["ecs-color-picker-presets-color active", i.isActiveColorDark ? "dark" : "light"]),
         "aria-label": "Custom color",
         "aria-selected": "true",
-        style: C({ background: e.colors.hex })
+        style: x({ background: e.colors.hex })
       }, null, 6))
     ], 4)
   ], 6);
@@ -6327,7 +6327,7 @@ const bd = /* @__PURE__ */ y(nd, [["render", yd]]), _d = {
   emits: ["update:modelValue"],
   components: {
     EcsColorPicker: bd,
-    EcsPopover: Ts
+    EcsPopover: Ms
   },
   props: {
     /** The color value to be displayed and edited. Can be any valid color string (HEX, RGB, HSL, etc.) or an object containing various color modes. */
@@ -6401,7 +6401,7 @@ function kd(e, s, t, a, n, i) {
     default: S(() => [
       f("button", {
         class: v(["ecs-color-picker-input-button", i.sizeClass]),
-        style: C(i.selectedColorStyle)
+        style: x(i.selectedColorStyle)
       }, [
         f("span", null, w(i.selectedColorName), 1)
       ], 6)
@@ -6411,7 +6411,7 @@ function kd(e, s, t, a, n, i) {
 }
 const Eb = /* @__PURE__ */ y(_d, [["render", kd], ["__scopeId", "data-v-08aaa823"]]), wd = {
   name: "ecs-data-card",
-  components: { EcsIcon: M, EcsSkeletonLoader: fe, EcsButtonTable: Rs, EcsButton: xe, EcsFocusRing: L },
+  components: { EcsIcon: M, EcsSkeletonLoader: fe, EcsButtonTable: Rs, EcsButton: Ce, EcsFocusRing: L },
   mixins: [ue],
   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). */
@@ -6497,10 +6497,10 @@ const Eb = /* @__PURE__ */ y(_d, [["render", kd], ["__scopeId", "data-v-08aaa823
   created() {
     this.expandId = this.generateUniqueId();
   }
-}, Sd = ["aria-busy", "tabindex"], xd = {
+}, Sd = ["aria-busy", "tabindex"], Cd = {
   key: 0,
   class: "control"
-}, Cd = { class: "ecs-data-card-inner" }, Bd = { class: "ecs-data-card-row" }, zd = { class: "ecs-data-card-row-inner" }, Id = { class: "ecs-data-card-row-inner-text" }, Ed = {
+}, xd = { class: "ecs-data-card-inner" }, Bd = { class: "ecs-data-card-row" }, zd = { class: "ecs-data-card-row-inner" }, Id = { class: "ecs-data-card-row-inner-text" }, Ed = {
   key: 0,
   class: "ecs-data-card-row"
 }, $d = { class: "ecs-data-card-row-inner" }, Pd = ["id", "aria-hidden"], Td = { class: "ecs-data-card-expand-inner" };
@@ -6519,7 +6519,7 @@ function Md(e, s, t, a, n, i) {
     "aria-busy": t.loading || null,
     tabindex: t.hover ? "0" : "-1"
   }, [
-    t.control && e.$slots.control ? (o(), l("div", xd, [
+    t.control && e.$slots.control ? (o(), l("div", Cd, [
       p(e.$slots, "control", {}, void 0, !0)
     ])) : u("", !0),
     t.icon ? (o(), h(r, {
@@ -6535,7 +6535,7 @@ function Md(e, s, t, a, n, i) {
       width: 26,
       height: 26
     })) : u("", !0),
-    f("div", Cd, [
+    f("div", xd, [
       f("div", Bd, [
         f("div", zd, [
           t.expandable && t.expandPosition === "left" ? (o(), h(d, {
@@ -7181,7 +7181,7 @@ function mu(e, s, t, a, n, i) {
   const r = g("ecs-icon"), c = g("ecs-select"), d = g("ecs-focus-ring");
   return o(), l("div", {
     class: v(["ecs-data-grid-head-cell", [t.fixedLeft ? "fixed-left" : "", t.fixedLeftLast ? "fixed-left-last" : "", t.fixedRight ? "fixed-right" : ""]]),
-    style: C([i.widthType === "string" ? i.widthStyles : {}, i.fixedStyles]),
+    style: x([i.widthType === "string" ? i.widthStyles : {}, i.fixedStyles]),
     role: "columnheader",
     "aria-sort": i.ariaSort,
     "aria-label": t.icon ? t.name : null
@@ -7193,7 +7193,7 @@ function mu(e, s, t, a, n, i) {
     f("div", {
       ref: "resizer",
       class: v(["ecs-data-grid-head-cell-inner", t.resizable ? "resizable" : ""]),
-      style: C([i.widthType === "number" ? i.widthStyles : { width: "100%" }, i.paddingStyles, i.resizeStyles, t.styles]),
+      style: x([i.widthType === "number" ? i.widthStyles : { width: "100%" }, i.paddingStyles, i.resizeStyles, t.styles]),
       "data-column": i.computedId,
       "data-test": i.computedId
     }, [
@@ -7298,7 +7298,7 @@ const Ob = /* @__PURE__ */ y(pu, [["render", vu], ["__scopeId", "data-v-ee025ab5
   name: "ecs-data-grid-cell",
   emits: ["collapse"],
   components: {
-    EcsButtonCollapse: Os
+    EcsButtonCollapse: Ht
   },
   props: {
     /** Column identifier for the cell. The `column` is used to perform resize actions (needs to match `id` or `name` of corresponding EcsDataGridHeadCell), automatically set data-test attributes, etc. */
@@ -7431,7 +7431,7 @@ function Su(e, s, t, a, n, i) {
   const r = g("ecs-button-collapse");
   return o(), l("div", {
     class: v(["ecs-data-grid-cell", [t.fixedLeft ? "fixed-left" : "", t.fixedLeftLast ? "fixed-left-last" : "", t.fixedRight ? "fixed-right" : ""]]),
-    style: C([i.widthType === "string" ? i.widthStyles : {}, i.fixedStyles]),
+    style: x([i.widthType === "string" ? i.widthStyles : {}, i.fixedStyles]),
     role: "cell"
   }, [
     t.fixedRight ? (o(), l("div", {
@@ -7440,7 +7440,7 @@ function Su(e, s, t, a, n, i) {
     }, null, 2)) : u("", !0),
     f("div", {
       class: "ecs-data-grid-cell-inner",
-      style: C([i.widthType === "number" ? i.widthStyles : { width: "100%" }, i.paddingStyles, t.styles]),
+      style: x([i.widthType === "number" ? i.widthStyles : { width: "100%" }, i.paddingStyles, t.styles]),
       "data-column": i.computedId,
       "data-test": i.computedId
     }, [
@@ -7460,18 +7460,18 @@ function Su(e, s, t, a, n, i) {
     }, null, 2)) : u("", !0)
   ], 6);
 }
-const Ab = /* @__PURE__ */ y(yu, [["render", Su], ["__scopeId", "data-v-0910be15"]]), xu = {
+const Ab = /* @__PURE__ */ y(yu, [["render", Su], ["__scopeId", "data-v-0910be15"]]), Cu = {
   name: "ecs-data-list"
-}, Cu = {
+}, xu = {
   class: "ecs-data-list",
   role: "list"
 };
 function Bu(e, s, t, a, n, i) {
-  return o(), l("div", Cu, [
+  return o(), l("div", xu, [
     p(e.$slots, "default")
   ]);
 }
-const Nb = /* @__PURE__ */ y(xu, [["render", Bu]]), zu = {
+const Nb = /* @__PURE__ */ y(Cu, [["render", Bu]]), zu = {
   name: "ecs-data-list-item",
   emits: ["toggled"],
   components: { EcsButtonMore: Ds, EcsSkeletonLoader: fe },
@@ -7600,7 +7600,7 @@ function Tu(e, s, t, a, n, i) {
       i.hasIdentifier ? (o(), l("div", {
         key: 0,
         id: n.definitionId,
-        style: C(i.identifierStyle),
+        style: x(i.identifierStyle),
         class: "ecs-data-list-identifier"
       }, [
         D(w(t.identifier) + " ", 1),
@@ -7633,7 +7633,7 @@ function Tu(e, s, t, a, n, i) {
           key: 2,
           class: "progress",
           role: "progressbar",
-          style: C({ width: t.progress + "%" }),
+          style: x({ width: t.progress + "%" }),
           "aria-valuenow": t.progress
         }, null, 12, $u)) : u("", !0)
       ], 10, Eu)
@@ -7793,7 +7793,7 @@ const Rb = /* @__PURE__ */ y(Mu, [["render", Ou]]), Au = {
       ));
     }), (n, i) => (o(), l("div", {
       class: v(["ecs-state-icon", e.iconColor]),
-      style: C(t.value)
+      style: x(t.value)
     }, [
       (o(), h(Pe(ae(a)), {
         height: e.size,
@@ -7921,7 +7921,7 @@ function Uu(e, s, t, a, n, i) {
     t.indicator ? (o(), l("div", {
       key: 2,
       class: "indicator",
-      style: C("background-color:" + t.indicator)
+      style: x("background-color:" + t.indicator)
     }, null, 4)) : u("", !0),
     f("div", ju, [
       p(e.$slots, "default", {}, void 0, !0)
@@ -8049,7 +8049,7 @@ const Hb = /* @__PURE__ */ y(Gu, [["render", ef], ["__scopeId", "data-v-8239e8d6
 function of(e, s, t, a, n, i) {
   return o(), l("div", {
     class: "ecs-donut-chart",
-    style: C(i.wrapperPadding)
+    style: x(i.wrapperPadding)
   }, [
     (o(), l("svg", {
       height: t.size,
@@ -8190,7 +8190,7 @@ function pf(e, s, t, a, n, i) {
         t.infinite ? "ecs-progress-infinite" : "",
         t.cancelled ? "ecs-progress-cancelled" : ""
       ]]),
-      style: C({ width: 100 * (t.value / i.computedMax) + "%" })
+      style: x({ width: 100 * (t.value / i.computedMax) + "%" })
     }, null, 6)
   ], 8, mf);
 }
@@ -8201,7 +8201,7 @@ const hf = /* @__PURE__ */ y(gf, [["render", pf], ["__scopeId", "data-v-fc9084ab
     EcsEmptyState: ff,
     EcsSkeletonLoader: fe,
     EcsProgress: hf,
-    EcsButton: xe,
+    EcsButton: Ce,
     EcsFocusRing: L,
     EcsFlexRow: Te,
     EcsSticker: Fe,
@@ -8353,11 +8353,11 @@ const hf = /* @__PURE__ */ y(gf, [["render", pf], ["__scopeId", "data-v-fc9084ab
 }, Sf = {
   key: 3,
   class: "ecs-dropzone-stats"
-}, xf = {
+}, Cf = {
   key: 4,
   class: "ecs-dropzone-error-message"
 };
-function Cf(e, s, t, a, n, i) {
+function xf(e, s, t, a, n, i) {
   const r = g("ecs-skeleton-loader"), c = g("ecs-focus-ring"), d = g("ecs-text"), m = g("ecs-sticker"), b = g("ecs-flex-row"), k = g("ecs-progress"), z = g("ecs-empty-state"), I = g("ecs-button");
   return o(), l("div", {
     class: v(["ecs-dropzone", [
@@ -8449,7 +8449,7 @@ function Cf(e, s, t, a, n, i) {
               _: 1
             })
           ])) : u("", !0),
-          t.error && t.errorMessage ? (o(), l("div", xf, w(t.errorMessage), 1)) : u("", !0)
+          t.error && t.errorMessage ? (o(), l("div", Cf, w(t.errorMessage), 1)) : u("", !0)
         ])),
         t.loading || t.progress ? (o(), h(k, {
           key: 2,
@@ -8474,7 +8474,7 @@ function Cf(e, s, t, a, n, i) {
     }, 8, ["onClick", "icon"])) : u("", !0)
   ], 42, yf);
 }
-const Wb = /* @__PURE__ */ y(vf, [["render", Cf], ["__scopeId", "data-v-80ee52db"]]), Bf = {
+const Wb = /* @__PURE__ */ y(vf, [["render", xf], ["__scopeId", "data-v-80ee52db"]]), Bf = {
   name: "ecs-entry-link",
   emits: ["linkClick", "linkClickExternal", "moreClick"],
   components: {
@@ -8692,7 +8692,7 @@ function Vf(e, s, t, a, n, i) {
     ]),
     f("div", {
       class: "ecs-excerpt-content scrollbar scrollbar-sml",
-      style: C(i.maxHeightStyles)
+      style: x(i.maxHeightStyles)
     }, [
       t.loading ? (o(), h(r, {
         key: 0,
@@ -8711,10 +8711,10 @@ function Vf(e, s, t, a, n, i) {
           p(e.$slots, "default", {}, void 0, !0)
         ])) : t.type == "rectangle" ? (o(), l("div", Rf, [
           f("span", {
-            style: C("color:" + t.annotationColor)
+            style: x("color:" + t.annotationColor)
           }, "Rectangle Annotation", 4),
           f("div", {
-            style: C("background-color:" + t.annotationColor)
+            style: x("background-color:" + t.annotationColor)
           }, null, 4)
         ])) : (o(), l("div", Ff, [
           p(e.$slots, "default", {}, void 0, !0)
@@ -8779,7 +8779,7 @@ const Kb = /* @__PURE__ */ y(Hf, [["render", Wf]]), jf = {
   emits: ["click", "remove", "toggled", "title-click"],
   components: {
     EcsIcon: M,
-    EcsFileIcon: Ls,
+    EcsFileIcon: Os,
     EcsSticker: Fe,
     EcsButtonTable: Rs,
     EcsFocusRing: L
@@ -8980,7 +8980,7 @@ function ig(e, s, t, a, n, i) {
           t.progress ? (o(), l("div", {
             key: 3,
             class: "loading-bar",
-            style: C({ width: t.progress + "%" }),
+            style: x({ width: t.progress + "%" }),
             role: "progressbar",
             "aria-valuenow": t.progress
           }, null, 12, Jf)) : u("", !0)
@@ -9005,7 +9005,7 @@ function ig(e, s, t, a, n, i) {
       default: S(() => [
         e.$slots.edit && t.edit ? (o(), l("div", {
           key: 0,
-          style: C({ maxHeight: n.editHeight + "px" }),
+          style: x({ maxHeight: n.editHeight + "px" }),
           id: n.editId
         }, [
           f("div", sg, [
@@ -9317,7 +9317,7 @@ function bg(e, s, t, a, n, i) {
       t.borderless ? "" : "ecs-scroll-container-border",
       t.hideShadows ? "" : "ecs-scroll-container-shadows"
     ]]),
-    style: C({ maxHeight: t.height, padding: t.padding })
+    style: x({ maxHeight: t.height, padding: t.padding })
   }, [
     p(e.$slots, "default", {}, void 0, !0)
   ], 6);
@@ -9328,7 +9328,7 @@ const _g = /* @__PURE__ */ y(yg, [["render", bg], ["__scopeId", "data-v-fb2e8eb9
   components: {
     EcsInputSearch: vg,
     EcsScrollContainer: _g,
-    EcsButton: xe
+    EcsButton: Ce
   },
   props: {
     /** Determines if the folder selector control has a search bar to filter by folder name. */
@@ -9385,11 +9385,11 @@ const _g = /* @__PURE__ */ y(yg, [["render", bg], ["__scopeId", "data-v-fb2e8eb9
   key: 1,
   class: "empty-list"
 };
-function xg(e, s, t, a, n, i) {
+function Cg(e, s, t, a, n, i) {
   const r = g("ecs-input-search"), c = g("ecs-button"), d = g("ecs-scroll-container");
   return o(), l("div", {
     class: v(["ecs-folder-selector", [t.framed ? "ecs-folder-selector-border" : ""]]),
-    style: C({ height: i.isFullHeight })
+    style: x({ height: i.isFullHeight })
   }, [
     t.searchable || t.create ? (o(), l("div", wg, [
       t.searchable ? (o(), h(r, {
@@ -9427,7 +9427,7 @@ function xg(e, s, t, a, n, i) {
     }, 8, ["height", "padding"])
   ], 6);
 }
-const Zb = /* @__PURE__ */ y(kg, [["render", xg], ["__scopeId", "data-v-0056e40b"]]), Cg = {
+const Zb = /* @__PURE__ */ y(kg, [["render", Cg], ["__scopeId", "data-v-0056e40b"]]), xg = {
   name: "ecs-form-group",
   components: { EcsText: nt },
   props: {
@@ -9487,7 +9487,7 @@ function Bg(e, s, t, a, n, i) {
     }, null, 8, ["innerHTML"])) : u("", !0)
   ], 2);
 }
-const zg = /* @__PURE__ */ y(Cg, [["render", Bg], ["__scopeId", "data-v-2a3b81f3"]]), Ig = {}, Eg = { class: "ecs-form-headline" }, $g = { class: "ecs-form-headline-main" }, Pg = {
+const zg = /* @__PURE__ */ y(xg, [["render", Bg], ["__scopeId", "data-v-2a3b81f3"]]), Ig = {}, Eg = { class: "ecs-form-headline" }, $g = { class: "ecs-form-headline-main" }, Pg = {
   key: 0,
   class: "ecs-form-headline-controls"
 };
@@ -9567,7 +9567,7 @@ const Qb = /* @__PURE__ */ y(Mg, [["render", Ag], ["__scopeId", "data-v-c9188464
       return this.color ? this.type === "background" ? {
         "--ecs-highlight-background": this.color
       } : {
-        "--ecs-highlight-background": x(this.color).setAlpha(0.1).toRgbString(),
+        "--ecs-highlight-background": C(this.color).setAlpha(0.1).toRgbString(),
         "--ecs-highlight-border": this.color
       } : this.type === "background" ? {
         "--ecs-highlight-background": "var(--color-yellow-3)"
@@ -9605,7 +9605,7 @@ function Dg(e, s, t, a, n, i) {
       i.showHighlight ? (o(), l("div", {
         key: 0,
         class: v(["ecs-highlight", [i.classes]]),
-        style: C({ ...i.highlightColor, ...i.borderRadiusStyle, ...i.insetStyles })
+        style: x({ ...i.highlightColor, ...i.borderRadiusStyle, ...i.insetStyles })
       }, [
         t.layout === "wrap" ? p(e.$slots, "default", { key: 0 }, void 0, !0) : u("", !0)
       ], 6)) : u("", !0)
@@ -9635,7 +9635,7 @@ function Vg(e, s, t, a, n, i) {
 }
 const Hg = /* @__PURE__ */ y(Rg, [["render", Vg], ["__scopeId", "data-v-a6ddde36"]]), qg = {
   name: "ecs-index-toolbar",
-  components: { EcsToolbar: Hg, EcsButtonToolbarGroup: Ht, EcsFlexCol: lg, EcsFlexRow: Te },
+  components: { EcsToolbar: Hg, EcsButtonToolbarGroup: qt, EcsFlexCol: lg, EcsFlexRow: Te },
   props: {
     /** The label used to describe the objects shown in the index view. E.g.: "Entries", "Profiles", etc. */
     type: {
@@ -10026,7 +10026,7 @@ const o_ = /* @__PURE__ */ y(gm, [["render", mm]]), pm = {
     "selectCurEntryText",
     "blur"
   ],
-  components: { EcsButtonToolbar: pt, EcsButtonToolbarGroup: Ht },
+  components: { EcsButtonToolbar: pt, EcsButtonToolbarGroup: qt },
   props: {
     /** Index position of the currently viewed object. */
     currentEntry: {
@@ -10128,7 +10128,7 @@ const r_ = /* @__PURE__ */ y(pm, [["render", ym], ["__scopeId", "data-v-7a9373c8
     "selectSearchResultCount",
     "setSearchResultCount"
   ],
-  components: { EcsButtonToolbar: pt, EcsButtonToolbarGroup: Ht },
+  components: { EcsButtonToolbar: pt, EcsButtonToolbarGroup: qt },
   props: {
     /** Count of the current object in the given index. */
     currentCount: {
@@ -10196,7 +10196,7 @@ const r_ = /* @__PURE__ */ y(pm, [["render", ym], ["__scopeId", "data-v-7a9373c8
   key: 1,
   class: "ecs-jumper-count-inputs"
 };
-function xm(e, s, t, a, n, i) {
+function Cm(e, s, t, a, n, i) {
   const r = g("ecs-button-toolbar"), c = g("ecs-button-toolbar-group");
   return o(), h(c, { class: "ecs-jumper" }, {
     default: S(() => [
@@ -10232,7 +10232,7 @@ function xm(e, s, t, a, n, i) {
     _: 1
   });
 }
-const l_ = /* @__PURE__ */ y(bm, [["render", xm], ["__scopeId", "data-v-ff5280fd"]]), Cm = {
+const l_ = /* @__PURE__ */ y(bm, [["render", Cm], ["__scopeId", "data-v-ff5280fd"]]), xm = {
   name: "ecs-jumper-page",
   emits: [
     "selectCurPageText",
@@ -10330,7 +10330,7 @@ function Nm(e, s, t, a, n, i) {
     ])
   ]);
 }
-const c_ = /* @__PURE__ */ y(Cm, [["render", Nm], ["__scopeId", "data-v-0346f2c1"]]), Dm = {
+const c_ = /* @__PURE__ */ y(xm, [["render", Nm], ["__scopeId", "data-v-0346f2c1"]]), Dm = {
   // eslint-disable-next-line vue/multi-word-component-names
   name: "ecs-pane",
   inject: ["requestUpdate", "onPaneAdd", "onPaneRemove", "onPaneClick"],
@@ -10384,7 +10384,7 @@ function Rm(e, s, t, a, n, i) {
   return o(), l("div", {
     class: "ecs-pane",
     onClick: s[0] || (s[0] = (r) => i.onPaneClick(r, e._.uid)),
-    style: C(e.style)
+    style: x(e.style)
   }, [
     p(e.$slots, "default")
   ], 4);
@@ -10781,7 +10781,7 @@ function Um(e, s, t, a, n, i) {
       e.$slots.sidebar ? (o(), l("div", {
         key: 0,
         class: v(["ecs-index-layout-sidebar", [t.overlaySidebar ? "overlay" : ""]]),
-        style: C(i.sidebarPosition)
+        style: x(i.sidebarPosition)
       }, [
         p(e.$slots, "sidebar", {}, void 0, !0)
       ], 6)) : u("", !0)
@@ -10832,7 +10832,7 @@ function Qm(e, s, t, a, n, i) {
 }
 const u_ = /* @__PURE__ */ y(Gm, [["render", Qm], ["__scopeId", "data-v-dd8572c4"]]), ep = {
   name: "ecs-layout-data-table",
-  components: { EcsActionToolbar: wi, EcsButton: xe },
+  components: { EcsActionToolbar: wi, EcsButton: Ce },
   mixins: [ue],
   props: {
     /** Needs to be set when the edit/view sidebar is expanded. */
@@ -11021,7 +11021,7 @@ function gp(e, s, t, a, n, i) {
     default: S(() => [
       f("div", {
         class: v(["ecs-legend-item-color", t.type]),
-        style: C({ backgroundColor: t.color })
+        style: x({ backgroundColor: t.color })
       }, null, 6),
       f("div", dp, w(t.label), 1),
       t.count ? (o(), l("div", up, w(t.count), 1)) : u("", !0),
@@ -11029,7 +11029,7 @@ function gp(e, s, t, a, n, i) {
       t.highlight || t.hover ? (o(), l("div", {
         key: 2,
         class: "ecs-legend-item-highlight",
-        style: C({ backgroundColor: t.color })
+        style: x({ backgroundColor: t.color })
       }, null, 4)) : u("", !0),
       t.hover ? (o(), h(r, { key: 3 })) : u("", !0)
     ]),
@@ -11089,7 +11089,7 @@ function vp(e, s, t, a, n, i) {
     role: i.alertRole,
     "aria-busy": t.loading || null,
     align: "start",
-    style: C(i.padding)
+    style: x(i.padding)
   }, {
     default: S(() => [
       t.loading && t.type != "blank" ? (o(), h(r, {
@@ -11209,10 +11209,10 @@ const p_ = /* @__PURE__ */ y(yp, [["render", kp], ["__scopeId", "data-v-e2371c57
   mounted() {
     this.show && (this.isShown = !0);
   }
-}, Sp = (e) => (be("data-v-04163948"), e = e(), _e(), e), xp = {
+}, Sp = (e) => (be("data-v-04163948"), e = e(), _e(), e), Cp = {
   key: 0,
   class: "ecs-modal-header-wrap"
-}, Cp = { class: "ecs-modal-content-wrap scrollbar" }, Bp = {
+}, xp = { class: "ecs-modal-content-wrap scrollbar" }, Bp = {
   key: 1,
   class: "ecs-modal-footer-wrap"
 }, zp = /* @__PURE__ */ Sp(() => /* @__PURE__ */ f("div", { class: "ecs-modal-backdrop ecs-modal-sheet-backdrop" }, null, -1));
@@ -11225,12 +11225,12 @@ function Ip(e, s, t, a, n, i) {
       }, [
         f("div", {
           class: "ecs-modal-dialog ecs-modal-sheet",
-          style: C(i.fixedHeightStyle)
+          style: x(i.fixedHeightStyle)
         }, [
-          e.$slots.header ? (o(), l("div", xp, [
+          e.$slots.header ? (o(), l("div", Cp, [
             p(e.$slots, "header", {}, void 0, !0)
           ])) : u("", !0),
-          f("div", Cp, [
+          f("div", xp, [
             p(e.$slots, "default", {}, void 0, !0)
           ]),
           e.$slots.footer ? (o(), l("div", Bp, [
@@ -11247,7 +11247,7 @@ const h_ = /* @__PURE__ */ y(wp, [["render", Ip], ["__scopeId", "data-v-04163948
   name: "ecs-modal-header",
   emits: ["close"],
   components: {
-    EcsButton: xe,
+    EcsButton: Ce,
     EcsFocusRing: L
   },
   props: {
@@ -11642,7 +11642,7 @@ function eh(e, s, t, a, n, i) {
 const k_ = /* @__PURE__ */ y(Jp, [["render", eh], ["__scopeId", "data-v-ceac7867"]]), th = {
   name: "ecs-overlay",
   emits: ["close", "toggled"],
-  components: { EcsIcon: M, EcsButtonToolbar: pt, EcsAlert: ks },
+  components: { EcsIcon: M, EcsButtonToolbar: pt, EcsAlert: ws },
   props: {
     /** Shows the Overlay. */
     show: {
@@ -11827,11 +11827,11 @@ function vh(e, s, t, a, n, i) {
       n.isShown ? (o(), l("div", {
         key: 0,
         class: "ecs-overlay",
-        style: C({ top: t.offsetTop + "px", height: "calc(100vh - " + t.offsetTop + "px" })
+        style: x({ top: t.offsetTop + "px", height: "calc(100vh - " + t.offsetTop + "px" })
       }, [
         f("header", {
           class: "ecs-overlay-header",
-          style: C(e.$slots.alert ? "" : "border-bottom: 1px solid var(--color-gray-4);")
+          style: x(e.$slots.alert ? "" : "border-bottom: 1px solid var(--color-gray-4);")
         }, [
           f("div", sh, [
             t.icon ? (o(), h(r, {
@@ -11899,7 +11899,7 @@ function vh(e, s, t, a, n, i) {
           }, [
             f("div", {
               class: v(["ecs-overlay-content-inner-inner", e.$slots.sidebar && !t.fullWidth && n.width > 1500 ? "has-sidebar" : " "]),
-              style: C({ width: i.contentWidth, maxWidth: i.contentMaxWidth, minWidth: i.contentMinWidth, paddingLeft: i.contentPadding, paddingRight: i.contentPadding })
+              style: x({ width: i.contentWidth, maxWidth: i.contentMaxWidth, minWidth: i.contentMinWidth, paddingLeft: i.contentPadding, paddingRight: i.contentPadding })
             }, [
               p(e.$slots, "default", {}, void 0, !0)
             ], 6),
@@ -11922,7 +11922,7 @@ function vh(e, s, t, a, n, i) {
           f("div", mh, [
             f("div", {
               class: "ecs-overlay-footer-content-inner",
-              style: C({ width: i.contentWidth, maxWidth: i.contentMaxWidth, minWidth: i.contentMinWidth, paddingLeft: i.contentPadding, paddingRight: i.contentPadding })
+              style: x({ width: i.contentWidth, maxWidth: i.contentMaxWidth, minWidth: i.contentMinWidth, paddingLeft: i.contentPadding, paddingRight: i.contentPadding })
             }, [
               p(e.$slots, "footer", {}, void 0, !0)
             ], 4),
@@ -11939,7 +11939,7 @@ const w_ = /* @__PURE__ */ y(th, [["render", vh], ["__scopeId", "data-v-9a66e087
   name: "ecs-pagination",
   emits: ["firstPage", "prevPage", "nextPage", "lastPage", "updatePage", "itemsPerPage"],
   components: {
-    EcsButton: xe,
+    EcsButton: Ce,
     EcsSelect: js,
     EcsFlexRow: Te,
     EcsIcon: M
@@ -12043,7 +12043,7 @@ const w_ = /* @__PURE__ */ y(th, [["render", vh], ["__scopeId", "data-v-9a66e087
 }, wh = {
   key: 1,
   class: "ecs-pagination-range"
-}, Sh = { class: "ecs-pagination-tabs" }, xh = /* @__PURE__ */ Us(() => /* @__PURE__ */ f("span", null, "Items per page", -1)), Ch = ["value", "selected"];
+}, Sh = { class: "ecs-pagination-tabs" }, Ch = /* @__PURE__ */ Us(() => /* @__PURE__ */ f("span", null, "Items per page", -1)), xh = ["value", "selected"];
 function Bh(e, s, t, a, n, i) {
   const r = g("ecs-button"), c = g("ecs-flex-row"), d = g("ecs-select");
   return o(), l("div", {
@@ -12057,7 +12057,7 @@ function Bh(e, s, t, a, n, i) {
     _(c, {
       gap: 8,
       class: "ecs-pagination-nav",
-      style: C({ minWidth: t.tabsSpacing - 4 + "px" })
+      style: x({ minWidth: t.tabsSpacing - 4 + "px" })
     }, {
       default: S(() => [
         t.type == "paginated" ? (o(), l(X, { key: 0 }, [
@@ -12151,7 +12151,7 @@ function Bh(e, s, t, a, n, i) {
       class: "ecs-pagination-items"
     }, {
       default: S(() => [
-        xh,
+        Ch,
         _(d, {
           modelValue: n.updatedItemsPerPageSelected,
           "onUpdate:modelValue": s[5] || (s[5] = (m) => n.updatedItemsPerPageSelected = m),
@@ -12164,7 +12164,7 @@ function Bh(e, s, t, a, n, i) {
               key: m,
               value: m,
               selected: m === t.itemsPerPageSelected
-            }, w(m), 9, Ch))), 128))
+            }, w(m), 9, xh))), 128))
           ]),
           _: 1
         }, 8, ["modelValue", "disabled"])
@@ -12269,13 +12269,13 @@ function Eh(e, s, t, a, n, i) {
   const r = g("ecs-icon"), c = g("ecs-sticker");
   return o(), l("div", {
     class: v(["ecs-party-entry", [t.party, t.color && t.background ? "ecs-party-entry-colored" : ""]]),
-    style: C({ color: t.color })
+    style: x({ color: t.color })
   }, [
     t.icon && t.iconPosition == "left" ? (o(), h(r, {
       key: 0,
       type: i.iconType,
       color: i.iconColor,
-      style: C("margin-right:" + t.iconSpacing),
+      style: x("margin-right:" + t.iconSpacing),
       size: t.iconSize
     }, null, 8, ["type", "color", "style", "size"])) : u("", !0),
     t.shared ? (o(), h(c, {
@@ -12289,13 +12289,13 @@ function Eh(e, s, t, a, n, i) {
       key: 2,
       type: i.iconType,
       color: i.iconColor,
-      style: C("margin-left:" + t.iconSpacing),
+      style: x("margin-left:" + t.iconSpacing),
       size: t.iconSize
     }, null, 8, ["type", "color", "style", "size"])) : u("", !0),
     t.background ? (o(), l("div", Ih)) : u("", !0)
   ], 6);
 }
-const x_ = /* @__PURE__ */ y(zh, [["render", Eh], ["__scopeId", "data-v-d7c75070"]]), $h = {
+const C_ = /* @__PURE__ */ y(zh, [["render", Eh], ["__scopeId", "data-v-d7c75070"]]), $h = {
   name: "ecs-popover-header",
   components: { EcsIcon: M, EcsText: nt },
   props: {
@@ -12345,23 +12345,67 @@ function Lh(e, s, t, a, n, i) {
     ])) : u("", !0)
   ]);
 }
-const C_ = /* @__PURE__ */ y($h, [["render", Lh], ["__scopeId", "data-v-c7ef1a5a"]]), Oh = {
+const x_ = /* @__PURE__ */ y($h, [["render", Lh], ["__scopeId", "data-v-c7ef1a5a"]]), Oh = {
+  name: "EcsPopoverListHeadline",
+  components: {
+    EcsButtonCollapse: Ht
+  },
   props: {
     /** Turns the popover list headline into a sticky headline. This means it will always stay fixed at the top of a scroll container until another popover list headline reaches the top. */
     sticky: {
       type: Boolean,
       default: !1
+    },
+    /** Shows a collapse button in the headline. */
+    collapsible: {
+      type: Boolean,
+      default: !1
+    },
+    /** Sets the collapsed state of the headline. */
+    collapsed: {
+      type: Boolean,
+      default: !1
+    },
+    /** Sets the aria-controls attribute of the collapse button. Needs to match the id of the element which the collapse button is toggling. */
+    collapseControls: {
+      type: String
+    }
+  },
+  data() {
+    return {
+      isCollapsed: this.collapsed
+    };
+  },
+  watch: {
+    collapsed(e) {
+      this.isCollapsed = e;
+    }
+  },
+  methods: {
+    handleCollapse() {
+      this.isCollapsed = !this.isCollapsed, this.$emit("toggle", this.isCollapsed);
     }
   }
 }, Ah = {
-  key: 0,
+  key: 1,
   class: "ecs-popover-list-title-controls"
 };
 function Nh(e, s, t, a, n, i) {
+  const r = g("ecs-button-collapse");
   return o(), l("li", {
-    class: v(["ecs-popover-list-title", [t.sticky ? "ecs-popover-list-title-sticky" : "ecs-popover-list-title-default", t.sticky && e.$slots.controls ? "has-controls" : ""]]),
+    class: v(["ecs-popover-list-title", [
+      t.sticky ? "ecs-popover-list-title-sticky" : "ecs-popover-list-title-default",
+      t.sticky && e.$slots.controls ? "has-controls" : ""
+    ]]),
     role: "heading"
   }, [
+    t.collapsible ? (o(), h(r, {
+      key: 0,
+      onClick: i.handleCollapse,
+      type: "chevron",
+      collapsed: n.isCollapsed,
+      "aria-controls": t.collapseControls
+    }, null, 8, ["onClick", "collapsed", "aria-controls"])) : u("", !0),
     f("span", null, [
       p(e.$slots, "default", {}, void 0, !0)
     ]),
@@ -12370,7 +12414,7 @@ function Nh(e, s, t, a, n, i) {
     ])) : u("", !0)
   ], 2);
 }
-const B_ = /* @__PURE__ */ y(Oh, [["render", Nh], ["__scopeId", "data-v-dcc071bc"]]), Dh = {
+const B_ = /* @__PURE__ */ y(Oh, [["render", Nh], ["__scopeId", "data-v-c1516cc2"]]), Dh = {
   name: "ecs-rating-star-read",
   components: { EcsSkeletonLoader: fe },
   props: {
@@ -12516,7 +12560,7 @@ function Uh(e, s, t, a, n, i) {
 const Gh = /* @__PURE__ */ y(qh, [["render", Uh], ["__scopeId", "data-v-6f812168"]]), Kh = {
   name: "ecs-quicklinks-link",
   emits: ["click", "input", "toggle"],
-  components: { EcsCheckbox: Vt, EcsRatingStarRead: Hh, EcsRatingFavorability: Gh, EcsSwitch: Ms, EcsIcon: M, EcsFocusRing: L },
+  components: { EcsCheckbox: Vt, EcsRatingStarRead: Hh, EcsRatingFavorability: Gh, EcsSwitch: Ls, EcsIcon: M, EcsFocusRing: L },
   props: {
     label: {
       type: String,
@@ -12935,7 +12979,7 @@ const $_ = /* @__PURE__ */ y(yv, [["render", wv], ["__scopeId", "data-v-276f231c
       default: !1
     }
   }
-}, xv = (e) => (be("data-v-a00076a7"), e = e(), _e(), e), Cv = ["aria-checked", "tabindex"], Bv = /* @__PURE__ */ xv(() => /* @__PURE__ */ f("div", { class: "select-check" }, null, -1)), zv = {
+}, Cv = (e) => (be("data-v-a00076a7"), e = e(), _e(), e), xv = ["aria-checked", "tabindex"], Bv = /* @__PURE__ */ Cv(() => /* @__PURE__ */ f("div", { class: "select-check" }, null, -1)), zv = {
   key: 1,
   class: "label"
 }, Iv = {
@@ -12966,7 +13010,7 @@ function Ev(e, s, t, a, n, i) {
       inset: -6,
       radius: 12
     })
-  ], 42, Cv);
+  ], 42, xv);
 }
 const P_ = /* @__PURE__ */ y(Sv, [["render", Ev], ["__scopeId", "data-v-a00076a7"]]), $v = {
   name: "ecs-sequence-map"
@@ -13136,7 +13180,7 @@ function Kv(e, s, t, a, n, i) {
   const r = g("ecs-tab-bar"), c = g("ecs-tabs");
   return o(), l("aside", {
     class: v(["ecs-sidebar", [i.sizeClass, i.expandClass]]),
-    style: C(i.height)
+    style: x(i.height)
   }, [
     f("div", Gv, [
       _(r, { type: "sidebar" }, {
@@ -13362,7 +13406,7 @@ function gy(e, s, t, 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: C({ backgroundColor: r.hex, color: r.hex })
+      style: x({ backgroundColor: r.hex, color: r.hex })
     }, null, 46, fy))), 128))
   ], 2);
 }
@@ -13592,16 +13636,16 @@ const V_ = /* @__PURE__ */ y(vy, [["render", wy], ["__scopeId", "data-v-5098e4d3
     },
     colorIsDark() {
       if (this.color && this.color !== "")
-        return x(this.color).isDark();
+        return C(this.color).isDark();
     },
     customColorStyle() {
       if (this.color && this.color !== "")
         return this.colorIsDark ? {
-          background: x(this.color).toRgbString(),
-          color: x(this.color).lighten(65).toRgbString()
+          background: C(this.color).toRgbString(),
+          color: C(this.color).lighten(65).toRgbString()
         } : {
-          background: x(this.color).toRgbString(),
-          color: x(this.color).darken(65).toRgbString()
+          background: C(this.color).toRgbString(),
+          color: C(this.color).darken(65).toRgbString()
         };
     }
   },
@@ -13610,7 +13654,7 @@ const V_ = /* @__PURE__ */ y(vy, [["render", wy], ["__scopeId", "data-v-5098e4d3
       this.$emit("click", e);
     }
   }
-}, xy = ["role", "tabindex", "aria-busy"], Cy = ["title"], By = {
+}, Cy = ["role", "tabindex", "aria-busy"], xy = ["title"], By = {
   key: 1,
   class: "count"
 };
@@ -13624,7 +13668,7 @@ function zy(e, s, t, a, n, i) {
       t.loading ? "loading" : ""
     ]]),
     onClick: s[0] || (s[0] = (...d) => i.handleClick && i.handleClick(...d)),
-    style: C(i.customColorStyle),
+    style: x(i.customColorStyle),
     role: t.hover ? "button" : !1,
     tabindex: t.hover ? "0" : "-1",
     "aria-busy": t.loading || null
@@ -13633,7 +13677,7 @@ function zy(e, s, t, a, n, i) {
       key: 0,
       class: "path",
       title: t.path
-    }, w(i.truncatedPath), 9, Cy)) : u("", !0),
+    }, w(i.truncatedPath), 9, xy)) : u("", !0),
     p(e.$slots, "default", {}, void 0, !0),
     t.count ? (o(), l("span", By, w(t.count), 1)) : u("", !0),
     t.loading ? (o(), h(r, {
@@ -13643,7 +13687,7 @@ function zy(e, s, t, a, n, i) {
       style: { width: "calc(100% - 20px)" }
     })) : u("", !0),
     _(c)
-  ], 14, xy);
+  ], 14, Cy);
 }
 const H_ = /* @__PURE__ */ y(Sy, [["render", zy], ["__scopeId", "data-v-aed8750a"]]), Iy = {
   name: "ecs-tag-cloud"
@@ -13813,7 +13857,7 @@ function Wy(e, s, t, a, n, i) {
 const G_ = /* @__PURE__ */ y(Hy, [["render", Wy], ["__scopeId", "data-v-6af94f50"]]), jy = {
   name: "ecs-tree-list-item",
   emits: ["click", "toggled"],
-  components: { EcsIcon: M, EcsButtonCollapse: Os, EcsFocusRing: L },
+  components: { EcsIcon: M, EcsButtonCollapse: Ht, EcsFocusRing: L },
   mixins: [ue],
   props: {
     /** ID for the Tree List Item */
@@ -14020,7 +14064,7 @@ function eb(e, s, t, a, n, i) {
 const Y_ = /* @__PURE__ */ y(Jy, [["render", eb], ["__scopeId", "data-v-a5153e06"]]), tb = {
   name: "EcsTypeConfirmation",
   emits: ["update:modelValue"],
-  components: { EcsInput: sm, EcsAlert: ks, EcsFormGroup: zg },
+  components: { EcsInput: sm, EcsAlert: ws, EcsFormGroup: zg },
   mixins: [ue],
   props: {
     verb: {
@@ -14163,7 +14207,7 @@ function cb(e, s, t, a, n, i) {
 const Z_ = /* @__PURE__ */ y(rb, [["render", cb], ["__scopeId", "data-v-ce84fcb3"]]);
 export {
   wi as EcsActionToolbar,
-  ks as EcsAlert,
+  ws as EcsAlert,
   ub as EcsAudio,
   Mi as EcsAvatar,
   fb as EcsBanner,
@@ -14171,8 +14215,8 @@ export {
   mb as EcsBreadcrumbButton,
   pb as EcsBreadcrumbTitle,
   hb as EcsBulkSelector,
-  xe as EcsButton,
-  Os as EcsButtonCollapse,
+  Ce as EcsButton,
+  Ht as EcsButtonCollapse,
   yb as EcsButtonContext,
   bb as EcsButtonContextGroup,
   _b as EcsButtonDialog,
@@ -14180,18 +14224,18 @@ export {
   Ds as EcsButtonMore,
   Rs as EcsButtonTable,
   pt as EcsButtonToolbar,
-  Ht as EcsButtonToolbarGroup,
+  qt as EcsButtonToolbarGroup,
   kb as EcsButtonToolbarIcon,
   wb as EcsCard,
   Vt as EcsCheckbox,
   Sb as EcsCitationLine,
-  Cb as EcsCollapse,
+  xb as EcsCollapse,
   Bb as EcsCollectionControl,
   bd as EcsColorPicker,
   Eb as EcsColorPickerInput,
   zb as EcsComment,
   Ib as EcsCommentList,
-  xb as EcsContextMenu,
+  Cb as EcsContextMenu,
   $b as EcsDataCard,
   Pb as EcsDataCardList,
   Tb as EcsDataGrid,
@@ -14212,7 +14256,7 @@ export {
   jb as EcsEntryLink,
   Ub as EcsExcerptSnippet,
   Hu as EcsFavicon,
-  Ls as EcsFileIcon,
+  Os as EcsFileIcon,
   Kb as EcsFileList,
   Yb as EcsFileListItem,
   Gb as EcsFillIcon,
@@ -14255,15 +14299,15 @@ export {
   w_ as EcsOverlay,
   S_ as EcsPagination,
   Fm as EcsPane,
-  x_ as EcsPartyEntry,
-  Ts as EcsPopover,
-  C_ as EcsPopoverHeader,
+  C_ as EcsPartyEntry,
+  Ms as EcsPopover,
+  x_ as EcsPopoverHeader,
   ua as EcsPopoverList,
   B_ as EcsPopoverListHeadline,
   uo as EcsPopoverListItem,
   hf as EcsProgress,
   z_ as EcsQuicklink,
-  xa as EcsRadiobutton,
+  Ca as EcsRadiobutton,
   Gh as EcsRatingFavorability,
   Hh as EcsRatingStarRead,
   I_ as EcsRatingStarWrite,
@@ -14287,7 +14331,7 @@ export {
   Fe as EcsSticker,
   D_ as EcsStructuredContent,
   R_ as EcsSwatchesPicker,
-  Ms as EcsSwitch,
+  Ls as EcsSwitch,
   F_ as EcsTab,
   Hv as EcsTabBar,
   V_ as EcsTabButton,