@everchron/ec-shards 8.12.0 → 8.12.1

package/dist/ec-shards.js

@@ -1,4 +1,4 @@
-import { defineAsyncComponent as te, watch as ce, openBlock as o, createBlock as b, resolveDynamicComponent as Pe, unref as ae, normalizeClass as h, createElementBlock as l, normalizeStyle as B, resolveComponent as g, createVNode as _, createCommentVNode as u, createElementVNode as f, createTextVNode as D, toDisplayString as w, renderSlot as p, Transition as ke, withCtx as S, computed as be, 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 ve, popScopeId as ye, Fragment as J, renderList as me, 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 b, resolveDynamicComponent as Pe, unref as ae, normalizeClass as h, 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 ke, withCtx as S, computed as be, 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 ve, popScopeId as ye, Fragment as J, renderList as me, 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) => {
@@ -83,13 +83,13 @@ const se = (e, s) => {
 function fi(e, s, t, a, n, i) {
   return o(), l("span", {
     class: h(["ecs-focus-ring", t.danger ? "ecs-focus-ring-danger" : ""]),
-    style: B(i.styles)
+    style: x(i.styles)
   }, null, 6);
 }
-const L = /* @__PURE__ */ v(ui, [["render", fi], ["__scopeId", "data-v-8d624905"]]), gi = {
+const O = /* @__PURE__ */ v(ui, [["render", fi], ["__scopeId", "data-v-8d624905"]]), gi = {
   name: "ecs-alert",
   emits: ["action"],
-  components: { EcsIcon: M, EcsFocusRing: L },
+  components: { EcsIcon: M, EcsFocusRing: O },
   props: {
     /** The alert variant, which defines it's background color. */
     type: {
@@ -175,7 +175,7 @@ function yi(e, s, t, a, n, i) {
       t.inset ? "ecs-alert-inset" : "",
       t.border !== !1 ? "ecs-alert-border" : ""
     ]]),
-    style: B(i.borderStyles),
+    style: x(i.borderStyles),
     role: "alert"
   }, [
     t.dismissable ? (o(), l("button", {
@@ -283,7 +283,7 @@ function zi(e, s, t, a, n, i) {
     }, null, 8, Bi)) : u("", !0)
   ], 8, Ci);
 }
-const db = /* @__PURE__ */ v(Si, [["render", zi], ["__scopeId", "data-v-4e7ca115"]]), Ii = {
+const fb = /* @__PURE__ */ v(Si, [["render", zi], ["__scopeId", "data-v-4e7ca115"]]), Ii = {
   __name: "sticker",
   props: {
     /** Sets the sticker icon. */
@@ -334,7 +334,7 @@ const db = /* @__PURE__ */ v(Si, [["render", zi], ["__scopeId", "data-v-4e7ca115
       "aria-busy": t.value || null,
       width: e.size,
       height: e.size,
-      style: B(`color: ${n.value}`)
+      style: x(`color: ${n.value}`)
     }, null, 8, ["class", "aria-busy", "width", "height", "style"])) : u("", !0);
   }
 }, Re = /* @__PURE__ */ v(Ii, [["__scopeId", "data-v-add9195d"]]), Ei = {
@@ -475,7 +475,7 @@ function Ti(e, s, t, a, n, i) {
   const r = g("ecs-sticker");
   return o(), l("div", {
     class: h(["avatar", i.partyClass]),
-    style: B([i.style, t.customStyle]),
+    style: x([i.style, t.customStyle]),
     role: t.image ? "img" : "none",
     "aria-label": t.name
   }, [
@@ -486,8 +486,8 @@ function Ti(e, s, t, a, n, i) {
     })) : u("", !0)
   ], 14, $i);
 }
-const Mi = /* @__PURE__ */ v(Ei, [["render", Ti], ["__scopeId", "data-v-cdd70b4e"]]), Li = {
-  components: { EcsIcon: M, EcsFocusRing: L },
+const Mi = /* @__PURE__ */ v(Ei, [["render", Ti], ["__scopeId", "data-v-cdd70b4e"]]), Oi = {
+  components: { EcsIcon: M, EcsFocusRing: O },
   emits: ["dismiss"],
   props: {
     /** The alert variant, which defines it's background color. */
@@ -554,7 +554,7 @@ const Mi = /* @__PURE__ */ v(Ei, [["render", Ti], ["__scopeId", "data-v-cdd70b4e
     }
   }
 };
-function Oi(e, s, t, a, n, i) {
+function Li(e, s, t, a, n, i) {
   const r = g("ecs-icon"), c = g("ecs-focus-ring");
   return i.show ? (o(), l("div", {
     key: 0,
@@ -565,7 +565,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: B(i.dismissButtonStyle),
+      style: x(i.dismissButtonStyle),
       class: "close",
       "aria-label": "Dismiss"
     }, [
@@ -577,7 +577,7 @@ function Oi(e, s, t, a, n, i) {
     ], 4)) : u("", !0)
   ], 2)) : u("", !0);
 }
-const ub = /* @__PURE__ */ v(Li, [["render", Oi], ["__scopeId", "data-v-888a84fc"]]), Ai = {
+const gb = /* @__PURE__ */ v(Oi, [["render", Li], ["__scopeId", "data-v-888a84fc"]]), Ai = {
   name: "ecs-breadcrumb",
   props: {
     /** Sets the size of the breadcrumb (default is medium). */
@@ -601,12 +601,12 @@ function Ni(e, s, t, a, n, i) {
     p(e.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-const fb = /* @__PURE__ */ v(Ai, [["render", Ni], ["__scopeId", "data-v-d1ff2486"]]), Di = {
+const mb = /* @__PURE__ */ v(Ai, [["render", Ni], ["__scopeId", "data-v-d1ff2486"]]), Di = {
   name: "ecs-breadcrumb-button",
   emits: ["click"],
   components: {
     EcsIcon: M,
-    EcsFocusRing: L
+    EcsFocusRing: O
   },
   props: {
     /** The button type: `root` should always be used for the very first button inside a breadcrumb, `link` for all regular buttons that reflect a level in the navigation, and `more` for an optional button that escapes levels within the breadcrumb. */
@@ -659,7 +659,7 @@ function Ri(e, s, t, a, n, i) {
     _(c)
   ], 2);
 }
-const gb = /* @__PURE__ */ v(Di, [["render", Ri], ["__scopeId", "data-v-7fb9bc8d"]]), Vi = {
+const pb = /* @__PURE__ */ v(Di, [["render", Ri], ["__scopeId", "data-v-7fb9bc8d"]]), Vi = {
   name: "ecs-breadcrumb-title"
 }, Hi = {
   class: "ecs-breadcrumb-title",
@@ -670,7 +670,7 @@ function qi(e, s, t, a, n, i) {
     p(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const mb = /* @__PURE__ */ v(Vi, [["render", qi], ["__scopeId", "data-v-422cc046"]]), Wi = {
+const hb = /* @__PURE__ */ v(Vi, [["render", qi], ["__scopeId", "data-v-422cc046"]]), Wi = {
   name: "ecs-flex-row",
   props: {
     /** Determines the flex direction of the row. */
@@ -722,7 +722,7 @@ const mb = /* @__PURE__ */ v(Vi, [["render", qi], ["__scopeId", "data-v-422cc046
 function ji(e, s, t, a, n, i) {
   return o(), l("div", {
     class: h(["ecs-flex-row", [i.directionClass, i.justifyClass, i.alignClass, i.wrapClass]]),
-    style: B(i.gapStyle)
+    style: x(i.gapStyle)
   }, [
     p(e.$slots, "default", {}, void 0, !0)
   ], 6);
@@ -826,13 +826,13 @@ function Me(e) {
     e.document
   )) || window.document).documentElement;
 }
-function Lt(e) {
+function Ot(e) {
   return We(Me(e)).left + Mt(e).scrollLeft;
 }
 function Ie(e) {
   return le(e).getComputedStyle(e);
 }
-function Ot(e) {
+function Lt(e) {
   var s = Ie(e), t = s.overflow, a = s.overflowX, n = s.overflowY;
   return /auto|scroll|overlay|hidden/.test(t + n + a);
 }
@@ -850,7 +850,7 @@ function Yi(e, s, t) {
     y: 0
   };
   return (a || !a && !t) && ((we(s) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
-  Ot(i)) && (c = Gi(s)), de(s) ? (d = We(s, !0), d.x += s.clientLeft, d.y += s.clientTop) : i && (d.x = Lt(i))), {
+  Lt(i)) && (c = Gi(s)), de(s) ? (d = We(s, !0), d.x += s.clientLeft, d.y += s.clientTop) : i && (d.x = Ot(i))), {
     x: r.left + c.scrollLeft - d.x,
     y: r.top + c.scrollTop - d.y,
     width: r.width,
@@ -879,12 +879,12 @@ function mt(e) {
   );
 }
 function Cs(e) {
-  return ["html", "body", "#document"].indexOf(we(e)) >= 0 ? e.ownerDocument.body : de(e) && Ot(e) ? e : Cs(mt(e));
+  return ["html", "body", "#document"].indexOf(we(e)) >= 0 ? e.ownerDocument.body : de(e) && Lt(e) ? e : Cs(mt(e));
 }
 function Qe(e, s) {
   var t;
   s === void 0 && (s = []);
-  var a = Cs(e), n = a === ((t = e.ownerDocument) == null ? void 0 : t.body), i = le(a), r = n ? [i].concat(i.visualViewport || [], Ot(a) ? a : []) : a, c = s.concat(r);
+  var a = Cs(e), n = a === ((t = e.ownerDocument) == null ? void 0 : t.body), i = le(a), r = n ? [i].concat(i.visualViewport || [], Lt(a) ? a : []) : a, c = s.concat(r);
   return n ? c : (
     // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
     c.concat(Qe(mt(r)))
@@ -982,12 +982,12 @@ function pn(e, s) {
   return {
     width: i,
     height: r,
-    x: c + Lt(e),
+    x: c + Ot(e),
     y: d
   };
 }
 function hn(e) {
-  var s, t = Me(e), a = Mt(e), n = (s = e.ownerDocument) == null ? void 0 : s.body, i = Ne(t.scrollWidth, t.clientWidth, n ? n.scrollWidth : 0, n ? n.clientWidth : 0), r = Ne(t.scrollHeight, t.clientHeight, n ? n.scrollHeight : 0, n ? n.clientHeight : 0), c = -a.scrollLeft + Lt(e), d = -a.scrollTop;
+  var s, t = Me(e), a = Mt(e), n = (s = e.ownerDocument) == null ? void 0 : s.body, i = Ne(t.scrollWidth, t.clientWidth, n ? n.scrollWidth : 0, n ? n.clientWidth : 0), r = Ne(t.scrollHeight, t.clientHeight, n ? n.scrollHeight : 0, n ? n.clientHeight : 0), c = -a.scrollLeft + Ot(e), d = -a.scrollTop;
   return Ie(n || t).direction === "rtl" && (c += Ne(t.clientWidth, n ? n.clientWidth : 0) - i), {
     width: i,
     height: r,
@@ -1111,16 +1111,16 @@ function Ps(e, s) {
 }
 function Ft(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, y = m === void 0 ? xs : m, k = t.elementContext, z = k === void 0 ? Xe : k, I = t.altBoundary, x = I === void 0 ? !1 : I, $ = t.padding, T = $ === void 0 ? 0 : $, O = $s(typeof T != "number" ? T : Ps(T, it)), F = z === Xe ? Qi : Xe, H = e.rects.popper, P = e.elements[x ? F : z], A = bn(Fe(P) ? P : P.contextElement || Me(e.elements.popper), d, y, 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, y = m === void 0 ? xs : 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 : $, L = $s(typeof T != "number" ? T : Ps(T, it)), F = z === Xe ? Qi : Xe, H = e.rects.popper, P = e.elements[B ? F : z], A = bn(Fe(P) ? P : P.contextElement || Me(e.elements.popper), d, y, r), E = We(e.elements.reference), N = Is({
     reference: E,
     element: H,
     strategy: "absolute",
     placement: n
   }), R = Et(Object.assign({}, H, N)), V = z === Xe ? R : E, W = {
-    top: A.top - V.top + O.top,
-    bottom: V.bottom - A.bottom + O.bottom,
-    left: A.left - V.left + O.left,
-    right: V.right - A.right + O.right
+    top: A.top - V.top + L.top,
+    bottom: V.bottom - A.bottom + L.bottom,
+    left: A.left - V.left + L.left,
+    right: V.right - A.right + L.right
   }, j = e.modifiersData.offset;
   if (z === Xe && j) {
     var X = j[n];
@@ -1161,8 +1161,8 @@ function _n(e) {
       styles: {}
     }, k = [], z = !1, I = {
       state: y,
-      setOptions: function(O) {
-        var F = typeof O == "function" ? O(y.options) : O;
+      setOptions: function(L) {
+        var F = typeof L == "function" ? L(y.options) : L;
         $(), y.options = Object.assign({}, i, y.options, F), y.scrollParents = {
           reference: Fe(c) ? Qe(c) : c.contextElement ? Qe(c.contextElement) : [],
           popper: Qe(d)
@@ -1170,7 +1170,7 @@ function _n(e) {
         var H = fn(mn([].concat(a, y.options.modifiers)));
         return y.orderedModifiers = H.filter(function(P) {
           return P.enabled;
-        }), x(), I.update();
+        }), B(), I.update();
       },
       // Sync update – it will always be executed, even if not necessary. This
       // is useful for low frequency updates where sync behavior simplifies the
@@ -1179,7 +1179,7 @@ function _n(e) {
       // prefer the async Popper#update method
       forceUpdate: function() {
         if (!z) {
-          var O = y.elements, F = O.reference, H = O.popper;
+          var L = y.elements, F = L.reference, H = L.popper;
           if (ns(F, H)) {
             y.rects = {
               reference: Yi(F, st(H), y.options.strategy === "fixed"),
@@ -1219,13 +1219,13 @@ function _n(e) {
     I.setOptions(m).then(function(T) {
       !z && m.onFirstUpdate && m.onFirstUpdate(T);
     });
-    function x() {
+    function B() {
       y.orderedModifiers.forEach(function(T) {
-        var O = T.name, F = T.options, H = F === void 0 ? {} : F, P = T.effect;
+        var L = T.name, F = T.options, H = F === void 0 ? {} : F, P = T.effect;
         if (typeof P == "function") {
           var A = P({
             state: y,
-            name: O,
+            name: L,
             instance: I,
             options: H
           }), E = function() {
@@ -1294,7 +1294,7 @@ function Bn(e, s) {
   };
 }
 function as(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, y = e.roundOffsets, k = e.isFixed, z = r.x, I = z === void 0 ? 0 : z, x = r.y, $ = x === void 0 ? 0 : x, T = typeof y == "function" ? y({
+  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, y = e.roundOffsets, k = e.isFixed, z = r.x, I = z === void 0 ? 0 : z, B = r.y, $ = B === void 0 ? 0 : B, T = typeof y == "function" ? y({
     x: I,
     y: $
   }) : {
@@ -1302,7 +1302,7 @@ function as(e) {
     y: $
   };
   I = T.x, $ = T.y;
-  var O = r.hasOwnProperty("x"), F = r.hasOwnProperty("y"), H = re, P = oe, A = window;
+  var L = r.hasOwnProperty("x"), F = r.hasOwnProperty("y"), H = re, P = oe, A = window;
   if (m) {
     var E = st(t), N = "clientHeight", R = "clientWidth";
     if (E === le(t) && (E = Me(t), Ie(E).position !== "static" && c === "absolute" && (N = "scrollHeight", R = "scrollWidth")), E = E, n === oe || (n === re || n === he) && i === tt) {
@@ -1333,9 +1333,9 @@ function as(e) {
   };
   if (I = X.x, $ = X.y, d) {
     var K;
-    return Object.assign({}, j, (K = {}, K[P] = F ? "0" : "", K[H] = O ? "0" : "", K.transform = (A.devicePixelRatio || 1) <= 1 ? "translate(" + I + "px, " + $ + "px)" : "translate3d(" + I + "px, " + $ + "px, 0)", K));
+    return Object.assign({}, j, (K = {}, K[P] = F ? "0" : "", K[H] = L ? "0" : "", K.transform = (A.devicePixelRatio || 1) <= 1 ? "translate(" + I + "px, " + $ + "px)" : "translate3d(" + I + "px, " + $ + "px, 0)", K));
   }
-  return Object.assign({}, j, (s = {}, s[P] = F ? $ + "px" : "", s[H] = O ? I + "px" : "", s.transform = "", s));
+  return Object.assign({}, j, (s = {}, s[P] = F ? $ + "px" : "", s[H] = L ? I + "px" : "", s.transform = "", s));
 }
 function zn(e) {
   var s = e.state, t = e.options, a = t.gpuAcceleration, n = a === void 0 ? !0 : a, i = t.adaptive, r = i === void 0 ? !0 : i, c = t.roundOffsets, d = c === void 0 ? !0 : c, m = {
@@ -1412,23 +1412,23 @@ const Pn = {
 var Tn = [wn, Cn, In, Pn], Mn = /* @__PURE__ */ _n({
   defaultModifiers: Tn
 });
-function Ln(e) {
+function On(e) {
   return e === "x" ? "y" : "x";
 }
 function et(e, s, t) {
   return Ne(e, ut(s, t));
 }
-function On(e, s, t) {
+function Ln(e, s, t) {
   var a = et(e, s, t);
   return a > t ? t : a;
 }
 function An(e) {
-  var s = e.state, t = e.options, a = e.name, n = t.mainAxis, i = n === void 0 ? !0 : n, r = t.altAxis, c = r === void 0 ? !1 : r, d = t.boundary, m = t.rootBoundary, y = t.altBoundary, k = t.padding, z = t.tether, I = z === void 0 ? !0 : z, x = t.tetherOffset, $ = x === void 0 ? 0 : x, T = Ft(s, {
+  var s = e.state, t = e.options, a = e.name, n = t.mainAxis, i = n === void 0 ? !0 : n, r = t.altAxis, c = r === void 0 ? !1 : r, d = t.boundary, m = t.rootBoundary, y = t.altBoundary, k = t.padding, z = t.tether, I = z === void 0 ? !0 : z, B = t.tetherOffset, $ = B === void 0 ? 0 : B, T = Ft(s, {
     boundary: d,
     rootBoundary: m,
     padding: k,
     altBoundary: y
-  }), O = _e(s.placement), F = Ue(s.placement), H = !F, P = Dt(O), A = Ln(P), E = s.modifiersData.popperOffsets, N = s.rects.reference, R = s.rects.popper, V = typeof $ == "function" ? $(Object.assign({}, s.rects, {
+  }), L = _e(s.placement), F = Ue(s.placement), H = !F, P = Dt(L), A = On(P), E = s.modifiersData.popperOffsets, N = s.rects.reference, R = s.rects.popper, V = typeof $ == "function" ? $(Object.assign({}, s.rects, {
     placement: s.placement
   })) : $, W = typeof V == "number" ? {
     mainAxis: V,
@@ -1442,14 +1442,14 @@ function An(e) {
   };
   if (E) {
     if (i) {
-      var K, xe = P === "y" ? oe : re, Be = P === "y" ? pe : he, Y = P === "y" ? "height" : "width", Q = E[P], Ee = Q + T[xe], ie = Q - T[Be], Ve = I ? -R[Y] / 2 : 0, Z = F === je ? N[Y] : R[Y], ee = F === je ? -R[Y] : -N[Y], Le = s.elements.arrow, He = I && Le ? At(Le) : {
+      var K, xe = P === "y" ? oe : re, Be = P === "y" ? pe : he, Y = P === "y" ? "height" : "width", Q = E[P], Ee = Q + T[xe], ie = Q - T[Be], Ve = I ? -R[Y] / 2 : 0, Z = F === je ? N[Y] : R[Y], ee = F === je ? -R[Y] : -N[Y], Oe = s.elements.arrow, He = I && Oe ? At(Oe) : {
         width: 0,
         height: 0
-      }, $e = s.modifiersData["arrow#persistent"] ? s.modifiersData["arrow#persistent"].padding : Es(), Ke = $e[xe], at = $e[Be], Oe = et(0, N[Y], He[Y]), yt = H ? N[Y] / 2 - Ve - Oe - Ke - W.mainAxis : Z - 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 = s.modifiersData["arrow#persistent"] ? s.modifiersData["arrow#persistent"].padding : Es(), Ke = $e[xe], at = $e[Be], Le = et(0, N[Y], He[Y]), yt = H ? N[Y] / 2 - Ve - Le - Ke - W.mainAxis : Z - Le - Ke - W.mainAxis, Gs = H ? -N[Y] / 2 + Ve + Le + at + W.mainAxis : ee + Le + 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, X[P] = Ut - Q;
     }
     if (c) {
-      var Gt, Zs = P === "x" ? oe : re, Js = P === "x" ? pe : he, 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] - R[ot] - Xt + W.altAxis, Jt = _t ? Ae + N[ot] + R[ot] - Xt - W.altAxis : Yt, Qt = I && _t ? On(Zt, Ae, Jt) : et(I ? Zt : Kt, Ae, I ? Jt : Yt);
+      var Gt, Zs = P === "x" ? oe : re, Js = P === "x" ? pe : he, Ae = E[A], ot = A === "y" ? "height" : "width", Kt = Ae + T[Zs], Yt = Ae - T[Js], _t = [oe, re].indexOf(L) !== -1, Xt = (Gt = j == null ? void 0 : j[A]) != null ? Gt : 0, Zt = _t ? Kt : Ae - N[ot] - R[ot] - Xt + W.altAxis, Jt = _t ? Ae + N[ot] + R[ot] - Xt - W.altAxis : Yt, Qt = I && _t ? Ln(Zt, Ae, Jt) : et(I ? Zt : Kt, Ae, I ? Jt : Yt);
       E[A] = Qt, X[A] = Qt - Ae;
     }
     s.modifiersData[a] = X;
@@ -1484,22 +1484,22 @@ function os(e) {
 }
 function Rn(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, y = Ue(a), k = y ? c ? ts : ts.filter(function(x) {
-    return Ue(x) === y;
-  }) : it, z = k.filter(function(x) {
-    return m.indexOf(x) >= 0;
+  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, y = Ue(a), k = y ? c ? ts : ts.filter(function(B) {
+    return Ue(B) === y;
+  }) : it, z = k.filter(function(B) {
+    return m.indexOf(B) >= 0;
   });
   z.length === 0 && (z = k);
-  var I = z.reduce(function(x, $) {
-    return x[$] = Ft(e, {
+  var I = z.reduce(function(B, $) {
+    return B[$] = Ft(e, {
       placement: $,
       boundary: n,
       rootBoundary: i,
       padding: r
-    })[_e($)], x;
+    })[_e($)], B;
   }, {});
-  return Object.keys(I).sort(function(x, $) {
-    return I[x] - I[$];
+  return Object.keys(I).sort(function(B, $) {
+    return I[B] - I[$];
   });
 }
 function Vn(e) {
@@ -1511,13 +1511,13 @@ function Vn(e) {
 function Hn(e) {
   var s = e.state, t = e.options, a = e.name;
   if (!s.modifiersData[a]._skip) {
-    for (var n = t.mainAxis, i = n === void 0 ? !0 : n, r = t.altAxis, c = r === void 0 ? !0 : r, d = t.fallbackPlacements, m = t.padding, y = t.boundary, k = t.rootBoundary, z = t.altBoundary, I = t.flipVariations, x = I === void 0 ? !0 : I, $ = t.allowedAutoPlacements, T = s.options.placement, O = _e(T), F = O === T, H = d || (F || !x ? [dt(T)] : Vn(T)), P = [T].concat(H).reduce(function(He, $e) {
+    for (var n = t.mainAxis, i = n === void 0 ? !0 : n, r = t.altAxis, c = r === void 0 ? !0 : r, d = t.fallbackPlacements, m = t.padding, y = t.boundary, k = t.rootBoundary, z = t.altBoundary, I = t.flipVariations, B = I === void 0 ? !0 : I, $ = t.allowedAutoPlacements, T = s.options.placement, L = _e(T), F = L === T, H = d || (F || !B ? [dt(T)] : Vn(T)), P = [T].concat(H).reduce(function(He, $e) {
       return He.concat(_e($e) === Nt ? Rn(s, {
         placement: $e,
         boundary: y,
         rootBoundary: k,
         padding: m,
-        flipVariations: x,
+        flipVariations: B,
         allowedAutoPlacements: $
       }) : $e);
     }, []), A = s.rects.reference, E = s.rects.popper, N = /* @__PURE__ */ new Map(), R = !0, V = P[0], W = 0; W < P.length; W++) {
@@ -1539,19 +1539,19 @@ function Hn(e) {
       N.set(j, ie);
     }
     if (R)
-      for (var Ve = x ? 3 : 1, Z = function($e) {
+      for (var Ve = B ? 3 : 1, Z = function($e) {
         var Ke = P.find(function(at) {
-          var Oe = N.get(at);
-          if (Oe)
-            return Oe.slice(0, $e).every(function(yt) {
+          var Le = N.get(at);
+          if (Le)
+            return Le.slice(0, $e).every(function(yt) {
               return yt;
             });
         });
         if (Ke)
           return V = Ke, "break";
       }, ee = Ve; ee > 0; ee--) {
-        var Le = Z(ee);
-        if (Le === "break")
+        var Oe = Z(ee);
+        if (Oe === "break")
           break;
       }
     s.placement !== V && (s.modifiersData[a]._skip = !0, s.placement = V, s.reset = !0);
@@ -1600,7 +1600,7 @@ var Gn = function(s, t) {
 function Kn(e) {
   var s, t = e.state, a = e.name, n = e.options, i = t.elements.arrow, r = t.modifiersData.popperOffsets, c = _e(t.placement), d = Dt(c), m = [re, he].indexOf(c) >= 0, y = m ? "height" : "width";
   if (!(!i || !r)) {
-    var k = Gn(n.padding, t), z = At(i), I = d === "y" ? oe : re, x = d === "y" ? pe : he, $ = t.rects.reference[y] + t.rects.reference[d] - r[d] - t.rects.popper[y], T = r[d] - t.rects.reference[d], O = st(i), F = O ? d === "y" ? O.clientHeight || 0 : O.clientWidth || 0 : 0, H = $ / 2 - T / 2, P = k[I], A = F - z[y] - k[x], E = F / 2 - z[y] / 2 + H, N = et(P, E, A), R = d;
+    var k = Gn(n.padding, t), z = At(i), I = d === "y" ? oe : re, B = d === "y" ? pe : he, $ = t.rects.reference[y] + t.rects.reference[d] - r[d] - t.rects.popper[y], T = r[d] - t.rects.reference[d], L = st(i), F = L ? d === "y" ? L.clientHeight || 0 : L.clientWidth || 0 : 0, H = $ / 2 - T / 2, P = k[I], A = F - z[y] - k[B], E = F / 2 - z[y] / 2 + H, N = et(P, E, A), R = d;
     t.modifiersData[a] = (s = {}, s[R] = N, s.centerOffset = N - E, s);
   }
 }
@@ -1632,9 +1632,9 @@ function Zn({
     popperInstance: null
   }), m = ($) => {
     var T;
-    (T = d.popperInstance) == null || T.setOptions((O) => ({
-      ...O,
-      modifiers: [...O.modifiers, { name: "eventListeners", enabled: $ }]
+    (T = d.popperInstance) == null || T.setOptions((L) => ({
+      ...L,
+      modifiers: [...L.modifiers, { name: "eventListeners", enabled: $ }]
     }));
   }, y = () => m(!0), k = () => m(!1), z = () => {
     d.isOpen && (d.isOpen = !1, s("close:popper"));
@@ -1642,9 +1642,9 @@ function Zn({
     d.isOpen || (d.isOpen = !0, s("open:popper"));
   };
   ce([() => d.isOpen, i], async ([$]) => {
-    $ ? (await x(), y()) : k();
+    $ ? (await B(), y()) : k();
   });
-  const x = async () => {
+  const B = async () => {
     await ei(), d.popperInstance = Mn(c.value, r.value, {
       placement: i.value,
       modifiers: [
@@ -1856,10 +1856,10 @@ const ia = /* @__PURE__ */ v(ea, [["render", sa], ["__scopeId", "data-v-baf3bb28
     });
     const {
       arrowPadding: I,
-      closeDelay: x,
+      closeDelay: B,
       content: $,
       disableClickAway: T,
-      disabled: O,
+      disabled: L,
       interactive: F,
       locked: H,
       offsetDistance: P,
@@ -1876,20 +1876,20 @@ const ia = /* @__PURE__ */ v(ea, [["render", sa], ["__scopeId", "data-v-baf3bb28
       placement: N,
       popperNode: d,
       triggerNode: m
-    }), X = be(() => R.value !== null), K = be(() => O.value || !k.value), xe = be(() => V.value && !K.value), Be = be(
+    }), X = be(() => R.value !== null), K = be(() => L.value || !k.value), xe = be(() => V.value && !K.value), Be = be(
       () => !T.value && !X.value
     );
     be(
       () => F.value ? `border: ${P.value}px solid transparent; margin: -${P.value}px;` : null
     );
-    const Y = wt.debounce(W, E.value), Q = wt.debounce(j, x.value), Ee = async () => {
+    const Y = wt.debounce(W, E.value), Q = wt.debounce(j, B.value), Ee = async () => {
       K.value || X.value || (Q.clear(), c.value = !0, Y());
     }, ie = async () => {
       X.value || (Y.clear(), c.value = !1, Q());
     }, Ve = () => {
       V.value ? ie() : Ee();
     };
-    return ce([k, O], ([Z, ee]) => {
+    return ce([k, L], ([Z, ee]) => {
       V.value && (!Z || ee) && j();
     }), ce(V, (Z) => {
       Z ? y.value = !0 : wt.debounce(() => {
@@ -1908,12 +1908,12 @@ const ia = /* @__PURE__ */ v(ea, [["render", sa], ["__scopeId", "data-v-baf3bb28
       });
     }), Pt(() => i.disconnect()), (Z, ee) => (o(), l("div", {
       class: "ecs-popover-root",
-      onMouseleave: ee[2] || (ee[2] = (Le) => e.hover && ie())
+      onMouseleave: ee[2] || (ee[2] = (Oe) => e.hover && ie())
     }, [
       f("div", {
         ref_key: "triggerNode",
         ref: m,
-        onMouseover: ee[0] || (ee[0] = (Le) => e.hover && Ee()),
+        onMouseover: ee[0] || (ee[0] = (Oe) => e.hover && Ee()),
         onClick: Ve,
         onFocus: Ee,
         onKeyup: G(ie, ["esc"]),
@@ -1928,7 +1928,7 @@ const ia = /* @__PURE__ */ v(ea, [["render", sa], ["__scopeId", "data-v-baf3bb28
           default: S(() => [
             e.persistent || c.value ? Ge((o(), l("div", {
               key: 0,
-              onClick: ee[1] || (ee[1] = (Le) => !ae(F) && ie()),
+              onClick: ee[1] || (ee[1] = (Oe) => !ae(F) && ie()),
               class: "ecs-popover popper",
               ref_key: "popperNode",
               ref: d,
@@ -2065,7 +2065,7 @@ function da(e, s, t, a, n, i) {
 }
 const ua = /* @__PURE__ */ v(ca, [["render", da], ["__scopeId", "data-v-b0731279"]]), fa = {
   name: "ecs-form-check",
-  components: { EcsFocusRing: L },
+  components: { EcsFocusRing: O },
   props: {
     /** Sets the checkbox to disabled. */
     disabled: {
@@ -2132,7 +2132,7 @@ const Rt = /* @__PURE__ */ v(fa, [["render", ga]]), ma = {
 function pa(e, s, t, a, n, i) {
   return o(), b(Pe(i.textTag), {
     class: h([[i.textClass, t.emphasized ? "emphasized" : ""], "ecs-text"]),
-    style: B({ color: i.textColor })
+    style: x({ color: i.textColor })
   }, {
     default: S(() => [
       p(e.$slots, "default", {}, void 0, !0)
@@ -2412,7 +2412,7 @@ function Sa(e, s, t, a, n, i) {
 const Ca = /* @__PURE__ */ v(_a, [["render", Sa], ["__scopeId", "data-v-0296b689"]]), xa = {
   name: "ecs-switch",
   emits: ["input"],
-  components: { EcsFocusRing: L },
+  components: { EcsFocusRing: O },
   mixins: [ue],
   props: {
     /** Sets the name attribute. */
@@ -2541,10 +2541,10 @@ function Ma(e, s, t, a, n, i) {
     ], 8, Ta)) : u("", !0)
   ]);
 }
-const Ms = /* @__PURE__ */ v(xa, [["render", Ma], ["__scopeId", "data-v-de55e54f"]]), La = {
+const Ms = /* @__PURE__ */ v(xa, [["render", Ma], ["__scopeId", "data-v-de55e54f"]]), Oa = {
   name: "ecs-sortbutton",
   emits: ["click"],
-  components: { EcsFormCheck: Rt, EcsFocusRing: L },
+  components: { EcsFormCheck: Rt, EcsFocusRing: O },
   props: {
     /** Disables the sort button. */
     disabled: {
@@ -2568,7 +2568,7 @@ const Ms = /* @__PURE__ */ v(xa, [["render", Ma], ["__scopeId", "data-v-de55e54f
       return this.sort && this.sort !== "" ? `active ${this.sort}` : this.sort;
     }
   }
-}, Oa = (e) => (ve("data-v-dca05194"), e = e(), ye(), e), Aa = /* @__PURE__ */ Oa(() => /* @__PURE__ */ f("span", { class: "ecs-sort-box" }, null, -1));
+}, La = (e) => (ve("data-v-dca05194"), e = e(), ye(), e), Aa = /* @__PURE__ */ La(() => /* @__PURE__ */ f("span", { class: "ecs-sort-box" }, null, -1));
 function Na(e, s, t, a, n, i) {
   const r = g("ecs-focus-ring"), c = g("ecs-form-check");
   return o(), b(c, {
@@ -2592,7 +2592,7 @@ function Na(e, s, t, a, n, i) {
     _: 3
   }, 8, ["class"]);
 }
-const Da = /* @__PURE__ */ v(La, [["render", Na], ["__scopeId", "data-v-dca05194"]]), Ls = {
+const Da = /* @__PURE__ */ v(Oa, [["render", Na], ["__scopeId", "data-v-dca05194"]]), Os = {
   __name: "file-icon",
   props: {
     /** Sets the icon type. */
@@ -2654,7 +2654,7 @@ const Da = /* @__PURE__ */ v(La, [["render", Na], ["__scopeId", "data-v-dca05194
   emits: ["click", "mouseover", "mouseleave"],
   components: {
     EcsIcon: M,
-    EcsFocusRing: L
+    EcsFocusRing: O
   },
   props: {
     /** Defines the type of button, as well as it's designated importance. */
@@ -2810,7 +2810,7 @@ function Wa(e, s, t, a, n, i) {
 const Se = /* @__PURE__ */ v(Fa, [["render", Wa], ["__scopeId", "data-v-a3459c11"]]), ja = {
   name: "ecs-popover-list-item",
   emits: ["click", "input", "change", "secondaryClick"],
-  components: { EcsCheckbox: Vt, EcsRadiobutton: Ca, EcsSwitch: Ms, EcsSortbutton: Da, EcsIcon: M, EcsFileIcon: Ls, EcsButton: Se, EcsFocusRing: L },
+  components: { EcsCheckbox: Vt, EcsRadiobutton: Ca, EcsSwitch: Ms, EcsSortbutton: Da, EcsIcon: M, EcsFileIcon: Os, EcsButton: Se, EcsFocusRing: O },
   props: {
     /** Determines the type of popover list item.*/
     type: {
@@ -2985,7 +2985,7 @@ function co(e, s, t, a, n, i) {
   return o(), l("li", null, [
     t.type === "checkbox" ? (o(), l("div", Ua, [
       _(r, {
-        onInput: s[0] || (s[0] = (x) => e.$emit("input", x)),
+        onInput: s[0] || (s[0] = (B) => e.$emit("input", B)),
         disabled: t.disabled || null,
         value: t.value,
         "value-false": t.valueFalse,
@@ -3000,7 +3000,7 @@ function co(e, s, t, a, n, i) {
       t.suffix ? (o(), l("span", Ga, w(t.suffix), 1)) : u("", !0)
     ])) : t.type === "radiobutton" ? (o(), l("div", Ka, [
       _(c, {
-        onChange: s[1] || (s[1] = (x) => e.$emit("change", x)),
+        onChange: s[1] || (s[1] = (B) => e.$emit("change", B)),
         disabled: t.disabled || null,
         checked: t.value || null
       }, {
@@ -3012,7 +3012,7 @@ function co(e, s, t, a, n, i) {
       t.suffix ? (o(), l("span", Ya, w(t.suffix), 1)) : u("", !0)
     ])) : t.type === "switch" ? (o(), l("div", Xa, [
       _(d, {
-        onInput: s[2] || (s[2] = (x) => e.$emit("input", x)),
+        onInput: s[2] || (s[2] = (B) => e.$emit("input", B)),
         value: t.value,
         "value-false": t.valueFalse,
         "value-true": t.valueTrue,
@@ -3028,7 +3028,7 @@ function co(e, s, t, a, n, i) {
       t.suffix ? (o(), l("span", Ja, w(t.suffix), 1)) : u("", !0)
     ])) : t.type === "sort" ? (o(), l("div", {
       key: 3,
-      onClick: s[3] || (s[3] = (x) => e.$emit("click", x)),
+      onClick: s[3] || (s[3] = (B) => e.$emit("click", B)),
       class: "ecs-popover-list-item control no-hover",
       role: "menuitem",
       tabindex: "0"
@@ -3046,7 +3046,7 @@ function co(e, s, t, a, n, i) {
       _(y, { inset: 0 })
     ])) : t.type === "link" ? (o(), l("a", {
       key: 4,
-      onClick: s[6] || (s[6] = (x) => e.$emit("click", x)),
+      onClick: s[6] || (s[6] = (B) => e.$emit("click", B)),
       class: h(["ecs-popover-list-item", [
         t.danger ? "danger" : "",
         t.subtle ? "subtle" : "",
@@ -3076,8 +3076,8 @@ function co(e, s, t, a, n, i) {
         i.secondaryActionOptions.show ? (o(), b(I, {
           key: 0,
           onClick: U(i.handleSecondaryClick, ["stop"]),
-          onMouseover: s[4] || (s[4] = (x) => n.preventHover = !n.preventHover),
-          onMouseleave: s[5] || (s[5] = (x) => n.preventHover = !n.preventHover),
+          onMouseover: s[4] || (s[4] = (B) => n.preventHover = !n.preventHover),
+          onMouseleave: s[5] || (s[5] = (B) => n.preventHover = !n.preventHover),
           size: "sml",
           type: i.secondaryActionOptions.type,
           icon: i.secondaryActionOptions.icon,
@@ -3106,7 +3106,7 @@ function co(e, s, t, a, n, i) {
         t.noHover || n.preventHover ? "no-hover" : "",
         t.selected ? "selected" : ""
       ]]),
-      onClick: s[9] || (s[9] = (x) => e.$emit("click", x)),
+      onClick: s[9] || (s[9] = (B) => e.$emit("click", B)),
       role: "menuitem",
       tabindex: "0"
     }, [
@@ -3128,8 +3128,8 @@ function co(e, s, t, a, n, i) {
         i.secondaryActionOptions.show ? (o(), b(I, {
           key: 0,
           onClick: U(i.handleSecondaryClick, ["stop"]),
-          onMouseover: s[7] || (s[7] = (x) => n.preventHover = !n.preventHover),
-          onMouseleave: s[8] || (s[8] = (x) => n.preventHover = !n.preventHover),
+          onMouseover: s[7] || (s[7] = (B) => n.preventHover = !n.preventHover),
+          onMouseleave: s[8] || (s[8] = (B) => n.preventHover = !n.preventHover),
           size: "sml",
           type: i.secondaryActionOptions.type,
           icon: i.secondaryActionOptions.icon,
@@ -3158,7 +3158,7 @@ const uo = /* @__PURE__ */ v(ja, [["render", co], ["__scopeId", "data-v-ff6530b0
   emits: ["click"],
   components: {
     EcsIcon: M,
-    EcsFocusRing: L
+    EcsFocusRing: O
   },
   props: {
     /** If the button should act as a link, you can set the href with this prop. */
@@ -3277,7 +3277,7 @@ function po(e, s, t, a, n, i) {
     t.badge ? (o(), l("span", {
       key: 1,
       class: "badge",
-      style: B({ background: t.badgeColor })
+      style: x({ background: t.badgeColor })
     }, null, 4)) : u("", !0),
     t.icon && t.iconPosition == "right" || t.loading && t.iconPosition == "right" ? (o(), b(r, {
       key: 2,
@@ -3313,7 +3313,7 @@ function po(e, s, t, a, n, i) {
     t.badge ? (o(), l("span", {
       key: 1,
       class: "badge",
-      style: B({ background: t.badgeColor })
+      style: x({ background: t.badgeColor })
     }, null, 4)) : u("", !0),
     t.icon && t.iconPosition == "right" || t.loading && t.iconPosition == "right" ? (o(), b(r, {
       key: 2,
@@ -3374,7 +3374,7 @@ const pt = /* @__PURE__ */ v(fo, [["render", po], ["__scopeId", "data-v-72592c75
 function vo(e, s, t, a, n, i) {
   return o(), l("div", {
     class: h(["ecs-separator", i.classes]),
-    style: B({ margin: i.marginStyles, width: t.width, height: t.height }),
+    style: x({ margin: i.marginStyles, width: t.width, height: t.height }),
     role: "separator"
   }, null, 6);
 }
@@ -3480,8 +3480,8 @@ function ko(e, s, t, a, n, i) {
           content: S(() => [
             _(y, null, {
               default: S(() => [
-                (o(!0), l(J, null, me(t.options, (I, x) => (o(), b(d, {
-                  key: x,
+                (o(!0), l(J, null, me(t.options, (I, B) => (o(), b(d, {
+                  key: B,
                   disabled: I.disabled || null,
                   onClick: ($) => e.$emit("select", I.action)
                 }, {
@@ -3530,7 +3530,7 @@ function ko(e, s, t, a, n, i) {
     _: 1
   });
 }
-const pb = /* @__PURE__ */ v(bo, [["render", ko], ["__scopeId", "data-v-04aed8bb"]]), wo = {
+const vb = /* @__PURE__ */ v(bo, [["render", ko], ["__scopeId", "data-v-04aed8bb"]]), wo = {
   name: "ecs-button-group"
 }, So = { class: "ecs-button-group" };
 function Co(e, s, t, a, n, i) {
@@ -3538,11 +3538,11 @@ function Co(e, s, t, a, n, i) {
     p(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const hb = /* @__PURE__ */ v(wo, [["render", Co], ["__scopeId", "data-v-83c21366"]]), xo = {
+const yb = /* @__PURE__ */ v(wo, [["render", Co], ["__scopeId", "data-v-83c21366"]]), xo = {
   name: "ecs-button-collapse",
   emits: ["click"],
   components: {
-    EcsFocusRing: L
+    EcsFocusRing: O
   },
   props: {
     /** Defines the type of button: `classic` shows a +/-, while `chevron` shows a rotating arrow. */
@@ -3590,7 +3590,7 @@ function zo(e, s, t, a, n, i) {
     _(r)
   ], 10, Bo);
 }
-const Os = /* @__PURE__ */ v(xo, [["render", zo], ["__scopeId", "data-v-3fdbdfeb"]]);
+const Ls = /* @__PURE__ */ v(xo, [["render", zo], ["__scopeId", "data-v-3fdbdfeb"]]);
 function ft(e) {
   "@babel/helpers - typeof";
   return ft = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(s) {
@@ -3671,7 +3671,7 @@ C.prototype = {
     return "#" + this.toHex(s);
   },
   toHex8: function(s) {
-    return Lo(this._r, this._g, this._b, this._a, s);
+    return Oo(this._r, this._g, this._b, this._a, s);
   },
   toHex8String: function(s) {
     return "#" + this.toHex8(s);
@@ -3732,7 +3732,7 @@ C.prototype = {
     return this._applyModification(Ro, arguments);
   },
   desaturate: function() {
-    return this._applyModification(Oo, arguments);
+    return this._applyModification(Lo, arguments);
   },
   saturate: function() {
     return this._applyModification(Ao, arguments);
@@ -3882,7 +3882,7 @@ function cs(e, s, t, a) {
   var n = [ge(Math.round(e).toString(16)), ge(Math.round(s).toString(16)), ge(Math.round(t).toString(16))];
   return a && n[0].charAt(0) == n[0].charAt(1) && n[1].charAt(0) == n[1].charAt(1) && n[2].charAt(0) == n[2].charAt(1) ? n[0].charAt(0) + n[1].charAt(0) + n[2].charAt(0) : n.join("");
 }
-function Lo(e, s, t, a, n) {
+function Oo(e, s, t, a, n) {
   var i = [ge(Math.round(e).toString(16)), ge(Math.round(s).toString(16)), ge(Math.round(t).toString(16)), ge(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("");
 }
@@ -3900,7 +3900,7 @@ C.random = function() {
     b: Math.random()
   });
 };
-function Oo(e, s) {
+function Lo(e, s) {
   s = s === 0 ? 0 : s || 10;
   var t = C(e).toHsl();
   return t.s -= s / 100, t.s = ht(t.s), C(t);
@@ -4304,7 +4304,7 @@ const Jo = {
   emits: ["click"],
   components: {
     EcsIcon: M,
-    EcsFocusRing: L
+    EcsFocusRing: O
   },
   props: {
     /** If set, an icon will be added to the left of the button. The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). */
@@ -4360,7 +4360,7 @@ function er(e, s, t, a, n, i) {
     class: h(["ecs-context-button", [t.loading ? "loading" : "", i.iconOnly ? "ecs-context-button-icon-only" : ""]]),
     "aria-label": t.ariaLabel,
     "aria-busy": t.loading || null,
-    style: B(i.selectedColorText),
+    style: x(i.selectedColorText),
     onClick: s[0] || (s[0] = (d) => e.$emit("click", d))
   }, [
     t.icon || t.loading ? (o(), b(r, {
@@ -4371,13 +4371,13 @@ function er(e, s, t, a, n, i) {
     t.selectedColor ? (o(), l("div", {
       key: 1,
       class: "ecs-context-button-color",
-      style: B(i.selectedColorBackground)
+      style: x(i.selectedColorBackground)
     }, null, 4)) : u("", !0),
     p(e.$slots, "default", {}, void 0, !0),
     _(c)
   ], 14, Qo);
 }
-const vb = /* @__PURE__ */ v(Jo, [["render", er], ["__scopeId", "data-v-3a382207"]]), tr = {
+const bb = /* @__PURE__ */ v(Jo, [["render", er], ["__scopeId", "data-v-3a382207"]]), tr = {
   name: "ecs-context-button-group"
 }, sr = { class: "ecs-context-button-group" };
 function ir(e, s, t, a, n, i) {
@@ -4385,12 +4385,12 @@ function ir(e, s, t, a, n, i) {
     p(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const yb = /* @__PURE__ */ v(tr, [["render", ir], ["__scopeId", "data-v-94a53b69"]]), nr = {
+const _b = /* @__PURE__ */ v(tr, [["render", ir], ["__scopeId", "data-v-94a53b69"]]), nr = {
   name: "ecs-button-dialog",
   emits: ["click"],
   components: {
     EcsIcon: M,
-    EcsFocusRing: L
+    EcsFocusRing: O
   },
   props: {
     /** If set, an icon will be added to the left of the button. The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). */
@@ -4434,12 +4434,12 @@ function or(e, s, t, a, n, i) {
     }, null, 8, ["danger"])
   ], 10, ar);
 }
-const bb = /* @__PURE__ */ v(nr, [["render", or], ["__scopeId", "data-v-fe031b71"]]), rr = {
+const kb = /* @__PURE__ */ v(nr, [["render", or], ["__scopeId", "data-v-fe031b71"]]), rr = {
   name: "ecs-button-more",
   emits: ["click"],
   components: {
     EcsIcon: M,
-    EcsFocusRing: L
+    EcsFocusRing: O
   },
   props: {
     /** Displays the button slightly highlighted. Should be used when the state the button triggers is currently visible. */
@@ -4503,7 +4503,7 @@ const Ds = /* @__PURE__ */ v(rr, [["render", cr], ["__scopeId", "data-v-faa154dd
   emits: ["click", "mouseover", "mouseleave"],
   components: {
     EcsIcon: M,
-    EcsFocusRing: L
+    EcsFocusRing: O
   },
   props: {
     /** Displays the button in an active state. */
@@ -4618,7 +4618,7 @@ function hr(e, s, t, a, n, i) {
 const Ht = /* @__PURE__ */ v(mr, [["render", hr], ["__scopeId", "data-v-743ca90b"]]), vr = {
   name: "ecs-toolbar-icon-button",
   emits: ["click"],
-  components: { EcsIcon: M, EcsFocusRing: L },
+  components: { EcsIcon: M, EcsFocusRing: O },
   props: {
     /** The icon type of the button. The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). Note that only icons prefixed with `toolbar-` should be used here. */
     icon: {
@@ -4677,7 +4677,7 @@ function _r(e, s, t, a, n, i) {
     _(c)
   ], 10, yr);
 }
-const _b = /* @__PURE__ */ v(vr, [["render", _r], ["__scopeId", "data-v-2beac513"]]), kr = {
+const wb = /* @__PURE__ */ v(vr, [["render", _r], ["__scopeId", "data-v-2beac513"]]), kr = {
   name: "ecs-card",
   emits: ["click"],
   props: {
@@ -4736,12 +4736,12 @@ function xr(e, s, t, a, n, i) {
       t.progress ? (o(), l("div", {
         key: 0,
         class: "progress",
-        style: B({ width: t.progress + "%" })
+        style: x({ width: t.progress + "%" })
       }, null, 4)) : u("", !0)
     ])
   ], 10, wr);
 }
-const kb = /* @__PURE__ */ v(kr, [["render", xr], ["__scopeId", "data-v-8d449816"]]), Br = {
+const Sb = /* @__PURE__ */ v(kr, [["render", xr], ["__scopeId", "data-v-8d449816"]]), Br = {
   name: "ecs-citation-line",
   emits: ["change", "blur", "focus"],
   components: { EcsFlexRow: Te },
@@ -4810,7 +4810,7 @@ function Ir(e, s, t, a, n, i) {
     _: 3
   });
 }
-const wb = /* @__PURE__ */ v(Br, [["render", Ir], ["__scopeId", "data-v-cfd8e718"]]);
+const Cb = /* @__PURE__ */ v(Br, [["render", Ir], ["__scopeId", "data-v-cfd8e718"]]);
 var qt = {};
 Object.defineProperty(qt, "__esModule", {
   value: !0
@@ -4828,7 +4828,7 @@ var Er = qt.clickOutSide = {
 const Pr = {
   name: "ecs-context-menu",
   emits: ["option-clicked", "menu-closed"],
-  components: { EcsIcon: M, EcsFocusRing: L, EcsButton: Se },
+  components: { EcsIcon: M, EcsFocusRing: O, EcsButton: Se },
   directives: {
     clickOutSide: $r
   },
@@ -4933,13 +4933,13 @@ const Pr = {
   beforeUnmount() {
     document.removeEventListener("keyup", this.onEscKeyRelease);
   }
-}, Tr = ["id"], Mr = ["onClick", "role", "tabindex", "aria-disabled"], Lr = { key: 1 };
-function Or(e, s, t, a, n, i) {
+}, Tr = ["id"], Mr = ["onClick", "role", "tabindex", "aria-disabled"], Or = { key: 1 };
+function Lr(e, s, t, a, n, i) {
   const r = g("ecs-icon"), c = g("ecs-button"), d = g("ecs-focus-ring"), m = oi("click-out-side");
   return Ge((o(), l("div", {
     class: h(["ecs-context-menu", n.opened ? " opened" : ""]),
     id: t.elementId,
-    style: B([i.postionStyles])
+    style: x([i.postionStyles])
   }, [
     f("ul", {
       role: "menu",
@@ -4969,7 +4969,7 @@ function Or(e, s, t, a, n, i) {
           type: y.icon,
           size: "20"
         }, null, 8, ["type"])) : u("", !0),
-        y.type != "divider" ? (o(), l("span", Lr, w(y.name), 1)) : u("", !0),
+        y.type != "divider" ? (o(), l("span", Or, w(y.name), 1)) : u("", !0),
         y.nested ? (o(), b(c, {
           key: 2,
           onClick: U((z) => i.optionClicked(y.nested), ["stop"]),
@@ -4990,10 +4990,10 @@ function Or(e, s, t, a, n, i) {
     [m, i.onClickOutside]
   ]);
 }
-const Sb = /* @__PURE__ */ v(Pr, [["render", Or], ["__scopeId", "data-v-7a99d0e5"]]), Ar = {
+const xb = /* @__PURE__ */ v(Pr, [["render", Lr], ["__scopeId", "data-v-7a99d0e5"]]), Ar = {
   name: "ecs-collapse",
   emits: ["toggled", "remove"],
-  components: { EcsButton: Se, EcsFocusRing: L, EcsFlexRow: Te },
+  components: { EcsButton: Se, EcsFocusRing: O, EcsFlexRow: Te },
   props: {
     /** Unique ID, is required to handle persist states. */
     id: {
@@ -5158,10 +5158,10 @@ function Hr(e, s, t, a, n, i) {
     ], 10, Vr)
   ], 2);
 }
-const Cb = /* @__PURE__ */ v(Ar, [["render", Hr], ["__scopeId", "data-v-4bf981c8"]]), qr = {
+const Bb = /* @__PURE__ */ v(Ar, [["render", Hr], ["__scopeId", "data-v-4bf981c8"]]), qr = {
   name: "ecs-collection-control",
   emits: ["toggled", "collectionTooltip"],
-  components: { EcsIcon: M, EcsFocusRing: L },
+  components: { EcsIcon: M, EcsFocusRing: O },
   mixins: [ue],
   props: {
     /** Icon representing the type of selection. The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). */
@@ -5293,14 +5293,14 @@ function Yr(e, s, t, a, n, i) {
     }, [
       f("div", {
         class: "ecs-collection-control-list scrollbar scrollbar-sml",
-        style: B(i.listMaxHeight)
+        style: x(i.listMaxHeight)
       }, [
         p(e.$slots, "default")
       ], 4)
     ], 10, Kr)
   ], 2);
 }
-const xb = /* @__PURE__ */ v(qr, [["render", Yr], ["__scopeId", "data-v-5e5716bc"]]), Xr = {
+const zb = /* @__PURE__ */ v(qr, [["render", Yr], ["__scopeId", "data-v-5e5716bc"]]), Xr = {
   name: "ecs-skeleton-loader",
   props: {
     /** Determines the type of skeleton shape: `single` replicates a single line of text, `multi` a multi line text, and `rect` a generic rectangle shape. */
@@ -5346,7 +5346,7 @@ function tl(e, s, t, a, n, i) {
   return t.type === "rect" || t.type === "circle" ? (o(), l("div", {
     key: 0,
     class: h(["ecs-skeleton skeleton", i.rectClass]),
-    style: B({ 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(J, null, me(parseInt(t.count), (r) => (o(), l("div", {
       key: r,
@@ -5358,7 +5358,7 @@ function tl(e, s, t, a, n, i) {
   }, [
     f("div", {
       class: "skeleton skeleton-single",
-      style: B({ width: t.width + "%" })
+      style: x({ width: t.width + "%" })
     }, null, 4)
   ], 2));
 }
@@ -5525,13 +5525,13 @@ function pl(e, s, t, a, n, i) {
     ]))
   ], 8, ol);
 }
-const Bb = /* @__PURE__ */ v(al, [["render", pl], ["__scopeId", "data-v-cf696f66"]]), hl = {}, vl = { class: "ecs-comment-list" };
+const Ib = /* @__PURE__ */ v(al, [["render", pl], ["__scopeId", "data-v-cf696f66"]]), hl = {}, vl = { class: "ecs-comment-list" };
 function yl(e, s) {
   return o(), l("div", vl, [
     p(e.$slots, "default")
   ]);
 }
-const zb = /* @__PURE__ */ v(hl, [["render", yl]]);
+const Eb = /* @__PURE__ */ v(hl, [["render", yl]]);
 function Ct(e = {}, s = 0) {
   const t = e && e.a;
   let a;
@@ -5686,8 +5686,8 @@ 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() {
-  return Ol.Date.now();
+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, Ol = Tl || Ml || Function("return this")(), Vs = Ol, Ll = Vs, Al = function() {
+  return Ll.Date.now();
 }, Nl = Al, Dl = /\s/;
 function Fl(e) {
   for (var s = e.length; s-- && Dl.test(e.charAt(s)); )
@@ -5751,8 +5751,8 @@ function Bc(e, s, t) {
     var N = a, R = n;
     return a = n = void 0, m = E, r = e.apply(R, N), r;
   }
-  function x(E) {
-    return m = E, c = setTimeout(O, s), y ? I(E) : r;
+  function B(E) {
+    return m = E, c = setTimeout(L, s), y ? I(E) : r;
   }
   function $(E) {
     var N = E - d, R = E - m, V = s - N;
@@ -5762,11 +5762,11 @@ function Bc(e, s, t) {
     var N = E - d, R = E - m;
     return d === void 0 || N >= s || N < 0 || k && R >= i;
   }
-  function O() {
+  function L() {
     var E = xt();
     if (T(E))
       return F(E);
-    c = setTimeout(O, $(E));
+    c = setTimeout(L, $(E));
   }
   function F(E) {
     return c = void 0, z && a ? I(E) : (a = n = void 0, r);
@@ -5781,11 +5781,11 @@ function Bc(e, s, t) {
     var E = xt(), N = T(E);
     if (a = arguments, n = this, d = E, N) {
       if (c === void 0)
-        return x(d);
+        return B(d);
       if (k)
-        return clearTimeout(c), c = setTimeout(O, s), I(d);
+        return clearTimeout(c), c = setTimeout(L, s), I(d);
     }
-    return c === void 0 && (c = setTimeout(O, s)), r;
+    return c === void 0 && (c = setTimeout(L, s)), r;
   }
   return A.cancel = H, A.flush = P, A;
 }
@@ -5801,7 +5801,7 @@ function Pc(e, s, t) {
   });
 }
 var Tc = Pc;
-const Mc = /* @__PURE__ */ ws(Tc), Lc = {
+const Mc = /* @__PURE__ */ ws(Tc), Oc = {
   name: "Saturation",
   props: {
     modelValue: Object,
@@ -5859,27 +5859,27 @@ const Mc = /* @__PURE__ */ ws(Tc), Lc = {
       window.removeEventListener("mousemove", this.handleChange), window.removeEventListener("mouseup", this.handleChange), window.removeEventListener("mouseup", this.handleMouseUp);
     }
   }
-}, Oc = /* @__PURE__ */ f("div", { class: "ecs-saturation--white" }, null, -1), Ac = /* @__PURE__ */ f("div", { class: "ecs-saturation--black" }, null, -1), Nc = /* @__PURE__ */ f("div", { class: "ecs-saturation-circle" }, null, -1), Dc = [
+}, Lc = /* @__PURE__ */ f("div", { class: "ecs-saturation--white" }, null, -1), Ac = /* @__PURE__ */ f("div", { class: "ecs-saturation--black" }, null, -1), Nc = /* @__PURE__ */ f("div", { class: "ecs-saturation-circle" }, null, -1), Dc = [
   Nc
 ];
 function Fc(e, s, t, a, n, i) {
   return o(), l("div", {
     class: "ecs-saturation",
-    style: B({ 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)),
     onTouchstart: s[2] || (s[2] = (...r) => i.handleChange && i.handleChange(...r))
   }, [
-    Oc,
+    Lc,
     Ac,
     f("div", {
       class: "ecs-saturation-pointer",
-      style: B({ top: i.pointerTop, left: i.pointerLeft })
+      style: x({ top: i.pointerTop, left: i.pointerLeft })
     }, Dc, 4)
   ], 36);
 }
-const Rc = /* @__PURE__ */ v(Lc, [["render", Fc]]), Vc = {
+const Rc = /* @__PURE__ */ v(Oc, [["render", Fc]]), Vc = {
   name: "Hue",
   props: {
     modelValue: Object,
@@ -5965,7 +5965,7 @@ function jc(e, s, t, a, n, i) {
     }, [
       f("div", {
         class: "ecs-hue-pointer",
-        style: B({ top: i.pointerTop, left: i.pointerLeft }),
+        style: x({ top: i.pointerTop, left: i.pointerLeft }),
         role: "presentation"
       }, Wc, 4)
     ], 40, Hc)
@@ -6015,7 +6015,7 @@ function Yc(e, s, t) {
 function Xc(e, s, t, a, n, i) {
   return o(), l("div", {
     class: "ecs-checkerboard",
-    style: B(i.bgStyle)
+    style: x(i.bgStyle)
   }, null, 4);
 }
 const Ws = /* @__PURE__ */ v(Gc, [["render", Xc]]), Zc = {
@@ -6073,7 +6073,7 @@ function sd(e, s, t, a, n, i) {
     ]),
     f("div", {
       class: "ecs-alpha-gradient",
-      style: B({ background: i.gradientColor })
+      style: x({ background: i.gradientColor })
     }, null, 4),
     f("div", {
       class: "ecs-alpha-container",
@@ -6084,7 +6084,7 @@ function sd(e, s, t, a, n, i) {
     }, [
       f("div", {
         class: "ecs-alpha-pointer",
-        style: B({ left: i.colors.a * 100 + "%" })
+        style: x({ left: i.colors.a * 100 + "%" })
       }, td, 4)
     ], 544)
   ]);
@@ -6191,7 +6191,7 @@ function yd(e, s, t, a, n, i) {
     role: "application",
     "aria-label": "Color picker",
     class: h(["ecs-color-picker", t.disableAlpha ? "ecs-color-picker__disable-alpha" : ""]),
-    style: B({ 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, {
@@ -6260,7 +6260,7 @@ function yd(e, s, t, a, n, i) {
     ])) : u("", !0),
     f("div", {
       class: "ecs-color-picker-presets",
-      style: B(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"
     }, [
@@ -6277,7 +6277,7 @@ function yd(e, s, t, a, n, i) {
           class: h(["ecs-color-picker-presets-color", { active: e.colors.hex === k.hex }]),
           "aria-label": k.title,
           key: "if-" + k.id,
-          style: B({ 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)
@@ -6288,7 +6288,7 @@ function yd(e, s, t, a, n, i) {
         class: h(["ecs-color-picker-presets-color active", i.isActiveColorDark ? "dark" : "light"]),
         "aria-label": "Custom color",
         "aria-selected": "true",
-        style: B({ background: e.colors.hex })
+        style: x({ background: e.colors.hex })
       }, null, 6))
     ], 4)
   ], 6);
@@ -6372,7 +6372,7 @@ function kd(e, s, t, a, n, i) {
     default: S(() => [
       f("button", {
         class: h(["ecs-color-picker-input-button", i.sizeClass]),
-        style: B(i.selectedColorStyle)
+        style: x(i.selectedColorStyle)
       }, [
         f("span", null, w(i.selectedColorName), 1)
       ], 6)
@@ -6380,9 +6380,9 @@ function kd(e, s, t, a, n, i) {
     _: 1
   });
 }
-const Ib = /* @__PURE__ */ v(_d, [["render", kd], ["__scopeId", "data-v-08aaa823"]]), wd = {
+const $b = /* @__PURE__ */ v(_d, [["render", kd], ["__scopeId", "data-v-08aaa823"]]), wd = {
   name: "ecs-data-card",
-  components: { EcsIcon: M, EcsSkeletonLoader: Ce, EcsButtonTable: Fs, EcsButton: Se, EcsFocusRing: L },
+  components: { EcsIcon: M, EcsSkeletonLoader: Ce, EcsButtonTable: Fs, EcsButton: Se, EcsFocusRing: O },
   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). */
@@ -6472,7 +6472,7 @@ const Ib = /* @__PURE__ */ v(_d, [["render", kd], ["__scopeId", "data-v-08aaa823
   key: 0,
   class: "ecs-data-card-row"
 }, Pd = { class: "ecs-data-card-row-inner" }, Td = ["id", "aria-hidden"], Md = { class: "ecs-data-card-expand-inner" };
-function Ld(e, s, t, a, n, i) {
+function Od(e, s, t, a, n, i) {
   const r = g("ecs-icon"), c = g("ecs-skeleton-loader"), d = g("ecs-button"), m = g("ecs-button-table"), y = g("ecs-focus-ring");
   return o(), l("div", {
     class: h(["ecs-data-card", [
@@ -6576,7 +6576,7 @@ function Ld(e, s, t, a, n, i) {
     })) : u("", !0)
   ], 10, Sd);
 }
-const Eb = /* @__PURE__ */ v(wd, [["render", Ld], ["__scopeId", "data-v-8dd053a6"]]), Od = {
+const Pb = /* @__PURE__ */ v(wd, [["render", Od], ["__scopeId", "data-v-8dd053a6"]]), Ld = {
   name: "ecs-data-card-list"
 }, Ad = {
   class: "ecs-data-card-list",
@@ -6587,7 +6587,7 @@ function Nd(e, s, t, a, n, i) {
     p(e.$slots, "default")
   ]);
 }
-const $b = /* @__PURE__ */ v(Od, [["render", Nd]]), Dd = {
+const Tb = /* @__PURE__ */ v(Ld, [["render", Nd]]), Dd = {
   name: "ecs-data-grid",
   emits: ["tableScroll"],
   props: {
@@ -6639,7 +6639,7 @@ function qd(e, s, t, a, n, i) {
     ref: "dataGridScroller",
     class: h(["ecs-data-grid scrollbar", [e.$slots.empty ? "empty" : "", t.bordered ? "bordered" : "", t.borderRows ? "border-rows" : ""]]),
     "aria-disabled": t.disabled || null,
-    style: B({ overflow: t.disabled ? "hidden" : t.bordered ? "initial" : "auto" }),
+    style: x({ overflow: t.disabled ? "hidden" : t.bordered ? "initial" : "auto" }),
     role: "table"
   }, [
     f("div", {
@@ -6662,7 +6662,7 @@ function qd(e, s, t, a, n, i) {
     t.disabled ? (o(), l("div", Hd)) : u("", !0)
   ], 46, Fd);
 }
-const Pb = /* @__PURE__ */ v(Dd, [["render", qd], ["__scopeId", "data-v-67fc9746"]]), Wd = {
+const Mb = /* @__PURE__ */ v(Dd, [["render", qd], ["__scopeId", "data-v-67fc9746"]]), Wd = {
   name: "ecs-data-grid-row",
   emits: ["rowdrop", "click", "collapse"],
   props: {
@@ -6786,7 +6786,7 @@ function Zd(e, s, t, a, n, i) {
     ], 10, Xd)
   ]);
 }
-const Tb = /* @__PURE__ */ v(Kd, [["render", Zd], ["__scopeId", "data-v-9382f10e"]]), Jd = {
+const Ob = /* @__PURE__ */ v(Kd, [["render", Zd], ["__scopeId", "data-v-9382f10e"]]), Jd = {
   name: "ecs-select",
   emits: [
     "focus",
@@ -6899,7 +6899,7 @@ const js = /* @__PURE__ */ v(Jd, [["render", su], ["__scopeId", "data-v-da6f533f
   components: {
     EcsIcon: M,
     EcsSelect: js,
-    EcsFocusRing: L
+    EcsFocusRing: O
   },
   props: {
     /** Sets the width of the column. If a Number is passed, the width will be set to the number pixel value. If a String is passed, you can make use of percentage values. It's also possible to set the width to use flex sizing by passing `flex`. **Never use a String value when the cell should be resizable, or fixed.** */
@@ -7144,7 +7144,7 @@ function hu(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: h(["ecs-data-grid-head-cell", [t.fixedLeft ? "fixed-left" : "", t.fixedLeftLast ? "fixed-left-last" : "", t.fixedRight ? "fixed-right" : ""]]),
-    style: B([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
@@ -7156,7 +7156,7 @@ function hu(e, s, t, a, n, i) {
     f("div", {
       ref: "resizer",
       class: h(["ecs-data-grid-head-cell-inner", t.resizable ? "resizable" : ""]),
-      style: B([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
     }, [
@@ -7231,7 +7231,7 @@ function hu(e, s, t, a, n, i) {
     }, null, 2)) : u("", !0)
   ], 14, nu);
 }
-const Mb = /* @__PURE__ */ v(iu, [["render", hu], ["__scopeId", "data-v-94524488"]]), vu = {
+const Lb = /* @__PURE__ */ v(iu, [["render", hu], ["__scopeId", "data-v-94524488"]]), vu = {
   name: "ecs-data-grid-group",
   props: {
     /** Determines if this cell group should be shown. Avoid showing more than 1 group at the same time. */
@@ -7257,11 +7257,11 @@ function bu(e, s, t, a, n, i) {
     [gt, t.show]
   ]);
 }
-const Lb = /* @__PURE__ */ v(vu, [["render", bu], ["__scopeId", "data-v-ee025ab5"]]), _u = {
+const Ab = /* @__PURE__ */ v(vu, [["render", bu], ["__scopeId", "data-v-ee025ab5"]]), _u = {
   name: "ecs-data-grid-cell",
   emits: ["collapse"],
   components: {
-    EcsButtonCollapse: Os
+    EcsButtonCollapse: Ls
   },
   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. */
@@ -7394,7 +7394,7 @@ function xu(e, s, t, a, n, i) {
   const r = g("ecs-button-collapse");
   return o(), l("div", {
     class: h(["ecs-data-grid-cell", [t.fixedLeft ? "fixed-left" : "", t.fixedLeftLast ? "fixed-left-last" : "", t.fixedRight ? "fixed-right" : ""]]),
-    style: B([i.widthType === "string" ? i.widthStyles : {}, i.fixedStyles]),
+    style: x([i.widthType === "string" ? i.widthStyles : {}, i.fixedStyles]),
     role: "cell"
   }, [
     t.fixedRight ? (o(), l("div", {
@@ -7403,7 +7403,7 @@ function xu(e, s, t, a, n, i) {
     }, null, 2)) : u("", !0),
     f("div", {
       class: "ecs-data-grid-cell-inner",
-      style: B([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
     }, [
@@ -7423,7 +7423,7 @@ function xu(e, s, t, a, n, i) {
     }, null, 2)) : u("", !0)
   ], 6);
 }
-const Ob = /* @__PURE__ */ v(_u, [["render", xu], ["__scopeId", "data-v-0910be15"]]), Bu = {
+const Nb = /* @__PURE__ */ v(_u, [["render", xu], ["__scopeId", "data-v-0910be15"]]), Bu = {
   name: "ecs-data-list"
 }, zu = {
   class: "ecs-data-list",
@@ -7434,7 +7434,7 @@ function Iu(e, s, t, a, n, i) {
     p(e.$slots, "default")
   ]);
 }
-const Ab = /* @__PURE__ */ v(Bu, [["render", Iu]]), Eu = {
+const Db = /* @__PURE__ */ v(Bu, [["render", Iu]]), Eu = {
   name: "ecs-data-list-item",
   emits: ["toggled"],
   components: { EcsButtonMore: Ds, EcsSkeletonLoader: Ce },
@@ -7538,7 +7538,7 @@ const Ab = /* @__PURE__ */ v(Bu, [["render", Iu]]), Eu = {
     this.expandId = this.generateUniqueId(), this.definitionId = this.generateUniqueId();
   }
 }, $u = ["id"], Pu = ["aria-busy", "aria-labelledby"], Tu = ["aria-valuenow"], Mu = ["id", "aria-hidden"];
-function Lu(e, s, t, a, n, i) {
+function Ou(e, s, t, a, n, i) {
   const r = g("ecs-button-more"), c = g("ecs-skeleton-loader");
   return o(), l("div", null, [
     f("div", {
@@ -7587,7 +7587,7 @@ function Lu(e, s, t, a, n, i) {
           key: 2,
           class: "progress",
           role: "progressbar",
-          style: B({ width: t.progress + "%" }),
+          style: x({ width: t.progress + "%" }),
           "aria-valuenow": t.progress
         }, null, 12, Tu)) : u("", !0)
       ], 10, Pu)
@@ -7603,7 +7603,7 @@ function Lu(e, s, t, a, n, i) {
     ], 10, Mu)) : u("", !0)
   ]);
 }
-const Nb = /* @__PURE__ */ v(Eu, [["render", Lu], ["__scopeId", "data-v-99c893a3"]]), Ou = {
+const Fb = /* @__PURE__ */ v(Eu, [["render", Ou], ["__scopeId", "data-v-99c893a3"]]), Lu = {
   name: "ecs-dialog",
   emits: ["toggled", "cancel"],
   props: {
@@ -7683,7 +7683,7 @@ function Nu(e, s, t, a, n, i) {
     ], 2)) : u("", !0)
   ], 34)) : u("", !0);
 }
-const Db = /* @__PURE__ */ v(Ou, [["render", Nu]]), Du = {
+const Rb = /* @__PURE__ */ v(Lu, [["render", Nu]]), Du = {
   __name: "state-icon",
   props: {
     /** The identifier of the icon which should show up. */
@@ -7747,7 +7747,7 @@ const Db = /* @__PURE__ */ v(Ou, [["render", Nu]]), Du = {
       ));
     }), (n, i) => (o(), l("div", {
       class: h(["ecs-state-icon", e.iconColor]),
-      style: B(t.value)
+      style: x(t.value)
     }, [
       (o(), b(Pe(ae(a)), {
         height: e.size,
@@ -7794,7 +7794,7 @@ function qu(e, s, t, a, n, i) {
     ]))
   ]);
 }
-const Fb = /* @__PURE__ */ v(Ru, [["render", qu], ["__scopeId", "data-v-6e05c98b"]]), Wu = {
+const Vb = /* @__PURE__ */ v(Ru, [["render", qu], ["__scopeId", "data-v-6e05c98b"]]), Wu = {
   __name: "favicon",
   props: {
     /** The identifier of the favicon which should show up. */
@@ -7874,14 +7874,14 @@ function Ku(e, s, t, a, n, i) {
     t.indicator ? (o(), l("div", {
       key: 2,
       class: "indicator",
-      style: B("background-color:" + t.indicator)
+      style: x("background-color:" + t.indicator)
     }, null, 4)) : u("", !0),
     f("div", Gu, [
       p(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const Rb = /* @__PURE__ */ v(ju, [["render", Ku], ["__scopeId", "data-v-800f5f8e"]]), Yu = {
+const Hb = /* @__PURE__ */ v(ju, [["render", Ku], ["__scopeId", "data-v-800f5f8e"]]), Yu = {
   name: "ecs-document-state",
   components: {
     EcsIcon: M
@@ -7936,7 +7936,7 @@ function sf(e, s, t, a, n, i) {
     ])) : u("", !0)
   ], 8, Xu);
 }
-const Vb = /* @__PURE__ */ v(Yu, [["render", sf], ["__scopeId", "data-v-00c4c6d7"]]), nf = {
+const qb = /* @__PURE__ */ v(Yu, [["render", sf], ["__scopeId", "data-v-00c4c6d7"]]), nf = {
   props: {
     /** The initial value of the chart as a percentage. */
     value: {
@@ -7989,7 +7989,7 @@ const Vb = /* @__PURE__ */ v(Yu, [["render", sf], ["__scopeId", "data-v-00c4c6d7
 function lf(e, s, t, a, n, i) {
   return o(), l("div", {
     class: "ecs-donut-chart",
-    style: B(i.wrapperPadding)
+    style: x(i.wrapperPadding)
   }, [
     (o(), l("svg", {
       height: t.size,
@@ -8025,7 +8025,7 @@ function lf(e, s, t, a, n, i) {
     ], 8, af))
   ], 4);
 }
-const Hb = /* @__PURE__ */ v(nf, [["render", lf], ["__scopeId", "data-v-851d95d9"]]), cf = {
+const Wb = /* @__PURE__ */ v(nf, [["render", lf], ["__scopeId", "data-v-851d95d9"]]), cf = {
   name: "ecs-empty-state",
   components: { EcsIcon: M },
   props: {
@@ -8127,7 +8127,7 @@ function vf(e, s, t, a, n, i) {
         t.infinite ? "ecs-progress-infinite" : "",
         t.cancelled ? "ecs-progress-cancelled" : ""
       ]]),
-      style: B({ width: 100 * (t.value / i.computedMax) + "%" })
+      style: x({ width: 100 * (t.value / i.computedMax) + "%" })
     }, null, 6)
   ], 8, hf);
 }
@@ -8139,7 +8139,7 @@ const yf = /* @__PURE__ */ v(pf, [["render", vf], ["__scopeId", "data-v-253a23ee
     EcsSkeletonLoader: Ce,
     EcsProgress: yf,
     EcsButton: Se,
-    EcsFocusRing: L,
+    EcsFocusRing: O,
     EcsFlexRow: Te,
     EcsSticker: Re,
     EcsText: nt
@@ -8309,15 +8309,15 @@ function zf(e, s, t, a, n, i) {
       t.disabled ? "ecs-dropzone-disabled" : "",
       n.dragging ? "ecs-dropzone-dragging" : ""
     ]]),
-    onDragover: s[3] || (s[3] = (...x) => i.handleDragOver && i.handleDragOver(...x)),
-    onDragenter: s[4] || (s[4] = (...x) => i.handleDragEnter && i.handleDragEnter(...x)),
-    onDragleave: s[5] || (s[5] = (...x) => i.handleDragLeave && i.handleDragLeave(...x)),
-    onDrop: s[6] || (s[6] = U((...x) => i.drop && i.drop(...x), ["prevent"])),
+    onDragover: s[3] || (s[3] = (...B) => i.handleDragOver && i.handleDragOver(...B)),
+    onDragenter: s[4] || (s[4] = (...B) => i.handleDragEnter && i.handleDragEnter(...B)),
+    onDragleave: s[5] || (s[5] = (...B) => i.handleDragLeave && i.handleDragLeave(...B)),
+    onDrop: s[6] || (s[6] = U((...B) => i.drop && i.drop(...B), ["prevent"])),
     "aria-busy": i.isBusy || null,
     "aria-invalid": t.error || null
   }, [
     f("input", {
-      onChange: s[0] || (s[0] = (...x) => i.change && i.change(...x)),
+      onChange: s[0] || (s[0] = (...B) => i.change && i.change(...B)),
       type: "file",
       multiple: t.multiple || null,
       ref: "file"
@@ -8336,8 +8336,8 @@ function zf(e, s, t, a, n, i) {
           e.$slots.customlabel ? u("", !0) : (o(), l(J, { key: 0 }, [
             D(" Drag and drop your " + w(t.fileTypeLabel) + " or ", 1),
             f("i", {
-              onClick: s[1] || (s[1] = (...x) => i.browseFile && i.browseFile(...x)),
-              onKeydown: s[2] || (s[2] = G((...x) => i.browseFile && i.browseFile(...x), ["enter"])),
+              onClick: s[1] || (s[1] = (...B) => i.browseFile && i.browseFile(...B)),
+              onKeydown: s[2] || (s[2] = G((...B) => i.browseFile && i.browseFile(...B), ["enter"])),
               tabindex: "0"
             }, [
               D("browse"),
@@ -8418,14 +8418,14 @@ function zf(e, s, t, a, n, i) {
     }, 8, ["onClick", "icon"])) : u("", !0)
   ], 42, _f);
 }
-const qb = /* @__PURE__ */ v(bf, [["render", zf], ["__scopeId", "data-v-973ea74d"]]), If = {
+const jb = /* @__PURE__ */ v(bf, [["render", zf], ["__scopeId", "data-v-973ea74d"]]), If = {
   name: "ecs-entry-link",
   emits: ["linkClick", "linkClickExternal", "moreClick"],
   components: {
     EcsIcon: M,
     EcsSticker: Re,
     EcsButtonMore: Ds,
-    EcsFocusRing: L
+    EcsFocusRing: O
   },
   props: {
     /** If set, an icon will be added to the left of the button. The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). */
@@ -8532,7 +8532,7 @@ function Mf(e, s, t, a, n, i) {
     }, null, 8, ["onClick", "title", "aria-label"])) : u("", !0)
   ]);
 }
-const Wb = /* @__PURE__ */ v(If, [["render", Mf], ["__scopeId", "data-v-00b5ab33"]]), Lf = {
+const Ub = /* @__PURE__ */ v(If, [["render", Mf], ["__scopeId", "data-v-00b5ab33"]]), Of = {
   name: "ecs-excerpt-snippet",
   components: { EcsIcon: M, EcsSkeletonLoader: Ce, EcsFormatted: Rs },
   props: {
@@ -8590,7 +8590,7 @@ const Wb = /* @__PURE__ */ v(If, [["render", Mf], ["__scopeId", "data-v-00b5ab33
         return `max-height: ${this.maxHeight}; overflow: auto;`;
     }
   }
-}, Of = { class: "ecs-excerpt-title" }, Af = { class: "ecs-excerpt-title-headline" }, Nf = { key: 3 }, Df = {
+}, Lf = { class: "ecs-excerpt-title" }, Af = { class: "ecs-excerpt-title-headline" }, Nf = { key: 3 }, Df = {
   key: 0,
   class: "ecs-excerpt-title-cite"
 }, Ff = { key: 1 }, Rf = {
@@ -8608,7 +8608,7 @@ function qf(e, s, t, a, n, i) {
   return o(), l("div", {
     class: h(["ecs-excerpt-snippet", i.sizeClass])
   }, [
-    f("div", Of, [
+    f("div", Lf, [
       f("div", Af, [
         t.icon && t.loading ? (o(), b(r, {
           key: 0,
@@ -8637,7 +8637,7 @@ function qf(e, s, t, a, n, i) {
     ]),
     f("div", {
       class: "ecs-excerpt-content scrollbar scrollbar-sml",
-      style: B(i.maxHeightStyles)
+      style: x(i.maxHeightStyles)
     }, [
       t.loading ? (o(), b(r, {
         key: 0,
@@ -8656,10 +8656,10 @@ function qf(e, s, t, a, n, i) {
           p(e.$slots, "default", {}, void 0, !0)
         ])) : t.type == "rectangle" ? (o(), l("div", Vf, [
           f("span", {
-            style: B("color:" + t.annotationColor)
+            style: x("color:" + t.annotationColor)
           }, "Rectangle Annotation", 4),
           f("div", {
-            style: B("background-color:" + t.annotationColor)
+            style: x("background-color:" + t.annotationColor)
           }, null, 4)
         ])) : (o(), l("div", Hf, [
           p(e.$slots, "default", {}, void 0, !0)
@@ -8668,7 +8668,7 @@ function qf(e, s, t, a, n, i) {
     ], 4)
   ], 2);
 }
-const jb = /* @__PURE__ */ v(Lf, [["render", qf], ["__scopeId", "data-v-f582192b"]]), Ub = {
+const Gb = /* @__PURE__ */ v(Of, [["render", qf], ["__scopeId", "data-v-f582192b"]]), Kb = {
   __name: "fill-icon",
   props: {
     /** The identifier of the icon which should show up. */
@@ -8719,15 +8719,15 @@ function Uf(e, s, t, a, n, i) {
     p(e.$slots, "default")
   ]);
 }
-const Gb = /* @__PURE__ */ v(Wf, [["render", Uf]]), Gf = {
+const Yb = /* @__PURE__ */ v(Wf, [["render", Uf]]), Gf = {
   name: "ecs-file-list-item",
   emits: ["click", "remove", "toggled", "title-click"],
   components: {
     EcsIcon: M,
-    EcsFileIcon: Ls,
+    EcsFileIcon: Os,
     EcsSticker: Re,
     EcsButtonTable: Fs,
-    EcsFocusRing: L
+    EcsFocusRing: O
   },
   mixins: [ue],
   props: {
@@ -8925,7 +8925,7 @@ function ag(e, s, t, a, n, i) {
           t.progress ? (o(), l("div", {
             key: 3,
             class: "loading-bar",
-            style: B({ width: t.progress + "%" }),
+            style: x({ width: t.progress + "%" }),
             role: "progressbar",
             "aria-valuenow": t.progress
           }, null, 12, eg)) : u("", !0)
@@ -8950,7 +8950,7 @@ function ag(e, s, t, a, n, i) {
       default: S(() => [
         e.$slots.edit && t.edit ? (o(), l("div", {
           key: 0,
-          style: B({ maxHeight: n.editHeight + "px" }),
+          style: x({ maxHeight: n.editHeight + "px" }),
           id: n.editId
         }, [
           f("div", ng, [
@@ -8962,7 +8962,7 @@ function ag(e, s, t, a, n, i) {
     })
   ], 10, Kf);
 }
-const Kb = /* @__PURE__ */ v(Gf, [["render", ag], ["__scopeId", "data-v-c870bb34"]]), og = { class: "ecs-flag" }, rg = {
+const Xb = /* @__PURE__ */ v(Gf, [["render", ag], ["__scopeId", "data-v-c870bb34"]]), og = { class: "ecs-flag" }, rg = {
   __name: "flag",
   props: {
     /** ISO Country code of the flag. */
@@ -9020,7 +9020,7 @@ const Kb = /* @__PURE__ */ v(Gf, [["render", ag], ["__scopeId", "data-v-c870bb34
       }, null, 8, ["alt"])) : u("", !0)
     ]));
   }
-}, Yb = /* @__PURE__ */ v(rg, [["__scopeId", "data-v-bb2af2bc"]]), lg = {
+}, Zb = /* @__PURE__ */ v(rg, [["__scopeId", "data-v-bb2af2bc"]]), lg = {
   name: "ecs-flex-col",
   props: {
     /** Determines the width of the element. This should only be used when the flex container is supposed to act as a proper grid system. Supports values from `0` to `12`. Note, if the columns prop is used, all other props will have no effect. */
@@ -9074,7 +9074,7 @@ const dg = /* @__PURE__ */ v(lg, [["render", cg], ["__scopeId", "data-v-1d2ad846
   emits: ["click"],
   components: {
     EcsIcon: M,
-    EcsFocusRing: L
+    EcsFocusRing: O
   },
   props: {
     /** Adds a tooltip to the clear button. */
@@ -9265,7 +9265,7 @@ function kg(e, s, t, a, n, i) {
       t.borderless ? "" : "ecs-scroll-container-border",
       t.hideShadows ? "" : "ecs-scroll-container-shadows"
     ]]),
-    style: B({ maxHeight: t.height, padding: t.padding })
+    style: x({ maxHeight: t.height, padding: t.padding })
   }, [
     p(e.$slots, "default", {}, void 0, !0)
   ], 6);
@@ -9337,7 +9337,7 @@ function Bg(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: h(["ecs-folder-selector", [t.framed ? "ecs-folder-selector-border" : ""]]),
-    style: B({ height: i.isFullHeight })
+    style: x({ height: i.isFullHeight })
   }, [
     t.searchable || t.create ? (o(), l("div", Cg, [
       t.searchable ? (o(), b(r, {
@@ -9375,7 +9375,7 @@ function Bg(e, s, t, a, n, i) {
     }, 8, ["height", "padding"])
   ], 6);
 }
-const Xb = /* @__PURE__ */ v(Sg, [["render", Bg], ["__scopeId", "data-v-feb6cf8d"]]), zg = {
+const Jb = /* @__PURE__ */ v(Sg, [["render", Bg], ["__scopeId", "data-v-feb6cf8d"]]), zg = {
   name: "ecs-form-group",
   components: { EcsText: nt },
   props: {
@@ -9439,7 +9439,7 @@ const Eg = /* @__PURE__ */ v(zg, [["render", Ig], ["__scopeId", "data-v-2a3b81f3
   key: 0,
   class: "ecs-form-headline-controls"
 };
-function Lg(e, s) {
+function Og(e, s) {
   return o(), l("div", Pg, [
     f("h2", Tg, [
       p(e.$slots, "default", {}, void 0, !0)
@@ -9449,7 +9449,7 @@ function Lg(e, s) {
     ])) : u("", !0)
   ]);
 }
-const Zb = /* @__PURE__ */ v($g, [["render", Lg], ["__scopeId", "data-v-16833f69"]]), Og = {
+const Qb = /* @__PURE__ */ v($g, [["render", Og], ["__scopeId", "data-v-16833f69"]]), Lg = {
   name: "ecs-form-set",
   props: {
     /** Indicates an error state. */
@@ -9473,7 +9473,98 @@ function Dg(e, s, t, a, n, i) {
     p(e.$slots, "default", {}, void 0, !0)
   ], 10, Ag);
 }
-const Jb = /* @__PURE__ */ v(Og, [["render", Dg], ["__scopeId", "data-v-c9188464"]]), Fg = {
+const e_ = /* @__PURE__ */ v(Lg, [["render", Dg], ["__scopeId", "data-v-c9188464"]]), Fg = {
+  name: "ecs-highlight",
+  props: {
+    /** Makes the highlight area visible. */
+    show: {
+      type: Boolean,
+      default: !1
+    },
+    /** Determines how to highlighted area works: `wrap` should be used if the ecs-highlight component wraps it's content, `overlay` should be used if it's size should adapt to it's parent container (parent is the next parent container with position absolute). */
+    layout: {
+      type: String,
+      validator: (e) => ["wrap", "overlay"].includes(e),
+      default: "overlay"
+    },
+    /** Determines the style of the highlight: `background` fills the entire background with a color, while `border` just adds a colored border to the left (avoid using on elements with border radius).  */
+    style: {
+      type: String,
+      validator: (e) => ["background", "border"].includes(e),
+      default: "background"
+    },
+    /** The color of the highlight. Can be any valid  HEX, or RGB value (no color tokens). */
+    color: {
+      type: String
+    },
+    /** Determines the fade out duration (in milliseconds). If set to 0, the highlight will not fade out. */
+    fadeOutDuration: {
+      type: Number,
+      default: 5e3
+    },
+    /** Allows to set a custom border radius. Avoid when using the border style. */
+    borderRadius: {
+      type: Number
+    }
+  },
+  data() {
+    return {
+      setFadeOut: !1,
+      showClass: !1
+    };
+  },
+  computed: {
+    showHighlight() {
+      return this.show || this.layout === "wrap" && this.$slots.default;
+    },
+    highlightColor() {
+      return this.color ? this.style === "background" ? {
+        "--ecs-highlight-background": this.color
+      } : {
+        "--ecs-highlight-background": C(this.color).setAlpha(0.1).toRgbString(),
+        "--ecs-highlight-border": this.color
+      } : this.style === "background" ? {
+        "--ecs-highlight-background": "var(--color-yellow-3)"
+      } : {
+        "--ecs-highlight-background": "var(--color-yellow-3)",
+        "--ecs-highlight-border": "var(--color-yellow-7)"
+      };
+    },
+    borderRadiusStyle() {
+      return this.borderRadius ? { borderRadius: `${this.borderRadius}px` } : this.style === "border" ? { borderRadius: 0 } : { borderRadius: "6px" };
+    },
+    transitionStyles() {
+      const e = {};
+      return this.fadeOutDuration !== 0 && this.show && this.setFadeOut && (this.layout === "overlay" ? e.transition = `opacity ${this.fadeOutDuration}ms` : this.layout === "wrap" && (this.style === "border" ? e.transition = `background-position ${this.fadeOutDuration}ms, border-color ${this.fadeOutDuration}ms` : e.transition = `background-color ${this.fadeOutDuration}ms`)), e;
+    },
+    classes() {
+      return {
+        "ecs-highlight-wrap": this.layout === "wrap",
+        "ecs-highlight-overlay": this.layout === "overlay",
+        "ecs-highlight-background": this.style === "background",
+        "ecs-highlight-border": this.style === "border",
+        show: this.showClass
+      };
+    }
+  },
+  watch: {
+    show(e) {
+      e ? (setTimeout(() => {
+        this.setFadeOut = this.fadeOutDuration !== 0;
+      }, 5), this.showClass = !0) : (this.showClass = !1, this.setFadeOut = !1);
+    }
+  }
+};
+function Rg(e, s, t, a, n, i) {
+  return i.showHighlight ? (o(), l("div", {
+    key: 0,
+    class: h(["ecs-highlight", [i.classes, { "fade-out": n.setFadeOut }]]),
+    style: x({ ...i.highlightColor, ...i.borderRadiusStyle, ...i.transitionStyles })
+  }, [
+    t.layout === "wrap" ? p(e.$slots, "default", { key: 0 }, void 0, !0) : u("", !0)
+  ], 6)) : u("", !0);
+}
+const t_ = /* @__PURE__ */ v(Fg, [["render", Rg], ["__scopeId", "data-v-6db2fdf6"]]), Vg = {
   name: "ecs-toolbar",
   props: {
     /** Determines the type of the toolbar. */
@@ -9483,19 +9574,19 @@ const Jb = /* @__PURE__ */ v(Og, [["render", Dg], ["__scopeId", "data-v-c9188464
       default: "index"
     }
   }
-}, Rg = {
+}, Hg = {
   class: "ecs-toolbar",
   role: "toolbar",
   "aria-label": "Main"
 };
-function Vg(e, s, t, a, n, i) {
-  return o(), l("div", Rg, [
+function qg(e, s, t, a, n, i) {
+  return o(), l("div", Hg, [
     p(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Hg = /* @__PURE__ */ v(Fg, [["render", Vg], ["__scopeId", "data-v-a6ddde36"]]), qg = {
+const Wg = /* @__PURE__ */ v(Vg, [["render", qg], ["__scopeId", "data-v-a6ddde36"]]), jg = {
   name: "ecs-index-toolbar",
-  components: { EcsToolbar: Hg, EcsButtonToolbarGroup: Ht, EcsFlexCol: dg, EcsFlexRow: Te },
+  components: { EcsToolbar: Wg, EcsButtonToolbarGroup: Ht, EcsFlexCol: dg, EcsFlexRow: Te },
   props: {
     /** The label used to describe the objects shown in the index view. E.g.: "Entries", "Profiles", etc. */
     type: {
@@ -9513,8 +9604,8 @@ const Hg = /* @__PURE__ */ v(Fg, [["render", Vg], ["__scopeId", "data-v-a6ddde36
       dismissed: !1
     };
   }
-}, Wg = { class: "ecs-toolbar-search" }, jg = { class: "number" }, Ug = { class: "type" }, Gg = { class: "ecs-toolbar-right-section" }, Kg = { class: "ecs-toolbar-right-section" };
-function Yg(e, s, t, a, n, i) {
+}, Ug = { class: "ecs-toolbar-search" }, Gg = { class: "number" }, Kg = { class: "type" }, Yg = { class: "ecs-toolbar-right-section" }, Xg = { class: "ecs-toolbar-right-section" };
+function Zg(e, s, t, a, n, i) {
   const r = g("ecs-button-toolbar-group"), c = g("ecs-flex-row"), d = g("ecs-flex-col"), m = g("ecs-toolbar");
   return o(), b(m, { class: "ecs-index-toolbar" }, {
     default: S(() => [
@@ -9528,7 +9619,7 @@ function Yg(e, s, t, a, n, i) {
                 ]),
                 _: 3
               })) : u("", !0),
-              f("div", Wg, [
+              f("div", Ug, [
                 p(e.$slots, "search", {}, void 0, !0)
               ]),
               _(c, {
@@ -9536,8 +9627,8 @@ function Yg(e, s, t, a, n, i) {
                 class: "ecs-toolbar-search-results"
               }, {
                 default: S(() => [
-                  f("span", jg, w(t.count), 1),
-                  f("span", Ug, w(t.type), 1)
+                  f("span", Gg, w(t.count), 1),
+                  f("span", Kg, w(t.type), 1)
                 ]),
                 _: 1
               })
@@ -9546,10 +9637,10 @@ function Yg(e, s, t, a, n, i) {
           }),
           _(d, { columns: 3 }, {
             default: S(() => [
-              f("div", Gg, [
+              f("div", Yg, [
                 p(e.$slots, "actions-left", {}, void 0, !0)
               ]),
-              f("div", Kg, [
+              f("div", Xg, [
                 p(e.$slots, "actions-right", {}, void 0, !0)
               ])
             ]),
@@ -9562,7 +9653,7 @@ function Yg(e, s, t, a, n, i) {
     _: 3
   });
 }
-const Qb = /* @__PURE__ */ v(qg, [["render", Yg], ["__scopeId", "data-v-3e639a35"]]), Xg = {
+const s_ = /* @__PURE__ */ v(jg, [["render", Zg], ["__scopeId", "data-v-3e639a35"]]), Jg = {
   name: "ecs-info-tooltip",
   emits: ["click"],
   components: {
@@ -9581,7 +9672,7 @@ const Qb = /* @__PURE__ */ v(qg, [["render", Yg], ["__scopeId", "data-v-3e639a35
     }
   }
 };
-function Zg(e, s, t, a, n, i) {
+function Qg(e, s, t, a, n, i) {
   const r = g("ecs-icon");
   return o(), l("i", {
     class: "ecs-info-tooltip",
@@ -9593,7 +9684,7 @@ function Zg(e, s, t, a, n, i) {
     }, null, 8, ["type"])
   ]);
 }
-const e_ = /* @__PURE__ */ v(Xg, [["render", Zg], ["__scopeId", "data-v-97a5e4d9"]]), Jg = {
+const i_ = /* @__PURE__ */ v(Jg, [["render", Qg], ["__scopeId", "data-v-97a5e4d9"]]), em = {
   name: "ecs-input",
   emits: ["update:modelValue", "change", "keyup", "blur"],
   props: {
@@ -9674,8 +9765,8 @@ const e_ = /* @__PURE__ */ v(Xg, [["render", Zg], ["__scopeId", "data-v-97a5e4d9
       return this.format && this.format !== "" ? `ecs-form-control-format-${this.format}` : this.format;
     }
   }
-}, Qg = ["value", "type", "name", "disabled", "required", "readonly", "placeholder", "autocomplete", "min", "max", "step", "id"], em = ["value", "name", "disabled", "required", "readonly", "placeholder", "id"];
-function tm(e, s, t, a, n, i) {
+}, tm = ["value", "type", "name", "disabled", "required", "readonly", "placeholder", "autocomplete", "min", "max", "step", "id"], sm = ["value", "name", "disabled", "required", "readonly", "placeholder", "id"];
+function im(e, s, t, a, n, i) {
   return t.type != "textarea" ? (o(), l("input", De({
     key: 0,
     class: ["ecs-form-control", [
@@ -9702,7 +9793,7 @@ function tm(e, s, t, a, n, i) {
     step: t.step,
     ref: t.refr,
     id: t.refr
-  }), null, 16, Qg)) : (o(), l("textarea", De({
+  }), null, 16, tm)) : (o(), l("textarea", De({
     key: 1,
     class: ["ecs-form-control", [
       i.sizeClass,
@@ -9723,9 +9814,9 @@ function tm(e, s, t, a, n, i) {
   }, e.$attrs, {
     ref: t.refr,
     id: t.refr
-  }), null, 16, em));
+  }), null, 16, sm));
 }
-const sm = /* @__PURE__ */ v(Jg, [["render", tm], ["__scopeId", "data-v-0024f16c"]]), im = {
+const nm = /* @__PURE__ */ v(em, [["render", im], ["__scopeId", "data-v-0024f16c"]]), am = {
   name: "ecs-input-group-addon",
   components: { EcsIcon: M },
   props: {
@@ -9745,7 +9836,7 @@ const sm = /* @__PURE__ */ v(Jg, [["render", tm], ["__scopeId", "data-v-0024f16c
     }
   }
 };
-function nm(e, s, t, a, n, i) {
+function om(e, s, t, a, n, i) {
   const r = g("ecs-icon");
   return o(), l("span", {
     class: h(["ecs-input-group-addon", [i.iconClass, t.button ? "has-button" : ""]])
@@ -9759,13 +9850,13 @@ function nm(e, s, t, a, n, i) {
     }, null, 8, ["type"])) : u("", !0)
   ], 2);
 }
-const t_ = /* @__PURE__ */ v(im, [["render", nm]]), am = {
+const n_ = /* @__PURE__ */ v(am, [["render", om]]), rm = {
   name: "ecs-input-connector"
-}, om = { class: "ecs-input-group-addon connector" };
-function rm(e, s, t, a, n, i) {
-  return o(), l("span", om);
+}, lm = { class: "ecs-input-group-addon connector" };
+function cm(e, s, t, a, n, i) {
+  return o(), l("span", lm);
 }
-const s_ = /* @__PURE__ */ v(am, [["render", rm]]), lm = {
+const a_ = /* @__PURE__ */ v(rm, [["render", cm]]), dm = {
   name: "ecs-input-float",
   emits: ["input"],
   mixins: [ue],
@@ -9839,9 +9930,9 @@ const s_ = /* @__PURE__ */ v(am, [["render", rm]]), lm = {
   created() {
     this.uniqueId = this.generateUniqueId();
   }
-}, cm = { class: "form-group has-float-label" }, dm = ["id", "type", "name", "disabled", "required", "readonly", "placeholder", "autocomplete", "value"], um = ["for"];
-function fm(e, s, t, a, n, i) {
-  return o(), l("div", cm, [
+}, um = { class: "form-group has-float-label" }, fm = ["id", "type", "name", "disabled", "required", "readonly", "placeholder", "autocomplete", "value"], gm = ["for"];
+function mm(e, s, t, a, n, i) {
+  return o(), l("div", um, [
     f("input", De({
       class: ["form-control", [
         i.sizeClass,
@@ -9857,11 +9948,11 @@ function fm(e, s, t, a, n, i) {
       autocomplete: t.autocomplete,
       value: t.value,
       onInput: s[0] || (s[0] = (...r) => i.changeValue && i.changeValue(...r))
-    }, e.$attrs), null, 16, dm),
-    f("label", { for: n.uniqueId }, w(t.label), 9, um)
+    }, e.$attrs), null, 16, fm),
+    f("label", { for: n.uniqueId }, w(t.label), 9, gm)
   ]);
 }
-const i_ = /* @__PURE__ */ v(lm, [["render", fm], ["__scopeId", "data-v-3191dd13"]]), gm = {
+const o_ = /* @__PURE__ */ v(dm, [["render", mm], ["__scopeId", "data-v-3191dd13"]]), pm = {
   props: {
     /** If the input group contains only one input element, set this prop to true. */
     singleInput: {
@@ -9870,14 +9961,14 @@ const i_ = /* @__PURE__ */ v(lm, [["render", fm], ["__scopeId", "data-v-3191dd13
     }
   }
 };
-function mm(e, s, t, a, n, i) {
+function hm(e, s, t, a, n, i) {
   return o(), l("div", {
     class: h(["ecs-input-group", t.singleInput ? "ecs-input-group-single" : ""])
   }, [
     p(e.$slots, "default")
   ], 2);
 }
-const n_ = /* @__PURE__ */ v(gm, [["render", mm]]), pm = {
+const r_ = /* @__PURE__ */ v(pm, [["render", hm]]), vm = {
   name: "ecs-jumper-document",
   emits: [
     "goToPrev",
@@ -9939,11 +10030,11 @@ const n_ = /* @__PURE__ */ v(gm, [["render", mm]]), pm = {
       this.$emit("indexPosKeyPressed", e), e.stopPropagation(), e.key == "Enter" && e.preventDefault();
     }
   }
-}, hm = {
+}, ym = {
   key: 0,
   class: "ecs-viewer-toolbar-jumper-inputs"
-}, vm = ["disabled"];
-function ym(e, s, t, a, n, i) {
+}, bm = ["disabled"];
+function _m(e, s, t, a, n, i) {
   const r = g("ecs-button-toolbar"), c = g("ecs-button-toolbar-group");
   return o(), b(c, { class: "ecs-viewer-toolbar-jumper" }, {
     default: S(() => [
@@ -9955,7 +10046,7 @@ function ym(e, s, t, a, n, i) {
         icon: "toolbar-page-navigation",
         "aria-label": i.ariaLabelPrev
       }, null, 8, ["disabled", "title", "aria-label"]),
-      t.showCount ? (o(), l("div", hm, [
+      t.showCount ? (o(), l("div", ym, [
         f("div", {
           onClick: s[1] || (s[1] = (d) => e.$emit("selectCurEntryText")),
           onKeydown: s[2] || (s[2] = (...d) => i.indexPosKeyPressed && i.indexPosKeyPressed(...d)),
@@ -9964,7 +10055,7 @@ function ym(e, s, t, a, n, i) {
           class: "ecs-viewer-toolbar-jumper-input",
           disabled: t.navigating || null,
           id: "currEntry"
-        }, w(t.currentEntry), 41, vm),
+        }, w(t.currentEntry), 41, bm),
         D(" /  "),
         f("div", null, w(t.totalEntries), 1)
       ])) : u("", !0),
@@ -9980,7 +10071,7 @@ function ym(e, s, t, a, n, i) {
     _: 1
   });
 }
-const a_ = /* @__PURE__ */ v(pm, [["render", ym], ["__scopeId", "data-v-9ff41728"]]), bm = {
+const l_ = /* @__PURE__ */ v(vm, [["render", _m], ["__scopeId", "data-v-9ff41728"]]), km = {
   name: "ecs-jumper-index",
   emits: [
     "nextSearchResult",
@@ -10049,14 +10140,14 @@ const a_ = /* @__PURE__ */ v(pm, [["render", ym], ["__scopeId", "data-v-9ff41728
       this.$emit("setSearchResultCount", e), e.stopPropagation(), e.key == "Enter" && e.preventDefault();
     }
   }
-}, _m = {
+}, wm = {
   key: 0,
   class: "ecs-jumper-count"
-}, km = { class: "ecs-jumper-count-current" }, wm = { class: "ecs-jumper-count-total" }, Sm = {
+}, Sm = { class: "ecs-jumper-count-current" }, Cm = { class: "ecs-jumper-count-total" }, xm = {
   key: 1,
   class: "ecs-jumper-count-inputs"
 };
-function Cm(e, s, t, a, n, i) {
+function Bm(e, s, t, a, n, i) {
   const r = g("ecs-button-toolbar"), c = g("ecs-button-toolbar-group");
   return o(), b(c, { class: "ecs-jumper" }, {
     default: S(() => [
@@ -10067,11 +10158,11 @@ function Cm(e, s, t, a, n, i) {
         "aria-label": i.ariaLabelPrev,
         class: "ecs-jumper-previous"
       }, null, 8, ["onClick", "disabled", "title", "aria-label"]),
-      t.showCount && !t.inputPagination ? (o(), l("div", _m, [
-        f("span", km, w(i.currentPosition), 1),
-        f("span", wm, "/" + w(t.maxCount), 1)
+      t.showCount && !t.inputPagination ? (o(), l("div", wm, [
+        f("span", Sm, w(i.currentPosition), 1),
+        f("span", Cm, "/" + w(t.maxCount), 1)
       ])) : u("", !0),
-      t.inputPagination ? (o(), l("div", Sm, [
+      t.inputPagination ? (o(), l("div", xm, [
         f("div", {
           onClick: s[0] || (s[0] = (...d) => i.selectSearchResultCount && i.selectSearchResultCount(...d)),
           onKeydown: s[1] || (s[1] = (...d) => i.setSearchResultCount && i.setSearchResultCount(...d)),
@@ -10092,7 +10183,7 @@ function Cm(e, s, t, a, n, i) {
     _: 1
   });
 }
-const o_ = /* @__PURE__ */ v(bm, [["render", Cm], ["__scopeId", "data-v-e2edd2d3"]]), xm = {
+const c_ = /* @__PURE__ */ v(km, [["render", Bm], ["__scopeId", "data-v-e2edd2d3"]]), zm = {
   name: "ecs-jumper-page",
   emits: [
     "selectCurPageText",
@@ -10147,19 +10238,19 @@ const o_ = /* @__PURE__ */ v(bm, [["render", Cm], ["__scopeId", "data-v-e2edd2d3
       this.$emit("currentPageKeyPressed", e), e.stopPropagation(), e.key == "Enter" && e.preventDefault();
     }
   }
-}, Bm = { class: "ecs-viewer-pages" }, zm = { class: "ecs-viewer-pages-inner" }, Im = { class: "ecs-viewer-pages-pagination" }, Em = { class: "total-pages" }, $m = {
+}, Im = { class: "ecs-viewer-pages" }, Em = { class: "ecs-viewer-pages-inner" }, $m = { class: "ecs-viewer-pages-pagination" }, Pm = { class: "total-pages" }, Tm = {
   key: 0,
   class: "page-missing-gaps",
   title: "This transcript has missing page gaps"
-}, Pm = { class: "ecs-viewer-pages-pagination" }, Tm = { class: "total-pages-relative" }, Mm = { class: "total-pages-relative" }, Lm = {
+}, Mm = { class: "ecs-viewer-pages-pagination" }, Om = { class: "total-pages-relative" }, Lm = { class: "total-pages-relative" }, Am = {
   key: 1,
   class: "ecs-viewer-pages-pagination"
-}, Om = ["innerHTML"], Am = { class: "total-pages" };
-function Nm(e, s, t, a, n, i) {
-  return o(), l("div", Bm, [
-    f("div", zm, [
+}, Nm = ["innerHTML"], Dm = { class: "total-pages" };
+function Fm(e, s, t, a, n, i) {
+  return o(), l("div", Im, [
+    f("div", Em, [
       i.showAltPageNumbers ? (o(), l(J, { key: 0 }, [
-        f("div", Im, [
+        f("div", $m, [
           f("div", {
             onClick: s[0] || (s[0] = (r) => e.$emit("selectCurPageText")),
             onKeydown: s[1] || (s[1] = (r) => i.pageKeyPressed(r, "relative")),
@@ -10168,14 +10259,14 @@ function Nm(e, s, t, a, n, i) {
             class: "current-page",
             id: "currPage"
           }, w(t.currentPage), 33),
-          f("div", Em, "of " + w(t.lastPage), 1),
-          t.isTranscriptMissingPages ? (o(), l("span", $m, "*")) : u("", !0)
+          f("div", Pm, "of " + w(t.lastPage), 1),
+          t.isTranscriptMissingPages ? (o(), l("span", Tm, "*")) : u("", !0)
         ]),
-        f("div", Pm, [
-          f("div", Tm, w(i.altPageNumber) + " ", 1),
-          f("div", Mm, "of " + w(t.pageCount), 1)
+        f("div", Mm, [
+          f("div", Om, w(i.altPageNumber) + " ", 1),
+          f("div", Lm, "of " + w(t.pageCount), 1)
         ])
-      ], 64)) : (o(), l("div", Lm, [
+      ], 64)) : (o(), l("div", Am, [
         f("div", {
           innerHTML: t.currentPage,
           onClick: s[3] || (s[3] = (r) => e.$emit("selectCurPageText")),
@@ -10184,13 +10275,13 @@ function Nm(e, s, t, a, n, i) {
           contenteditable: !0,
           class: "current-page",
           id: "currPage"
-        }, null, 40, Om),
-        f("div", Am, "of " + w(t.pageCount), 1)
+        }, null, 40, Nm),
+        f("div", Dm, "of " + w(t.pageCount), 1)
       ]))
     ])
   ]);
 }
-const r_ = /* @__PURE__ */ v(xm, [["render", Nm], ["__scopeId", "data-v-0346f2c1"]]), Dm = {
+const d_ = /* @__PURE__ */ v(zm, [["render", Fm], ["__scopeId", "data-v-0346f2c1"]]), Rm = {
   // eslint-disable-next-line vue/multi-word-component-names
   name: "ecs-pane",
   inject: ["requestUpdate", "onPaneAdd", "onPaneRemove", "onPaneClick"],
@@ -10240,16 +10331,16 @@ const r_ = /* @__PURE__ */ v(xm, [["render", Nm], ["__scopeId", "data-v-0346f2c1
     }
   }
 };
-function Fm(e, s, t, a, n, i) {
+function Vm(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: B(e.style)
+    style: x(e.style)
   }, [
     p(e.$slots, "default")
   ], 4);
 }
-const Rm = /* @__PURE__ */ v(Dm, [["render", Fm]]), Vm = {
+const Hm = /* @__PURE__ */ v(Rm, [["render", Vm]]), qm = {
   // eslint-disable-next-line vue/multi-word-component-names
   name: "ecs-splitpanes",
   emits: ["ready", "resize", "resized", "pane-click", "pane-maximize", "pane-add", "pane-remove", "splitter-click"],
@@ -10546,11 +10637,11 @@ const Rm = /* @__PURE__ */ v(Dm, [["render", Fm]]), Vm = {
       this.$slots.default()
     );
   }
-}, Hm = {
+}, Wm = {
   name: "ecs-layout-index",
   components: {
-    EcsPane: Rm,
-    EcsSplitpanes: Vm
+    EcsPane: Hm,
+    EcsSplitpanes: qm
   },
   props: {
     /** Needs to be set if the sidebar should be overlaying the content, instead of pushing the content to the left. */
@@ -10587,14 +10678,14 @@ const Rm = /* @__PURE__ */ v(Dm, [["render", Fm]]), Vm = {
       return this.overlaySidebar && this.$slots.sidebar ? "bottom: 40px;" : "bottom: 0px;";
     }
   }
-}, qm = { class: "ecs-index-layout-contents" }, Wm = {
+}, jm = { class: "ecs-index-layout-contents" }, Um = {
   key: 0,
   class: "ecs-index-layout-table scrollbar"
-}, jm = {
+}, Gm = {
   key: 2,
   class: "ecs-index-layout-pagination"
 };
-function Um(e, s, t, a, n, i) {
+function Km(e, s, t, a, n, i) {
   const r = g("ecs-pane"), c = g("ecs-splitpanes");
   return o(), l("div", {
     class: h(["ecs-index-layout", [t.backgroundWhite ? "background-white" : ""]])
@@ -10604,7 +10695,7 @@ function Um(e, s, t, a, n, i) {
     f("div", {
       class: h(["ecs-index-layout-wrap", [t.indent ? "indent" : ""]])
     }, [
-      f("main", qm, [
+      f("main", jm, [
         t.splitPane ? (o(), b(c, { key: 1 }, {
           default: S(() => [
             _(r, {
@@ -10631,24 +10722,24 @@ function Um(e, s, t, a, n, i) {
             }, 8, ["size", "minSize", "maxSize"])) : u("", !0)
           ]),
           _: 3
-        })) : (o(), l("div", Wm, [
+        })) : (o(), l("div", Um, [
           p(e.$slots, "default", {}, void 0, !0)
         ])),
-        e.$slots.pagination ? (o(), l("div", jm, [
+        e.$slots.pagination ? (o(), l("div", Gm, [
           p(e.$slots, "pagination", {}, void 0, !0)
         ])) : u("", !0)
       ]),
       e.$slots.sidebar ? (o(), l("div", {
         key: 0,
         class: h(["ecs-index-layout-sidebar", [t.overlaySidebar ? "overlay" : ""]]),
-        style: B(i.sidebarPosition)
+        style: x(i.sidebarPosition)
       }, [
         p(e.$slots, "sidebar", {}, void 0, !0)
       ], 6)) : u("", !0)
     ], 2)
   ], 2);
 }
-const l_ = /* @__PURE__ */ v(Hm, [["render", Um], ["__scopeId", "data-v-5cfb4bdd"]]), Gm = {
+const u_ = /* @__PURE__ */ v(Wm, [["render", Km], ["__scopeId", "data-v-5cfb4bdd"]]), Ym = {
   name: "ecs-layout-directory",
   props: {
     /** Needs to be set if the sidebar should be overlaying the content, instead of pushing the content to the left. */
@@ -10662,20 +10753,20 @@ const l_ = /* @__PURE__ */ v(Hm, [["render", Um], ["__scopeId", "data-v-5cfb4bdd
       default: !1
     }
   }
-}, Km = { class: "ecs-directory-layout" }, Ym = { class: "ecs-directory-layout-wrap" }, Xm = { class: "ecs-directory-layout-contents" }, Zm = {
+}, Xm = { class: "ecs-directory-layout" }, Zm = { class: "ecs-directory-layout-wrap" }, Jm = { class: "ecs-directory-layout-contents" }, Qm = {
   key: 0,
   class: "ecs-directory-layout-directory"
-}, Jm = {
+}, ep = {
   key: 1,
   class: "ecs-directory-layout-sidebar"
 };
-function Qm(e, s, t, a, n, i) {
-  return o(), l("div", Km, [
+function tp(e, s, t, a, n, i) {
+  return o(), l("div", Xm, [
     p(e.$slots, "toolbar", {}, void 0, !0),
     p(e.$slots, "action-toolbar", {}, void 0, !0),
-    f("div", Ym, [
-      f("div", Xm, [
-        e.$slots.directory ? (o(), l("aside", Zm, [
+    f("div", Zm, [
+      f("div", Jm, [
+        e.$slots.directory ? (o(), l("aside", Qm, [
           p(e.$slots, "directory", {}, void 0, !0)
         ])) : u("", !0),
         f("main", {
@@ -10683,14 +10774,14 @@ function Qm(e, s, t, a, n, i) {
         }, [
           p(e.$slots, "default", {}, void 0, !0)
         ], 2),
-        e.$slots.sidebar ? (o(), l("div", Jm, [
+        e.$slots.sidebar ? (o(), l("div", ep, [
           p(e.$slots, "sidebar", {}, void 0, !0)
         ])) : u("", !0)
       ])
     ])
   ]);
 }
-const c_ = /* @__PURE__ */ v(Gm, [["render", Qm], ["__scopeId", "data-v-dd8572c4"]]), ep = {
+const f_ = /* @__PURE__ */ v(Ym, [["render", tp], ["__scopeId", "data-v-dd8572c4"]]), sp = {
   name: "ecs-layout-data-table",
   components: { EcsActionToolbar: wi, EcsButton: Se },
   mixins: [ue],
@@ -10731,22 +10822,22 @@ const c_ = /* @__PURE__ */ v(Gm, [["render", Qm], ["__scopeId", "data-v-dd8572c4
   created() {
     this.showStatistics = localStorage.getItem("showStatistics") !== "false", this.statisticsId = this.generateUniqueId();
   }
-}, tp = { class: "ecs-data-layout-content" }, sp = {
+}, ip = { class: "ecs-data-layout-content" }, np = {
   key: 0,
   role: "toolbar",
   "aria-label": "Main",
   class: "ecs-data-layout-toolbar"
-}, ip = ["id"], np = { class: "ecs-data-layout-data" }, ap = { class: "ecs-data-layout-sidebar-inner" }, op = {
+}, ap = ["id"], op = { class: "ecs-data-layout-data" }, rp = { class: "ecs-data-layout-sidebar-inner" }, lp = {
   key: 0,
   class: "ecs-data-layout-sidebar-header"
-}, rp = { class: "ecs-data-layout-sidebar-content scrollbar scrollbar-sml" };
-function lp(e, s, t, a, n, i) {
+}, cp = { class: "ecs-data-layout-sidebar-content scrollbar scrollbar-sml" };
+function dp(e, s, t, a, n, i) {
   const r = g("ecs-button"), c = g("ecs-action-toolbar");
   return o(), l("div", {
     class: h(["ecs-data-layout", t.leftBorder ? "left-border" : ""])
   }, [
-    f("main", tp, [
-      e.$slots.toolbar ? (o(), l("div", sp, [
+    f("main", ip, [
+      e.$slots.toolbar ? (o(), l("div", np, [
         p(e.$slots, "toolbar", {}, void 0, !0),
         e.$slots.statistics ? (o(), b(r, {
           key: 0,
@@ -10770,7 +10861,7 @@ function lp(e, s, t, a, n, i) {
             id: n.statisticsId
           }, [
             p(e.$slots, "statistics", {}, void 0, !0)
-          ], 8, ip)) : u("", !0)
+          ], 8, ap)) : u("", !0)
         ]),
         _: 3
       }, 8, ["name"]),
@@ -10782,7 +10873,7 @@ function lp(e, s, t, a, n, i) {
       }, 512)), [
         [gt, t.showActionbar]
       ]) : u("", !0),
-      f("div", np, [
+      f("div", op, [
         p(e.$slots, "default", {}, void 0, !0)
       ])
     ]),
@@ -10790,23 +10881,23 @@ function lp(e, s, t, a, n, i) {
       key: 0,
       class: h(["ecs-data-layout-sidebar", t.sidebarExpanded ? "expanded" : ""])
     }, [
-      f("div", ap, [
-        e.$slots.sidebarheader ? (o(), l("div", op, [
+      f("div", rp, [
+        e.$slots.sidebarheader ? (o(), l("div", lp, [
           p(e.$slots, "sidebarheader", {}, void 0, !0)
         ])) : u("", !0),
-        f("div", rp, [
+        f("div", cp, [
           p(e.$slots, "sidebarcontent", {}, void 0, !0)
         ])
       ])
     ], 2)) : u("", !0)
   ], 2);
 }
-const d_ = /* @__PURE__ */ v(ep, [["render", lp], ["__scopeId", "data-v-860bdba9"]]), cp = {
+const g_ = /* @__PURE__ */ v(sp, [["render", dp], ["__scopeId", "data-v-860bdba9"]]), up = {
   name: "ecs-legend-item",
   emits: ["click"],
   components: {
     EcsFlexRow: Te,
-    EcsFocusRing: L
+    EcsFocusRing: O
   },
   props: {
     /** Determines the type of legend message. */
@@ -10861,14 +10952,14 @@ const d_ = /* @__PURE__ */ v(ep, [["render", lp], ["__scopeId", "data-v-860bdba9
       return `ecs-legend-item-${this.size}`;
     }
   }
-}, dp = { class: "ecs-legend-item-label" }, up = {
+}, fp = { class: "ecs-legend-item-label" }, gp = {
   key: 0,
   class: "ecs-legend-item-count"
-}, fp = {
+}, mp = {
   key: 1,
   class: "ecs-legend-item-percentage"
 };
-function gp(e, s, t, a, n, i) {
+function pp(e, s, t, a, n, i) {
   const r = g("ecs-focus-ring"), c = g("ecs-flex-row");
   return o(), b(c, {
     onClick: s[0] || (s[0] = (d) => e.$emit("click", d)),
@@ -10884,22 +10975,22 @@ function gp(e, s, t, a, n, i) {
     default: S(() => [
       f("div", {
         class: h(["ecs-legend-item-color", t.type]),
-        style: B({ backgroundColor: i.validColor })
+        style: x({ backgroundColor: i.validColor })
       }, null, 6),
-      f("div", dp, w(t.label), 1),
-      t.count ? (o(), l("div", up, w(t.count), 1)) : u("", !0),
-      t.percentage ? (o(), l("div", fp, w(i.percentageLabel), 1)) : u("", !0),
+      f("div", fp, w(t.label), 1),
+      t.count ? (o(), l("div", gp, w(t.count), 1)) : u("", !0),
+      t.percentage ? (o(), l("div", mp, w(i.percentageLabel), 1)) : u("", !0),
       t.highlight || t.hover ? (o(), l("div", {
         key: 2,
         class: "ecs-legend-item-highlight",
-        style: B({ backgroundColor: i.validColor })
+        style: x({ backgroundColor: i.validColor })
       }, null, 4)) : u("", !0),
       t.hover ? (o(), b(r, { key: 3 })) : u("", !0)
     ]),
     _: 1
   }, 8, ["role", "tabindex", "class"]);
 }
-const u_ = /* @__PURE__ */ v(cp, [["render", gp], ["__scopeId", "data-v-3e5473d4"]]), mp = {
+const m_ = /* @__PURE__ */ v(up, [["render", pp], ["__scopeId", "data-v-3e5473d4"]]), hp = {
   name: "ecs-log-message",
   components: {
     EcsFlexRow: Te,
@@ -10941,18 +11032,18 @@ const u_ = /* @__PURE__ */ v(cp, [["render", gp], ["__scopeId", "data-v-3e5473d4
       return ["warning", "error"].includes(this.type) ? "alert" : null;
     }
   }
-}, pp = { class: "ecs-log-message-content" }, hp = {
+}, vp = { class: "ecs-log-message-content" }, yp = {
   key: 2,
   class: "ecs-log-message-meta"
 };
-function vp(e, s, t, a, n, i) {
+function bp(e, s, t, a, n, i) {
   const r = g("ecs-skeleton-loader"), c = g("ecs-sticker"), d = g("ecs-flex-row");
   return o(), b(d, {
     class: h(["ecs-log-message", [t.type, t.highlight ? "highlighted" : ""]]),
     role: i.alertRole,
     "aria-busy": t.loading || null,
     align: "start",
-    style: B(i.padding)
+    style: x(i.padding)
   }, {
     default: S(() => [
       t.loading && t.type != "blank" ? (o(), b(r, {
@@ -10964,7 +11055,7 @@ function vp(e, s, t, a, n, i) {
         key: 1,
         type: t.type
       }, null, 8, ["type"])) : u("", !0),
-      f("div", pp, [
+      f("div", vp, [
         t.loading ? (o(), b(r, {
           key: 0,
           type: "single",
@@ -10972,14 +11063,14 @@ function vp(e, s, t, a, n, i) {
           class: "skeleton-text"
         })) : p(e.$slots, "default", { key: 1 }, void 0, !0)
       ]),
-      t.meta && !t.loading ? (o(), l("div", hp, w(t.meta), 1)) : u("", !0)
+      t.meta && !t.loading ? (o(), l("div", yp, w(t.meta), 1)) : u("", !0)
     ]),
     _: 3
   }, 8, ["class", "role", "aria-busy", "style"]);
 }
-const f_ = /* @__PURE__ */ v(mp, [["render", vp], ["__scopeId", "data-v-d461aa9b"]]), yp = {
+const p_ = /* @__PURE__ */ v(hp, [["render", bp], ["__scopeId", "data-v-d461aa9b"]]), _p = {
   name: "ecs-map",
-  components: { EcsFocusRing: L },
+  components: { EcsFocusRing: O },
   props: {
     /** Address of the location, needs to be known by Google Maps. */
     address: {
@@ -11000,8 +11091,8 @@ const f_ = /* @__PURE__ */ v(mp, [["render", vp], ["__scopeId", "data-v-d461aa9b
       return `https://maps.googleapis.com/maps/api/staticmap?maptype=terrain&sensor=false&format=png&zoom=13&key=AIzaSyBEv9bJVd1MU5zSs_Ezxkvc8FOfIO7Q1Fk&visual_refresh=true&scale=2&size=320x220&style=feature:poi|visibility:off&center=${this.address}`;
     }
   }
-}, bp = ["href"], _p = ["src", "alt"];
-function kp(e, s, t, a, n, i) {
+}, kp = ["href"], wp = ["src", "alt"];
+function Sp(e, s, t, a, n, i) {
   const r = g("ecs-focus-ring");
   return o(), l("div", {
     class: h(["ecs-map", [t.marker ? "ecs-map-marker" : ""]])
@@ -11014,15 +11105,15 @@ function kp(e, s, t, a, n, i) {
       f("img", {
         src: i.mapImageUrl,
         alt: "Map of " + t.address
-      }, null, 8, _p),
+      }, null, 8, wp),
       _(r, {
         inset: 0,
         radius: 4
       })
-    ], 8, bp)
+    ], 8, kp)
   ], 2);
 }
-const g_ = /* @__PURE__ */ v(yp, [["render", kp], ["__scopeId", "data-v-e2371c57"]]), wp = {
+const h_ = /* @__PURE__ */ v(_p, [["render", Sp], ["__scopeId", "data-v-e2371c57"]]), Cp = {
   name: "ecs-modal",
   props: {
     /** Shows the modal. */
@@ -11072,14 +11163,14 @@ const g_ = /* @__PURE__ */ v(yp, [["render", kp], ["__scopeId", "data-v-e2371c57
   mounted() {
     this.show && (this.isShown = !0);
   }
-}, Sp = (e) => (ve("data-v-04163948"), e = e(), ye(), e), Cp = {
+}, xp = (e) => (ve("data-v-04163948"), e = e(), ye(), e), Bp = {
   key: 0,
   class: "ecs-modal-header-wrap"
-}, xp = { class: "ecs-modal-content-wrap scrollbar" }, Bp = {
+}, zp = { class: "ecs-modal-content-wrap scrollbar" }, Ip = {
   key: 1,
   class: "ecs-modal-footer-wrap"
-}, zp = /* @__PURE__ */ Sp(() => /* @__PURE__ */ f("div", { class: "ecs-modal-backdrop ecs-modal-sheet-backdrop" }, null, -1));
-function Ip(e, s, t, a, n, i) {
+}, Ep = /* @__PURE__ */ xp(() => /* @__PURE__ */ f("div", { class: "ecs-modal-backdrop ecs-modal-sheet-backdrop" }, null, -1));
+function $p(e, s, t, a, n, i) {
   return o(), b(ke, { name: "dialog-fade" }, {
     default: S(() => [
       n.isShown ? (o(), l("div", {
@@ -11088,30 +11179,30 @@ function Ip(e, s, t, a, n, i) {
       }, [
         f("div", {
           class: "ecs-modal-dialog ecs-modal-sheet",
-          style: B(i.fixedHeightStyle)
+          style: x(i.fixedHeightStyle)
         }, [
-          e.$slots.header ? (o(), l("div", Cp, [
+          e.$slots.header ? (o(), l("div", Bp, [
             p(e.$slots, "header", {}, void 0, !0)
           ])) : u("", !0),
-          f("div", xp, [
+          f("div", zp, [
             p(e.$slots, "default", {}, void 0, !0)
           ]),
-          e.$slots.footer ? (o(), l("div", Bp, [
+          e.$slots.footer ? (o(), l("div", Ip, [
             p(e.$slots, "footer", {}, void 0, !0)
           ])) : u("", !0)
         ], 4),
-        zp
+        Ep
       ], 2)) : u("", !0)
     ]),
     _: 3
   });
 }
-const m_ = /* @__PURE__ */ v(wp, [["render", Ip], ["__scopeId", "data-v-04163948"]]), Ep = {
+const v_ = /* @__PURE__ */ v(Cp, [["render", $p], ["__scopeId", "data-v-04163948"]]), Pp = {
   name: "ecs-modal-header",
   emits: ["close"],
   components: {
     EcsButton: Se,
-    EcsFocusRing: L
+    EcsFocusRing: O
   },
   props: {
     /** Sets the visual style of the modal header. Tabs should always be used when the modal tab header contains a tab bar, while Scroll can be used as an optional indicator for scrollable modals with long contents. */
@@ -11142,21 +11233,21 @@ const m_ = /* @__PURE__ */ v(wp, [["render", Ip], ["__scopeId", "data-v-04163948
       }
     }
   }
-}, $p = {
+}, Tp = {
   class: "ecs-modal-header-main",
   ref: "firstFocusable",
   tabindex: "0"
-}, Pp = { class: "ecs-modal-header-main-inner" }, Tp = {
+}, Mp = { class: "ecs-modal-header-main-inner" }, Op = {
   key: 0,
   class: "ecs-modal-header-extended"
 };
-function Mp(e, s, t, a, n, i) {
+function Lp(e, s, t, a, n, i) {
   const r = g("ecs-button");
   return o(), l("div", {
     class: h(["ecs-modal-header", i.typeClass])
   }, [
-    f("div", $p, [
-      f("div", Pp, [
+    f("div", Tp, [
+      f("div", Mp, [
         p(e.$slots, "default", {}, void 0, !0)
       ]),
       _(r, {
@@ -11172,31 +11263,31 @@ function Mp(e, s, t, a, n, i) {
         "data-test": "close-modal-button"
       })
     ], 512),
-    e.$slots.extension ? (o(), l("div", Tp, [
+    e.$slots.extension ? (o(), l("div", Op, [
       p(e.$slots, "extension", {}, void 0, !0)
     ])) : u("", !0)
   ], 2);
 }
-const p_ = /* @__PURE__ */ v(Ep, [["render", Mp], ["__scopeId", "data-v-14ff8a6b"]]), Lp = {
+const y_ = /* @__PURE__ */ v(Pp, [["render", Lp], ["__scopeId", "data-v-14ff8a6b"]]), Ap = {
   name: "ecs-modal-footer"
-}, Op = { class: "ecs-modal-footer" }, Ap = {
+}, Np = { class: "ecs-modal-footer" }, Dp = {
   key: 0,
   class: "ecs-modal-footer-secondary"
-}, Np = { class: "ecs-modal-footer-main" };
-function Dp(e, s, t, a, n, i) {
-  return o(), l("div", Op, [
-    e.$slots.secondary ? (o(), l("div", Ap, [
+}, Fp = { class: "ecs-modal-footer-main" };
+function Rp(e, s, t, a, n, i) {
+  return o(), l("div", Np, [
+    e.$slots.secondary ? (o(), l("div", Dp, [
       p(e.$slots, "secondary", {}, void 0, !0)
     ])) : u("", !0),
-    f("div", Np, [
+    f("div", Fp, [
       p(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const h_ = /* @__PURE__ */ v(Lp, [["render", Dp], ["__scopeId", "data-v-ac286496"]]), Fp = {
+const b_ = /* @__PURE__ */ v(Ap, [["render", Rp], ["__scopeId", "data-v-ac286496"]]), Vp = {
   name: "ecs-select-text",
   emits: ["change", "focus", "blur"],
-  components: { EcsIcon: M, EcsFocusRing: L },
+  components: { EcsIcon: M, EcsFocusRing: O },
   props: {
     /** Determines the size of the select control. */
     size: {
@@ -11280,8 +11371,8 @@ const h_ = /* @__PURE__ */ v(Lp, [["render", Dp], ["__scopeId", "data-v-ac286496
       this.selectedText = t.text;
     }
   }
-}, Rp = ["disabled"];
-function Vp(e, s, t, a, n, i) {
+}, Hp = ["disabled"];
+function qp(e, s, t, a, n, i) {
   const r = g("ecs-icon"), c = g("ecs-focus-ring");
   return o(), l("div", {
     class: h(["ecs-form-select-text", [i.sizeClass, i.typeClass, t.disabled ? "disabled" : null]])
@@ -11301,19 +11392,19 @@ function Vp(e, s, t, a, n, i) {
       class: t.alignment == "right" ? "right" : ""
     }), [
       p(e.$slots, "default", {}, void 0, !0)
-    ], 16, Rp),
+    ], 16, Hp),
     _(c, {
       inset: t.size == "xsml" ? -2 : -4
     }, null, 8, ["inset"])
   ], 2);
 }
-const Hp = /* @__PURE__ */ v(Fp, [["render", Vp], ["__scopeId", "data-v-6b04cc71"]]), qp = {
+const Wp = /* @__PURE__ */ v(Vp, [["render", qp], ["__scopeId", "data-v-6b04cc71"]]), jp = {
   name: "ecs-multiselect-search-token",
   emits: ["remove", "change", "operatorChange", "operatorToggle"],
   components: {
     EcsIcon: M,
-    EcsFocusRing: L,
-    EcsSelectText: Hp
+    EcsFocusRing: O,
+    EcsSelectText: Wp
   },
   props: {
     /** Sets the type of the search token: default should be used for any search query that is not a NOT query. */
@@ -11366,30 +11457,30 @@ const Hp = /* @__PURE__ */ v(Fp, [["render", Vp], ["__scopeId", "data-v-6b04cc71
       this.$emit("operatorToggle", e);
     }
   }
-}, Wp = {
+}, Up = {
   key: 0,
   class: "symbol"
-}, jp = {
+}, Gp = {
   key: 0,
   class: "operator"
-}, Up = ["value"], Gp = { class: "query" }, Kp = {
+}, Kp = ["value"], Yp = { class: "query" }, Xp = {
   key: 0,
   class: "descriptor"
 };
-function Yp(e, s, t, a, n, i) {
+function Zp(e, s, t, a, n, i) {
   const r = g("ecs-icon"), c = g("ecs-select-text"), d = g("ecs-focus-ring");
   return o(), l("div", {
     class: h(["ecs-multiselect-search-token", i.typeClass]),
     tabindex: "0",
     onKeydown: s[3] || (s[3] = G((m) => e.$emit("remove", m), ["delete"]))
   }, [
-    t.icon || t.operator || t.operatorSwitch ? (o(), l("div", Wp, [
+    t.icon || t.operator || t.operatorSwitch ? (o(), l("div", Up, [
       _(r, {
         type: t.icon,
         size: "20",
         color: "#FFF"
       }, null, 8, ["type"]),
-      t.operator && !t.operatorSelect && !t.operatorSwitch ? (o(), l("div", jp, w(t.operator), 1)) : u("", !0),
+      t.operator && !t.operatorSelect && !t.operatorSwitch ? (o(), l("div", Gp, w(t.operator), 1)) : u("", !0),
       t.operatorSelect ? (o(), b(c, {
         key: 1,
         onChange: i.handleOperatorChange,
@@ -11401,7 +11492,7 @@ function Yp(e, s, t, a, n, i) {
           (o(!0), l(J, null, me(t.operatorSelectOptions, (m) => (o(), l("option", {
             value: m,
             key: m
-          }, w(m), 9, Up))), 128))
+          }, w(m), 9, Kp))), 128))
         ]),
         _: 1
       }, 8, ["onChange", "value"])) : u("", !0),
@@ -11427,8 +11518,8 @@ function Yp(e, s, t, a, n, i) {
         _(d, { radius: 12 })
       ], 2)) : u("", !0)
     ])) : u("", !0),
-    f("div", Gp, [
-      t.descriptor ? (o(), l("div", Kp, w(t.descriptor), 1)) : u("", !0),
+    f("div", Yp, [
+      t.descriptor ? (o(), l("div", Xp, w(t.descriptor), 1)) : u("", !0),
       p(e.$slots, "default", {}, void 0, !0),
       f("button", {
         onClick: s[1] || (s[1] = (m) => e.$emit("remove", m)),
@@ -11447,15 +11538,15 @@ function Yp(e, s, t, a, n, i) {
     ])
   ], 34);
 }
-const v_ = /* @__PURE__ */ v(qp, [["render", Yp], ["__scopeId", "data-v-57205caa"]]), Xp = {
+const __ = /* @__PURE__ */ v(jp, [["render", Zp], ["__scopeId", "data-v-57205caa"]]), Jp = {
   name: "ecs-multiselect-token",
   emits: ["remove"],
   components: {
     EcsIcon: M,
-    EcsFocusRing: L
+    EcsFocusRing: O
   }
 };
-function Zp(e, s, t, a, n, i) {
+function Qp(e, s, t, a, n, i) {
   const r = g("ecs-icon"), c = g("ecs-focus-ring");
   return o(), l("div", {
     class: "ecs-multiselect-token",
@@ -11476,7 +11567,7 @@ function Zp(e, s, t, a, n, i) {
     ])
   ], 32);
 }
-const y_ = /* @__PURE__ */ v(Xp, [["render", Zp], ["__scopeId", "data-v-ce139540"]]), Jp = {
+const k_ = /* @__PURE__ */ v(Jp, [["render", Qp], ["__scopeId", "data-v-ce139540"]]), eh = {
   name: "ecs-multiselect-option",
   components: {
     EcsIcon: M
@@ -11496,8 +11587,8 @@ const y_ = /* @__PURE__ */ v(Xp, [["render", Zp], ["__scopeId", "data-v-ce139540
       return this.type && this.type !== "" ? `ecs-multiselect-option-${this.type}` : this.type;
     }
   }
-}, Qp = ["role"];
-function eh(e, s, t, a, n, i) {
+}, th = ["role"];
+function sh(e, s, t, a, n, i) {
   const r = g("ecs-icon");
   return o(), l("div", {
     class: h(["ecs-multiselect-option", i.typeClass]),
@@ -11509,9 +11600,9 @@ function eh(e, s, t, a, n, i) {
       size: "20"
     }, null, 8, ["type"])) : u("", !0),
     p(e.$slots, "default", {}, void 0, !0)
-  ], 10, Qp);
+  ], 10, th);
 }
-const b_ = /* @__PURE__ */ v(Jp, [["render", eh], ["__scopeId", "data-v-ceac7867"]]), th = {
+const w_ = /* @__PURE__ */ v(eh, [["render", sh], ["__scopeId", "data-v-ceac7867"]]), ih = {
   name: "ecs-overlay",
   emits: ["close", "toggled"],
   components: { EcsIcon: M, EcsButtonToolbar: pt, EcsAlert: ks },
@@ -11655,41 +11746,41 @@ const b_ = /* @__PURE__ */ v(Jp, [["render", eh], ["__scopeId", "data-v-ceac7867
       }, 10);
     }
   }
-}, sh = { class: "ecs-overlay-titles" }, ih = { class: "title" }, nh = {
+}, nh = { class: "ecs-overlay-titles" }, ah = { class: "title" }, oh = {
   key: 0,
   class: "emphasized"
-}, ah = {
+}, rh = {
   key: 0,
   class: "subline"
-}, oh = {
+}, lh = {
   key: 0,
   class: "ecs-overlay-header-controls"
-}, rh = ["aria-busy"], lh = {
+}, ch = ["aria-busy"], dh = {
   key: 0,
   class: "ecs-overlay-tabs scrollbar scrollbar-sml"
-}, ch = {
+}, uh = {
   key: 0,
   class: "ecs-overlay-sidebar ecs-overlay-sidebar-static"
-}, dh = {
+}, fh = {
   key: 0,
   class: "ecs-overlay-sidebar ecs-overlay-sidebar-float scrollbar scrollbar-sml"
-}, uh = {
+}, gh = {
   key: 1,
   class: "ecs-overlay-content-block"
-}, fh = {
+}, mh = {
   key: 1,
   class: "ecs-overlay-footer"
-}, gh = {
+}, ph = {
   key: 0,
   class: "spacer-tabs"
-}, mh = { class: "ecs-overlay-footer-content" }, ph = {
+}, hh = { class: "ecs-overlay-footer-content" }, vh = {
   key: 0,
   class: "spacer-sidebar"
-}, hh = {
+}, yh = {
   key: 1,
   class: "spacer-scrollbar"
 };
-function vh(e, s, t, a, n, i) {
+function bh(e, s, t, a, n, i) {
   const r = g("ecs-icon"), c = g("ecs-button-toolbar"), d = g("ecs-alert");
   return o(), b(ke, {
     name: "fade",
@@ -11699,13 +11790,13 @@ function vh(e, s, t, a, n, i) {
       n.isShown ? (o(), l("div", {
         key: 0,
         class: "ecs-overlay",
-        style: B({ 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: B(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, [
+          f("div", nh, [
             t.icon ? (o(), b(r, {
               key: 0,
               type: t.icon,
@@ -11713,14 +11804,14 @@ function vh(e, s, t, a, n, i) {
               color: "#B9BCC2"
             }, null, 8, ["type"])) : u("", !0),
             f("div", null, [
-              f("span", ih, [
-                t.headerTitleEmphasized ? (o(), l("span", nh, w(t.headerTitleEmphasized), 1)) : u("", !0),
+              f("span", ah, [
+                t.headerTitleEmphasized ? (o(), l("span", oh, w(t.headerTitleEmphasized), 1)) : u("", !0),
                 D(" " + w(t.headerTitle), 1)
               ]),
-              t.headerTitleSubline ? (o(), l("span", ah, w(t.headerTitleSubline), 1)) : u("", !0)
+              t.headerTitleSubline ? (o(), l("span", rh, w(t.headerTitleSubline), 1)) : u("", !0)
             ])
           ]),
-          e.$slots.headercontrols ? (o(), l("div", oh, [
+          e.$slots.headercontrols ? (o(), l("div", lh, [
             p(e.$slots, "headercontrols", {}, void 0, !0)
           ])) : u("", !0),
           e.$slots.sidebar && n.width <= 1500 ? (o(), b(c, {
@@ -11762,7 +11853,7 @@ function vh(e, s, t, a, n, i) {
           class: "ecs-overlay-content scrollbar",
           "aria-busy": t.blockContent || null
         }, [
-          e.$slots.tabs ? (o(), l("div", lh, [
+          e.$slots.tabs ? (o(), l("div", dh, [
             p(e.$slots, "tabs", {}, void 0, !0)
           ])) : u("", !0),
           f("div", {
@@ -11771,35 +11862,35 @@ function vh(e, s, t, a, n, i) {
           }, [
             f("div", {
               class: h(["ecs-overlay-content-inner-inner", e.$slots.sidebar && !t.fullWidth && n.width > 1500 ? "has-sidebar" : " "]),
-              style: B({ 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),
-            e.$slots.sidebar && n.width > 1500 ? (o(), l("div", ch, [
+            e.$slots.sidebar && n.width > 1500 ? (o(), l("div", uh, [
               p(e.$slots, "sidebar", {}, void 0, !0)
             ])) : u("", !0),
             _(ke, { name: "slide" }, {
               default: S(() => [
-                e.$slots.sidebar && n.width <= 1500 && n.showSidebar ? (o(), l("div", dh, [
+                e.$slots.sidebar && n.width <= 1500 && n.showSidebar ? (o(), l("div", fh, [
                   p(e.$slots, "sidebar", {}, void 0, !0)
                 ])) : u("", !0)
               ]),
               _: 3
             })
           ], 2),
-          t.blockContent ? (o(), l("div", uh)) : u("", !0)
-        ], 8, rh),
-        e.$slots.footer ? (o(), l("footer", fh, [
-          e.$slots.tabs ? (o(), l("div", gh)) : u("", !0),
-          f("div", mh, [
+          t.blockContent ? (o(), l("div", gh)) : u("", !0)
+        ], 8, ch),
+        e.$slots.footer ? (o(), l("footer", mh, [
+          e.$slots.tabs ? (o(), l("div", ph)) : u("", !0),
+          f("div", hh, [
             f("div", {
               class: "ecs-overlay-footer-content-inner",
-              style: B({ 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),
-            e.$slots.sidebar && n.width > 1500 ? (o(), l("div", ph)) : u("", !0),
-            n.footerScrollSpacer ? (o(), l("div", hh)) : u("", !0)
+            e.$slots.sidebar && n.width > 1500 ? (o(), l("div", vh)) : u("", !0),
+            n.footerScrollSpacer ? (o(), l("div", yh)) : u("", !0)
           ])
         ])) : u("", !0)
       ], 4)) : u("", !0)
@@ -11807,7 +11898,7 @@ function vh(e, s, t, a, n, i) {
     _: 3
   });
 }
-const __ = /* @__PURE__ */ v(th, [["render", vh], ["__scopeId", "data-v-9e17191b"]]), yh = {
+const S_ = /* @__PURE__ */ v(ih, [["render", bh], ["__scopeId", "data-v-9e17191b"]]), _h = {
   name: "ecs-pagination",
   emits: ["firstPage", "prevPage", "nextPage", "lastPage", "updatePage", "itemsPerPage"],
   components: {
@@ -11909,14 +12000,14 @@ const __ = /* @__PURE__ */ v(th, [["render", vh], ["__scopeId", "data-v-9e17191b
       this.$emit("updatePage", Number(e));
     }
   }
-}, Us = (e) => (ve("data-v-ca016e63"), e = e(), ye(), e), bh = /* @__PURE__ */ Us(() => /* @__PURE__ */ f("span", null, "Page", -1)), _h = ["value", "selected"], kh = {
+}, Us = (e) => (ve("data-v-ca016e63"), e = e(), ye(), e), kh = /* @__PURE__ */ Us(() => /* @__PURE__ */ f("span", null, "Page", -1)), wh = ["value", "selected"], Sh = {
   key: 0,
   class: "total"
-}, wh = {
+}, Ch = {
   key: 1,
   class: "ecs-pagination-range"
-}, 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) {
+}, xh = { class: "ecs-pagination-tabs" }, Bh = /* @__PURE__ */ Us(() => /* @__PURE__ */ f("span", null, "Items per page", -1)), zh = ["value", "selected"];
+function Ih(e, s, t, a, n, i) {
   const r = g("ecs-button"), c = g("ecs-flex-row"), d = g("ecs-select");
   return o(), l("div", {
     class: h(["ecs-pagination", [
@@ -11929,7 +12020,7 @@ function Bh(e, s, t, a, n, i) {
     _(c, {
       gap: 8,
       class: "ecs-pagination-nav",
-      style: B({ minWidth: t.tabsSpacing - 4 + "px" })
+      style: x({ minWidth: t.tabsSpacing - 4 + "px" })
     }, {
       default: S(() => [
         t.type == "paginated" ? (o(), l(J, { key: 0 }, [
@@ -11960,7 +12051,7 @@ function Bh(e, s, t, a, n, i) {
           }),
           _(c, { gap: 4 }, {
             default: S(() => [
-              bh,
+              kh,
               _(d, {
                 modelValue: n.updatedCurrentPage,
                 "onUpdate:modelValue": s[2] || (s[2] = (m) => n.updatedCurrentPage = m),
@@ -11972,11 +12063,11 @@ function Bh(e, s, t, a, n, i) {
                     key: m,
                     value: m,
                     selected: m === t.currentPage
-                  }, w(m), 9, _h))), 128))
+                  }, w(m), 9, wh))), 128))
                 ]),
                 _: 1
               }, 8, ["modelValue", "disabled"]),
-              t.totalPages ? (o(), l("span", kh, "of " + w(t.totalPages), 1)) : u("", !0)
+              t.totalPages ? (o(), l("span", Sh, "of " + w(t.totalPages), 1)) : u("", !0)
             ]),
             _: 1
           }),
@@ -12005,7 +12096,7 @@ function Bh(e, s, t, a, n, i) {
             ]),
             _: 1
           })
-        ], 64)) : i.hasRange ? (o(), l("span", wh, [
+        ], 64)) : i.hasRange ? (o(), l("span", Ch, [
           D("Showing entries "),
           f("span", null, w(t.itemRangeFrom) + " to " + w(t.itemRangeTo), 1),
           D(" of "),
@@ -12014,7 +12105,7 @@ function Bh(e, s, t, a, n, i) {
       ]),
       _: 1
     }, 8, ["style"]),
-    f("div", Sh, [
+    f("div", xh, [
       p(e.$slots, "tabs", {}, void 0, !0)
     ]),
     t.showItemsPerPage && t.type == "paginated" ? (o(), b(c, {
@@ -12023,7 +12114,7 @@ function Bh(e, s, t, a, n, i) {
       class: "ecs-pagination-items"
     }, {
       default: S(() => [
-        Ch,
+        Bh,
         _(d, {
           modelValue: n.updatedItemsPerPageSelected,
           "onUpdate:modelValue": s[5] || (s[5] = (m) => n.updatedItemsPerPageSelected = m),
@@ -12036,7 +12127,7 @@ function Bh(e, s, t, a, n, i) {
               key: m,
               value: m,
               selected: m === t.itemsPerPageSelected
-            }, w(m), 9, xh))), 128))
+            }, w(m), 9, zh))), 128))
           ]),
           _: 1
         }, 8, ["modelValue", "disabled"])
@@ -12055,7 +12146,7 @@ function Bh(e, s, t, a, n, i) {
     })) : u("", !0)
   ], 2);
 }
-const k_ = /* @__PURE__ */ v(yh, [["render", Bh], ["__scopeId", "data-v-ca016e63"]]), zh = {
+const C_ = /* @__PURE__ */ v(_h, [["render", Ih], ["__scopeId", "data-v-ca016e63"]]), Eh = {
   name: "ecs-party-entry",
   components: { EcsIcon: M, EcsSticker: Re },
   props: {
@@ -12138,21 +12229,21 @@ const k_ = /* @__PURE__ */ v(yh, [["render", Bh], ["__scopeId", "data-v-ca016e63
         return "#000";
     }
   }
-}, Ih = {
+}, $h = {
   key: 3,
   class: "ecs-party-entry-background"
 };
-function Eh(e, s, t, a, n, i) {
+function Ph(e, s, t, a, n, i) {
   const r = g("ecs-icon"), c = g("ecs-sticker");
   return o(), l("div", {
     class: h(["ecs-party-entry", [t.party, t.color && t.background ? "ecs-party-entry-colored" : ""]]),
-    style: B({ color: t.color })
+    style: x({ color: t.color })
   }, [
     t.icon && t.iconPosition == "left" ? (o(), b(r, {
       key: 0,
       type: i.iconType,
       color: i.iconColor,
-      style: B("margin-right:" + t.iconSpacing),
+      style: x("margin-right:" + t.iconSpacing),
       size: t.iconSize
     }, null, 8, ["type", "color", "style", "size"])) : u("", !0),
     t.shared ? (o(), b(c, {
@@ -12166,13 +12257,13 @@ function Eh(e, s, t, a, n, i) {
       key: 2,
       type: i.iconType,
       color: i.iconColor,
-      style: B("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)
+    t.background ? (o(), l("div", $h)) : u("", !0)
   ], 6);
 }
-const w_ = /* @__PURE__ */ v(zh, [["render", Eh], ["__scopeId", "data-v-c6300895"]]), $h = {
+const x_ = /* @__PURE__ */ v(Eh, [["render", Ph], ["__scopeId", "data-v-c6300895"]]), Th = {
   name: "ecs-popover-header",
   components: { EcsIcon: M, EcsText: nt },
   props: {
@@ -12192,14 +12283,14 @@ const w_ = /* @__PURE__ */ v(zh, [["render", Eh], ["__scopeId", "data-v-c6300895
       return !!this.$slots.default;
     }
   }
-}, Ph = { class: "ecs-popover-header" }, Th = { class: "ecs-popover-header-title" }, Mh = {
+}, Mh = { class: "ecs-popover-header" }, Oh = { class: "ecs-popover-header-title" }, Lh = {
   key: 0,
   class: "ecs-popover-header-actions"
 };
-function Lh(e, s, t, a, n, i) {
+function Ah(e, s, t, a, n, i) {
   const r = g("ecs-icon"), c = g("ecs-text");
-  return o(), l("header", Ph, [
-    f("div", Th, [
+  return o(), l("header", Mh, [
+    f("div", Oh, [
       t.icon ? (o(), b(r, {
         key: 0,
         type: t.icon,
@@ -12217,12 +12308,12 @@ function Lh(e, s, t, a, n, i) {
         _: 1
       })
     ]),
-    i.hasControls ? (o(), l("div", Mh, [
+    i.hasControls ? (o(), l("div", Lh, [
       p(e.$slots, "default", {}, void 0, !0)
     ])) : u("", !0)
   ]);
 }
-const S_ = /* @__PURE__ */ v($h, [["render", Lh], ["__scopeId", "data-v-c7ef1a5a"]]), Oh = {
+const B_ = /* @__PURE__ */ v(Th, [["render", Ah], ["__scopeId", "data-v-c7ef1a5a"]]), Nh = {
   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: {
@@ -12230,11 +12321,11 @@ const S_ = /* @__PURE__ */ v($h, [["render", Lh], ["__scopeId", "data-v-c7ef1a5a
       default: !1
     }
   }
-}, Ah = {
+}, Dh = {
   key: 0,
   class: "ecs-popover-list-title-controls"
 };
-function Nh(e, s, t, a, n, i) {
+function Fh(e, s, t, a, n, i) {
   return o(), l("li", {
     class: h(["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"
@@ -12242,12 +12333,12 @@ function Nh(e, s, t, a, n, i) {
     f("span", null, [
       p(e.$slots, "default", {}, void 0, !0)
     ]),
-    e.$slots.controls ? (o(), l("div", Ah, [
+    e.$slots.controls ? (o(), l("div", Dh, [
       p(e.$slots, "controls", {}, void 0, !0)
     ])) : u("", !0)
   ], 2);
 }
-const C_ = /* @__PURE__ */ v(Oh, [["render", Nh], ["__scopeId", "data-v-dcc071bc"]]), Dh = {
+const z_ = /* @__PURE__ */ v(Nh, [["render", Fh], ["__scopeId", "data-v-dcc071bc"]]), Rh = {
   name: "ecs-rating-star-read",
   components: { EcsSkeletonLoader: Ce },
   props: {
@@ -12278,8 +12369,8 @@ const C_ = /* @__PURE__ */ v(Oh, [["render", Nh], ["__scopeId", "data-v-dcc071bc
       return this.size && this.size !== "" ? `ecs-rating-read-${this.size}` : this.size;
     }
   }
-}, Fh = ["aria-busy", "aria-label"], Rh = ["data-maximum", "data-rating"];
-function Vh(e, s, t, a, n, i) {
+}, Vh = ["aria-busy", "aria-label"], Hh = ["data-maximum", "data-rating"];
+function qh(e, s, t, a, n, i) {
   const r = g("ecs-skeleton-loader");
   return o(), l("div", {
     class: h(["ecs-rating-read", [i.sizeClass]]),
@@ -12296,10 +12387,10 @@ function Vh(e, s, t, a, n, i) {
       class: "ecs-stars-read",
       "data-maximum": t.maximum,
       "data-rating": t.rating
-    }, null, 8, Rh))
-  ], 10, Fh);
+    }, null, 8, Hh))
+  ], 10, Vh);
 }
-const Hh = /* @__PURE__ */ v(Dh, [["render", Vh], ["__scopeId", "data-v-8f28e1c1"]]), qh = {
+const Wh = /* @__PURE__ */ v(Rh, [["render", qh], ["__scopeId", "data-v-8f28e1c1"]]), jh = {
   name: "ecs-rating-favorability",
   emits: ["click"],
   components: { EcsIcon: M, EcsSkeletonLoader: Ce },
@@ -12376,8 +12467,8 @@ const Hh = /* @__PURE__ */ v(Dh, [["render", Vh], ["__scopeId", "data-v-8f28e1c1
       }
     }
   }
-}, Wh = ["aria-busy"], jh = ["title"];
-function Uh(e, s, t, a, n, i) {
+}, Uh = ["aria-busy"], Gh = ["title"];
+function Kh(e, s, t, a, n, i) {
   const r = g("ecs-icon"), c = g("ecs-skeleton-loader");
   return o(), l("div", {
     onClick: s[0] || (s[0] = (d) => e.$emit("click", d)),
@@ -12389,7 +12480,7 @@ function Uh(e, s, t, a, n, i) {
       title: i.labelText
     }, [
       _(r, { type: i.iconType }, null, 8, ["type"])
-    ], 10, jh),
+    ], 10, Gh),
     t.label ? (o(), l("span", {
       key: 0,
       class: h(["label", t.loading ? "loading" : ""])
@@ -12406,12 +12497,12 @@ function Uh(e, s, t, a, n, i) {
       width: 100,
       style: { width: "calc(100% - 30px)" }
     })) : u("", !0)
-  ], 10, Wh);
+  ], 10, Uh);
 }
-const Gh = /* @__PURE__ */ v(qh, [["render", Uh], ["__scopeId", "data-v-359930b9"]]), Kh = {
+const Yh = /* @__PURE__ */ v(jh, [["render", Kh], ["__scopeId", "data-v-359930b9"]]), Xh = {
   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: Wh, EcsRatingFavorability: Yh, EcsSwitch: Ms, EcsIcon: M, EcsFocusRing: O },
   props: {
     label: {
       type: String,
@@ -12470,17 +12561,17 @@ const Gh = /* @__PURE__ */ v(qh, [["render", Uh], ["__scopeId", "data-v-359930b9
       return this.active ? "active" : "subtle";
     }
   }
-}, Yh = { class: "filter-description" }, Xh = {
+}, Zh = { class: "filter-description" }, Jh = {
   key: 0,
   class: "filter-count"
-}, Zh = { style: { "margin-left": "12px" } }, Jh = { class: "static-label" }, Qh = {
+}, Qh = { style: { "margin-left": "12px" } }, ev = { class: "static-label" }, tv = {
   key: 0,
   class: "filter-count"
-}, ev = { key: 2 }, tv = {
+}, sv = { key: 2 }, iv = {
   key: 3,
   class: "filter-count"
 };
-function sv(e, s, t, a, n, i) {
+function nv(e, s, t, a, n, i) {
   const r = g("ecs-icon"), c = g("ecs-focus-ring"), d = g("ecs-rating-favorability"), m = g("ecs-rating-star-read"), y = g("ecs-switch"), k = g("ecs-checkbox");
   return o(), l("li", {
     class: h(["ecs-quicklinks-link", [
@@ -12496,8 +12587,8 @@ function sv(e, s, t, a, n, i) {
       role: "button"
     }, [
       _(r, { type: t.icon }, null, 8, ["type"]),
-      f("span", Yh, w(t.label), 1),
-      t.count ? (o(), l("small", Xh, w(t.count), 1)) : u("", !0),
+      f("span", Zh, w(t.label), 1),
+      t.count ? (o(), l("small", Jh, w(t.count), 1)) : u("", !0),
       _(c)
     ])) : t.type === "favorability" ? (o(), l("div", {
       key: 1,
@@ -12512,10 +12603,10 @@ function sv(e, s, t, a, n, i) {
         label: !1,
         disabled: t.disabled || null
       }, null, 8, ["type", "rating", "disabled"]),
-      f("label", Zh, [
-        f("span", Jh, w(t.label), 1)
+      f("label", Qh, [
+        f("span", ev, w(t.label), 1)
       ]),
-      t.count ? (o(), l("small", Qh, w(t.count), 1)) : u("", !0),
+      t.count ? (o(), l("small", tv, w(t.count), 1)) : u("", !0),
       _(c)
     ])) : (o(), b(k, {
       key: 2,
@@ -12541,14 +12632,14 @@ function sv(e, s, t, a, n, i) {
             D(w(t.label), 1)
           ]),
           _: 1
-        }, 8, ["value", "disabled"])) : (o(), l("span", ev, w(t.label), 1)),
-        t.count ? (o(), l("small", tv, w(t.count), 1)) : u("", !0)
+        }, 8, ["value", "disabled"])) : (o(), l("span", sv, w(t.label), 1)),
+        t.count ? (o(), l("small", iv, w(t.count), 1)) : u("", !0)
       ]),
       _: 1
     }, 8, ["value", "value-false", "value-true", "disabled"]))
   ], 2);
 }
-const x_ = /* @__PURE__ */ v(Kh, [["render", sv], ["__scopeId", "data-v-fe97cca0"]]), iv = {
+const I_ = /* @__PURE__ */ v(Xh, [["render", nv], ["__scopeId", "data-v-fe97cca0"]]), av = {
   name: "ecs-rating-star-write",
   emits: ["click"],
   props: {
@@ -12568,52 +12659,52 @@ const x_ = /* @__PURE__ */ v(Kh, [["render", sv], ["__scopeId", "data-v-fe97cca0
       default: 0
     }
   }
-}, vt = (e) => (ve("data-v-37aaedf8"), e = e(), ye(), e), nv = {
+}, vt = (e) => (ve("data-v-37aaedf8"), e = e(), ye(), e), ov = {
   key: 0,
   class: "ecs-rating-reset"
-}, av = { class: "ecs-rating-write" }, ov = ["checked"], rv = /* @__PURE__ */ vt(() => /* @__PURE__ */ f("i", null, null, -1)), lv = ["checked"], cv = /* @__PURE__ */ vt(() => /* @__PURE__ */ f("i", null, null, -1)), dv = ["checked"], uv = /* @__PURE__ */ vt(() => /* @__PURE__ */ f("i", null, null, -1)), fv = ["checked"], gv = /* @__PURE__ */ vt(() => /* @__PURE__ */ f("i", null, null, -1));
-function mv(e, s, t, a, n, i) {
+}, rv = { class: "ecs-rating-write" }, lv = ["checked"], cv = /* @__PURE__ */ vt(() => /* @__PURE__ */ f("i", null, null, -1)), dv = ["checked"], uv = /* @__PURE__ */ vt(() => /* @__PURE__ */ f("i", null, null, -1)), fv = ["checked"], gv = /* @__PURE__ */ vt(() => /* @__PURE__ */ f("i", null, null, -1)), mv = ["checked"], pv = /* @__PURE__ */ vt(() => /* @__PURE__ */ f("i", null, null, -1));
+function hv(e, s, t, a, n, i) {
   return o(), l("div", {
     class: h(["ecs-rating-form", [t.large ? "ecs-rating-form-lg" : ""]])
   }, [
-    t.unrated ? (o(), l("button", nv)) : u("", !0),
-    f("div", av, [
+    t.unrated ? (o(), l("button", ov)) : u("", !0),
+    f("div", rv, [
       f("input", {
         type: "radio",
         value: "1",
         class: "star",
         onClick: s[0] || (s[0] = (r) => e.$emit("click", r)),
         checked: t.value == 1 || null
-      }, null, 8, ov),
-      rv,
+      }, null, 8, lv),
+      cv,
       f("input", {
         type: "radio",
         value: "2",
         class: "star",
         onClick: s[1] || (s[1] = (r) => e.$emit("click", r)),
         checked: t.value == 2 || null
-      }, null, 8, lv),
-      cv,
+      }, null, 8, dv),
+      uv,
       f("input", {
         type: "radio",
         value: "3",
         class: "star",
         onClick: s[2] || (s[2] = (r) => e.$emit("click", r)),
         checked: t.value == 3 || null
-      }, null, 8, dv),
-      uv,
+      }, null, 8, fv),
+      gv,
       f("input", {
         type: "radio",
         value: "4",
         class: "star",
         onClick: s[3] || (s[3] = (r) => e.$emit("click", r)),
         checked: t.value == 4 || null
-      }, null, 8, fv),
-      gv
+      }, null, 8, mv),
+      pv
     ])
   ], 2);
 }
-const B_ = /* @__PURE__ */ v(iv, [["render", mv], ["__scopeId", "data-v-37aaedf8"]]), pv = {
+const E_ = /* @__PURE__ */ v(av, [["render", hv], ["__scopeId", "data-v-37aaedf8"]]), vv = {
   name: "ecs-section",
   props: {
     /** Adds a headline to the section. */
@@ -12662,11 +12753,11 @@ const B_ = /* @__PURE__ */ v(iv, [["render", mv], ["__scopeId", "data-v-37aaedf8
       return `ecs-section-content-padding-${this.contentPadding}`;
     }
   }
-}, hv = {
+}, yv = {
   key: 0,
   class: "ecs-section-controls"
 };
-function vv(e, s, t, a, n, i) {
+function bv(e, s, t, a, n, i) {
   return o(), l("div", {
     class: h(["ecs-section", [
       t.borderTop ? "ecs-section-border-top" : "",
@@ -12680,7 +12771,7 @@ function vv(e, s, t, a, n, i) {
       class: h(["ecs-section-headline", [t.headlineBold ? "ecs-headline-section-bold" : "ecs-headline-section", e.$slots.controls ? "has-buttons" : ""]])
     }, [
       D(w(t.title) + " ", 1),
-      e.$slots.controls ? (o(), l("div", hv, [
+      e.$slots.controls ? (o(), l("div", yv, [
         p(e.$slots, "controls", {}, void 0, !0)
       ])) : u("", !0)
     ], 2)) : u("", !0),
@@ -12694,7 +12785,7 @@ function vv(e, s, t, a, n, i) {
     ], 2)
   ], 2);
 }
-const z_ = /* @__PURE__ */ v(pv, [["render", vv], ["__scopeId", "data-v-06167820"]]), yv = {
+const $_ = /* @__PURE__ */ v(vv, [["render", bv], ["__scopeId", "data-v-06167820"]]), _v = {
   name: "ecs-segments",
   emits: ["click"],
   components: { EcsIcon: M },
@@ -12735,8 +12826,8 @@ const z_ = /* @__PURE__ */ v(pv, [["render", vv], ["__scopeId", "data-v-06167820
     }
   }
   */
-}, bv = ["for"], _v = ["name", "value", "id", "checked", "disabled", "onClick"], kv = ["title"];
-function wv(e, s, t, a, n, i) {
+}, kv = ["for"], wv = ["name", "value", "id", "checked", "disabled", "onClick"], Sv = ["title"];
+function Cv(e, s, t, a, n, i) {
   const r = g("ecs-icon");
   return o(), l("div", {
     class: h(["ecs-segments", [t.inline ? "ecs-segments-inline" : ""]])
@@ -12753,7 +12844,7 @@ function wv(e, s, t, a, n, i) {
         checked: t.value == c.id || null,
         disabled: c.disabled || null,
         onClick: (d) => e.$emit("click", c.id)
-      }, null, 8, _v),
+      }, null, 8, wv),
       f("span", {
         class: "ecs-segment",
         title: c.title
@@ -12766,15 +12857,15 @@ function wv(e, s, t, a, n, i) {
           color: "#2F333C"
         }, null, 8, ["class", "type"])) : u("", !0),
         D(" " + w(c.label), 1)
-      ], 8, kv)
-    ], 8, bv))), 128))
+      ], 8, Sv)
+    ], 8, kv))), 128))
   ], 2);
 }
-const I_ = /* @__PURE__ */ v(yv, [["render", wv], ["__scopeId", "data-v-053b5298"]]), Sv = {
+const P_ = /* @__PURE__ */ v(_v, [["render", Cv], ["__scopeId", "data-v-053b5298"]]), xv = {
   name: "ecs-select-tile",
   emits: ["click"],
   components: {
-    EcsFocusRing: L
+    EcsFocusRing: O
   },
   props: {
     /** The main label for the tile. */
@@ -12810,14 +12901,14 @@ const I_ = /* @__PURE__ */ v(yv, [["render", wv], ["__scopeId", "data-v-053b5298
       default: !1
     }
   }
-}, Cv = (e) => (ve("data-v-00e842c6"), e = e(), ye(), e), xv = ["aria-checked", "tabindex"], Bv = /* @__PURE__ */ Cv(() => /* @__PURE__ */ f("div", { class: "select-check" }, null, -1)), zv = {
+}, Bv = (e) => (ve("data-v-00e842c6"), e = e(), ye(), e), zv = ["aria-checked", "tabindex"], Iv = /* @__PURE__ */ Bv(() => /* @__PURE__ */ f("div", { class: "select-check" }, null, -1)), Ev = {
   key: 1,
   class: "label"
-}, Iv = {
+}, $v = {
   key: 2,
   class: "help"
 };
-function Ev(e, s, t, a, n, i) {
+function Pv(e, s, t, a, n, i) {
   const r = g("ecs-focus-ring");
   return o(), l("div", {
     onClick: s[0] || (s[0] = (c) => e.$emit("click", c)),
@@ -12830,35 +12921,35 @@ function Ev(e, s, t, a, n, i) {
     "aria-checked": t.selected ? "true" : "false",
     tabindex: t.disabled ? "-1" : "0"
   }, [
-    Bv,
+    Iv,
     t.illustration ? (o(), l("div", {
       key: 0,
       class: h(["illustration", t.illustration])
     }, null, 2)) : u("", !0),
-    t.label ? (o(), l("div", zv, w(t.label), 1)) : u("", !0),
-    t.helpText ? (o(), l("div", Iv, w(t.helpText), 1)) : u("", !0),
+    t.label ? (o(), l("div", Ev, w(t.label), 1)) : u("", !0),
+    t.helpText ? (o(), l("div", $v, w(t.helpText), 1)) : u("", !0),
     _(r, {
       inset: -6,
       radius: 12
     })
-  ], 42, xv);
+  ], 42, zv);
 }
-const E_ = /* @__PURE__ */ v(Sv, [["render", Ev], ["__scopeId", "data-v-00e842c6"]]), $v = {
+const T_ = /* @__PURE__ */ v(xv, [["render", Pv], ["__scopeId", "data-v-00e842c6"]]), Tv = {
   name: "ecs-sequence-map"
-}, Pv = {
+}, Mv = {
   class: "ecs-sequence-map",
   role: "navigation",
   "aria-label": "Steps"
 };
-function Tv(e, s, t, a, n, i) {
-  return o(), l("div", Pv, [
+function Ov(e, s, t, a, n, i) {
+  return o(), l("div", Mv, [
     p(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const $_ = /* @__PURE__ */ v($v, [["render", Tv], ["__scopeId", "data-v-69c3c73d"]]), Mv = {
+const M_ = /* @__PURE__ */ v(Tv, [["render", Ov], ["__scopeId", "data-v-69c3c73d"]]), Lv = {
   name: "ecs-sequence-map-button",
   emits: ["click"],
-  components: { EcsIcon: M, EcsFocusRing: L },
+  components: { EcsIcon: M, EcsFocusRing: O },
   props: {
     /** Index of the step. */
     step: {
@@ -12886,8 +12977,8 @@ const $_ = /* @__PURE__ */ v($v, [["render", Tv], ["__scopeId", "data-v-69c3c73d
       default: !1
     }
   }
-}, Lv = (e) => (ve("data-v-9fd5b3f7"), e = e(), ye(), e), Ov = ["aria-busy"], Av = { class: "count" }, Nv = /* @__PURE__ */ Lv(() => /* @__PURE__ */ f("div", { class: "step-indicator" }, null, -1));
-function Dv(e, s, t, a, n, i) {
+}, Av = (e) => (ve("data-v-9fd5b3f7"), e = e(), ye(), e), Nv = ["aria-busy"], Dv = { class: "count" }, Fv = /* @__PURE__ */ Av(() => /* @__PURE__ */ f("div", { class: "step-indicator" }, null, -1));
+function Rv(e, s, t, a, n, i) {
   const r = g("ecs-icon"), c = g("ecs-focus-ring");
   return o(), l("button", {
     onClick: s[0] || (s[0] = (d) => e.$emit("click", d)),
@@ -12899,7 +12990,7 @@ function Dv(e, s, t, a, n, i) {
     ]]),
     "aria-busy": t.loading || null
   }, [
-    f("span", Av, [
+    f("span", Dv, [
       D(w(t.step) + " ", 1),
       t.loading ? (o(), b(r, {
         key: 0,
@@ -12910,10 +13001,10 @@ function Dv(e, s, t, a, n, i) {
     ]),
     p(e.$slots, "default", {}, void 0, !0),
     _(c, { inset: 4 }),
-    Nv
-  ], 10, Ov);
+    Fv
+  ], 10, Nv);
 }
-const P_ = /* @__PURE__ */ v(Mv, [["render", Dv], ["__scopeId", "data-v-9fd5b3f7"]]), Fv = {
+const O_ = /* @__PURE__ */ v(Lv, [["render", Rv], ["__scopeId", "data-v-9fd5b3f7"]]), Vv = {
   name: "ecs-tab-bar",
   props: {
     /** Determines the visual style of the tab bar. `standard` are regular tabs, `sidebar` should only be used for the tab bar that controls sidebar tabs, `segment` is a tab bar that visually looks the same as an ecs-segment control, `sheet` should be used for table sheets, and `modal` for tabs that are inside ecs-modal headers. */
@@ -12938,7 +13029,7 @@ const P_ = /* @__PURE__ */ v(Mv, [["render", Dv], ["__scopeId", "data-v-9fd5b3f7
     }
   }
 };
-function Rv(e, s, t, a, n, i) {
+function Hv(e, s, t, a, n, i) {
   return o(), l("div", {
     class: h(["ecs-tab-bar", [i.typeClass, i.directionClass]]),
     role: "tablist"
@@ -12946,7 +13037,7 @@ function Rv(e, s, t, a, n, i) {
     p(e.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-const Vv = /* @__PURE__ */ v(Fv, [["render", Rv], ["__scopeId", "data-v-aadcd808"]]), Hv = {
+const qv = /* @__PURE__ */ v(Vv, [["render", Hv], ["__scopeId", "data-v-aadcd808"]]), Wv = {
   name: "ecs-tabs",
   props: {
     /** Sets the height of the tabs area to 100%. */
@@ -12956,18 +13047,18 @@ const Vv = /* @__PURE__ */ v(Fv, [["render", Rv], ["__scopeId", "data-v-aadcd808
     }
   }
 };
-function qv(e, s, t, a, n, i) {
+function jv(e, s, t, a, n, i) {
   return o(), l("div", {
     class: h(["ecs-tab-content", [t.fill ? "ecs-tab-content-fill" : ""]])
   }, [
     p(e.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-const Wv = /* @__PURE__ */ v(Hv, [["render", qv], ["__scopeId", "data-v-0fe19168"]]), jv = {
+const Uv = /* @__PURE__ */ v(Wv, [["render", jv], ["__scopeId", "data-v-0fe19168"]]), Gv = {
   name: "ecs-sidebar",
   components: {
-    EcsTabBar: Vv,
-    EcsTabs: Wv
+    EcsTabBar: qv,
+    EcsTabs: Uv
   },
   props: {
     /** Expands the sidebar. */
@@ -12998,14 +13089,14 @@ const Wv = /* @__PURE__ */ v(Hv, [["render", qv], ["__scopeId", "data-v-0fe19168
       return this.expanded ? "height: calc(100% - 10px)" : "height:" + (2 + 36 * this.tabCount) + "px";
     }
   }
-}, Uv = { class: "ecs-sidebar-tabs" };
-function Gv(e, s, t, a, n, i) {
+}, Kv = { class: "ecs-sidebar-tabs" };
+function Yv(e, s, t, a, n, i) {
   const r = g("ecs-tab-bar"), c = g("ecs-tabs");
   return o(), l("aside", {
     class: h(["ecs-sidebar", [i.sizeClass, i.expandClass]]),
-    style: B(i.height)
+    style: x(i.height)
   }, [
-    f("div", Uv, [
+    f("div", Kv, [
       _(r, { type: "sidebar" }, {
         default: S(() => [
           p(e.$slots, "tab-buttons", {}, void 0, !0)
@@ -13021,7 +13112,7 @@ function Gv(e, s, t, a, n, i) {
     })
   ], 6);
 }
-const T_ = /* @__PURE__ */ v(jv, [["render", Gv], ["__scopeId", "data-v-5e877161"]]), Kv = {
+const L_ = /* @__PURE__ */ v(Gv, [["render", Yv], ["__scopeId", "data-v-5e877161"]]), Xv = {
   name: "ecs-sidebar-content",
   props: {
     /** Adds an inner padding to the content area. */
@@ -13036,7 +13127,7 @@ const T_ = /* @__PURE__ */ v(jv, [["render", Gv], ["__scopeId", "data-v-5e877161
     }
   }
 };
-function Yv(e, s, t, a, n, i) {
+function Zv(e, s, t, a, n, i) {
   return o(), l("div", {
     class: h(["ecs-sidebar-content scrollbar", [
       t.indent ? "ecs-sidebar-content-indent" : "",
@@ -13046,7 +13137,7 @@ function Yv(e, s, t, a, n, i) {
     p(e.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-const M_ = /* @__PURE__ */ v(Kv, [["render", Yv], ["__scopeId", "data-v-197087d5"]]), Xv = {
+const A_ = /* @__PURE__ */ v(Xv, [["render", Zv], ["__scopeId", "data-v-197087d5"]]), Jv = {
   name: "ecs-sidebar-footer",
   props: {
     /** Reduces the inner padding. */
@@ -13056,7 +13147,7 @@ const M_ = /* @__PURE__ */ v(Kv, [["render", Yv], ["__scopeId", "data-v-197087d5
     }
   }
 };
-function Zv(e, s, t, a, n, i) {
+function Qv(e, s, t, a, n, i) {
   return o(), l("footer", {
     class: h(["ecs-sidebar-footer", [e.$slots.extension ? "has-extension" : ""]])
   }, [
@@ -13074,7 +13165,7 @@ function Zv(e, s, t, a, n, i) {
     ], 2)
   ], 2);
 }
-const L_ = /* @__PURE__ */ v(Xv, [["render", Zv], ["__scopeId", "data-v-0c35a678"]]), Jv = {
+const N_ = /* @__PURE__ */ v(Jv, [["render", Qv], ["__scopeId", "data-v-0c35a678"]]), ey = {
   name: "ecs-sidebar-header",
   props: {
     /** Determines if the sub header area should be expanded. */
@@ -13093,29 +13184,29 @@ const L_ = /* @__PURE__ */ v(Xv, [["render", Zv], ["__scopeId", "data-v-0c35a678
       return this.$slots["primary-controls"] && this.$slots.default;
     }
   }
-}, Qv = { class: "ecs-sidebar-header" }, ey = {
+}, ty = { class: "ecs-sidebar-header" }, sy = {
   key: 0,
   class: "ecs-sidebar-header-row"
-}, ty = { class: "ecs-sidebar-header-title" }, sy = { class: "ecs-sidebar-header-controls" }, iy = {
+}, iy = { class: "ecs-sidebar-header-title" }, ny = { class: "ecs-sidebar-header-controls" }, ay = {
   key: 0,
   class: "ecs-sidebar-header-row sub-header"
-}, ny = {
+}, oy = {
   key: 0,
   class: "ecs-sidebar-header-row sub-header"
 };
-function ay(e, s, t, a, n, i) {
-  return o(), l("header", Qv, [
-    i.hasPrimaryRowContents ? (o(), l("div", ey, [
-      f("div", ty, [
+function ry(e, s, t, a, n, i) {
+  return o(), l("header", ty, [
+    i.hasPrimaryRowContents ? (o(), l("div", sy, [
+      f("div", iy, [
         p(e.$slots, "default", {}, void 0, !0)
       ]),
-      f("div", sy, [
+      f("div", ny, [
         p(e.$slots, "primary-controls", {}, void 0, !0)
       ])
     ])) : u("", !0),
     _(ke, { name: "expansion" }, {
       default: S(() => [
-        t.subHeaderExpanded && e.$slots.subheader ? (o(), l("div", iy, [
+        t.subHeaderExpanded && e.$slots.subheader ? (o(), l("div", ay, [
           p(e.$slots, "subheader", {}, void 0, !0)
         ])) : u("", !0)
       ]),
@@ -13123,7 +13214,7 @@ function ay(e, s, t, a, n, i) {
     }),
     _(ke, { name: "expansion" }, {
       default: S(() => [
-        t.tertiaryHeaderExpanded && e.$slots.tertiaryheader ? (o(), l("div", ny, [
+        t.tertiaryHeaderExpanded && e.$slots.tertiaryheader ? (o(), l("div", oy, [
           p(e.$slots, "tertiaryheader", {}, void 0, !0)
         ])) : u("", !0)
       ]),
@@ -13131,7 +13222,7 @@ function ay(e, s, t, a, n, i) {
     })
   ]);
 }
-const O_ = /* @__PURE__ */ v(Jv, [["render", ay], ["__scopeId", "data-v-7cdb47d7"]]), oy = {
+const D_ = /* @__PURE__ */ v(ey, [["render", ry], ["__scopeId", "data-v-7cdb47d7"]]), ly = {
   name: "ecs-structured-content",
   props: {
     /** Wraps the right column into a separate row, leaving more space for each column. */
@@ -13140,23 +13231,23 @@ const O_ = /* @__PURE__ */ v(Jv, [["render", ay], ["__scopeId", "data-v-7cdb47d7
       default: !1
     }
   }
-}, ry = { class: "ecs-structured-content-left" }, ly = {
+}, cy = { class: "ecs-structured-content-left" }, dy = {
   key: 0,
   class: "ecs-structured-content-right"
 };
-function cy(e, s, t, a, n, i) {
+function uy(e, s, t, a, n, i) {
   return o(), l("div", {
     class: h(["ecs-structured-content", t.vertical ? "ecs-structured-content-vertical" : ""])
   }, [
-    f("div", ry, [
+    f("div", cy, [
       p(e.$slots, "default", {}, void 0, !0)
     ]),
-    e.$slots.extend ? (o(), l("div", ly, [
+    e.$slots.extend ? (o(), l("div", dy, [
       p(e.$slots, "extend", {}, void 0, !0)
     ])) : u("", !0)
   ], 2);
 }
-const A_ = /* @__PURE__ */ v(oy, [["render", cy], ["__scopeId", "data-v-cec887e2"]]), dy = {
+const F_ = /* @__PURE__ */ v(ly, [["render", uy], ["__scopeId", "data-v-cec887e2"]]), fy = {
   name: "ecs-swatches-picker",
   emits: ["update:modelValue"],
   props: {
@@ -13207,8 +13298,8 @@ const A_ = /* @__PURE__ */ v(oy, [["render", cy], ["__scopeId", "data-v-cec887e2
       this.selectedTitle = this.swatches[this.swatches.findIndex((e) => e.hex === this.selectedColor)].title;
     }
   }
-}, uy = ["onClick", "onKeydown", "title", "aria-label", "aria-checked"];
-function fy(e, s, t, a, n, i) {
+}, gy = ["onClick", "onKeydown", "title", "aria-label", "aria-checked"];
+function my(e, s, t, a, n, i) {
   return o(), l("div", {
     class: h(["ecs-swatches", i.sizeClass]),
     role: "radiogroup"
@@ -13226,11 +13317,11 @@ function fy(e, s, t, a, n, i) {
       "aria-label": r.title,
       "aria-checked": n.selectedColor == r.hex ? "true" : "false",
       class: h(["ecs-swatches-color", n.selectedColor == r.hex ? "active" : ""]),
-      style: B({ backgroundColor: r.hex, color: r.hex })
-    }, null, 46, uy))), 128))
+      style: x({ backgroundColor: r.hex, color: r.hex })
+    }, null, 46, gy))), 128))
   ], 2);
 }
-const N_ = /* @__PURE__ */ v(dy, [["render", fy], ["__scopeId", "data-v-74fe1e26"]]), gy = {
+const R_ = /* @__PURE__ */ v(fy, [["render", my], ["__scopeId", "data-v-74fe1e26"]]), py = {
   name: "ecs-tab",
   props: {
     /** Shows this tab. */
@@ -13263,23 +13354,23 @@ const N_ = /* @__PURE__ */ v(dy, [["render", fy], ["__scopeId", "data-v-74fe1e26
   mounted() {
     !this.ariaLabeledBy || this.ariaLabeledBy.trim();
   }
-}, my = ["aria-labelledby"];
-function py(e, s, t, a, n, i) {
+}, hy = ["aria-labelledby"];
+function vy(e, s, t, a, n, i) {
   return o(), l("div", {
     class: h(["ecs-tab-pane", [t.show ? "show" : "", t.flex ? "ecs-tab-pane-flex" : "", i.directionClass]]),
     role: "tabpanel",
     "aria-labelledby": t.ariaLabeledBy
   }, [
     p(e.$slots, "default", {}, void 0, !0)
-  ], 10, my);
+  ], 10, hy);
 }
-const D_ = /* @__PURE__ */ v(gy, [["render", py], ["__scopeId", "data-v-2c119fff"]]), hy = {
+const V_ = /* @__PURE__ */ v(py, [["render", vy], ["__scopeId", "data-v-2c119fff"]]), yy = {
   name: "ecs-tab-button",
   emits: ["click"],
   components: {
     EcsIcon: M,
     EcsSticker: Re,
-    EcsFocusRing: L
+    EcsFocusRing: O
   },
   props: {
     /** Makes the tab button smaller as it's designed to be a sub tab button of a larger one. Sub tabs do only work with the `standard` tab bar style. */
@@ -13349,11 +13440,11 @@ const D_ = /* @__PURE__ */ v(gy, [["render", py], ["__scopeId", "data-v-2c119fff
       }
     }
   }
-}, vy = (e) => (ve("data-v-dd796dff"), e = e(), ye(), e), yy = ["disabled", "aria-selected", "aria-controls", "aria-label"], by = {
+}, by = (e) => (ve("data-v-dd796dff"), e = e(), ye(), e), _y = ["disabled", "aria-selected", "aria-controls", "aria-label"], ky = {
   key: 2,
   class: "shortcut"
-}, _y = /* @__PURE__ */ vy(() => /* @__PURE__ */ f("span", { class: "hover" }, null, -1));
-function ky(e, s, t, a, n, i) {
+}, wy = /* @__PURE__ */ by(() => /* @__PURE__ */ f("span", { class: "hover" }, null, -1));
+function Sy(e, s, t, a, n, i) {
   const r = g("ecs-icon"), c = g("ecs-sticker"), d = g("ecs-focus-ring");
   return o(), l("button", {
     class: h(["ecs-tab-button", [
@@ -13379,15 +13470,15 @@ function ky(e, s, t, a, n, i) {
       type: t.sticker
     }, null, 8, ["type"])) : u("", !0),
     p(e.$slots, "default", {}, void 0, !0),
-    t.shortcut ? (o(), l("span", by, w(t.shortcut), 1)) : u("", !0),
+    t.shortcut ? (o(), l("span", ky, w(t.shortcut), 1)) : u("", !0),
     _(d, { inset: 0 }),
-    _y
-  ], 10, yy);
+    wy
+  ], 10, _y);
 }
-const F_ = /* @__PURE__ */ v(hy, [["render", ky], ["__scopeId", "data-v-dd796dff"]]), wy = {
+const H_ = /* @__PURE__ */ v(yy, [["render", Sy], ["__scopeId", "data-v-dd796dff"]]), Cy = {
   name: "ecs-tag",
   emits: ["click"],
-  components: { EcsSkeletonLoader: Ce, EcsFocusRing: L },
+  components: { EcsSkeletonLoader: Ce, EcsFocusRing: O },
   props: {
     /** Determines the visual style of the tag. */
     type: {
@@ -13463,11 +13554,11 @@ const F_ = /* @__PURE__ */ v(hy, [["render", ky], ["__scopeId", "data-v-dd796dff
       this.$emit("click", e);
     }
   }
-}, Sy = ["role", "tabindex", "aria-busy"], Cy = ["title"], xy = {
+}, xy = ["role", "tabindex", "aria-busy"], By = ["title"], zy = {
   key: 1,
   class: "count"
 };
-function By(e, s, t, a, n, i) {
+function Iy(e, s, t, a, n, i) {
   const r = g("ecs-skeleton-loader"), c = g("ecs-focus-ring");
   return o(), l("span", {
     class: h(["ecs-tag", [
@@ -13477,7 +13568,7 @@ function By(e, s, t, a, n, i) {
       t.loading ? "loading" : ""
     ]]),
     onClick: s[0] || (s[0] = (...d) => i.handleClick && i.handleClick(...d)),
-    style: B(i.customColorStyle),
+    style: x(i.customColorStyle),
     role: t.hover ? "button" : !1,
     tabindex: t.hover ? "0" : "-1",
     "aria-busy": t.loading || null
@@ -13486,9 +13577,9 @@ function By(e, s, t, a, n, i) {
       key: 0,
       class: "path",
       title: t.path
-    }, w(i.truncatedPath), 9, Cy)) : u("", !0),
+    }, w(i.truncatedPath), 9, By)) : u("", !0),
     p(e.$slots, "default", {}, void 0, !0),
-    t.count ? (o(), l("span", xy, w(t.count), 1)) : u("", !0),
+    t.count ? (o(), l("span", zy, w(t.count), 1)) : u("", !0),
     t.loading ? (o(), b(r, {
       key: 2,
       type: "single",
@@ -13496,23 +13587,23 @@ function By(e, s, t, a, n, i) {
       style: { width: "calc(100% - 20px)" }
     })) : u("", !0),
     _(c)
-  ], 14, Sy);
+  ], 14, xy);
 }
-const R_ = /* @__PURE__ */ v(wy, [["render", By], ["__scopeId", "data-v-877749ec"]]), zy = {
+const q_ = /* @__PURE__ */ v(Cy, [["render", Iy], ["__scopeId", "data-v-877749ec"]]), Ey = {
   name: "ecs-tag-cloud"
-}, Iy = {
+}, $y = {
   class: "ecs-tag-cloud",
   role: "list"
 };
-function Ey(e, s, t, a, n, i) {
-  return o(), l("div", Iy, [
+function Py(e, s, t, a, n, i) {
+  return o(), l("div", $y, [
     p(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const V_ = /* @__PURE__ */ v(zy, [["render", Ey], ["__scopeId", "data-v-4334fe7e"]]), $y = {
+const W_ = /* @__PURE__ */ v(Ey, [["render", Py], ["__scopeId", "data-v-4334fe7e"]]), Ty = {
   name: "ecs-toast",
   emits: ["action"],
-  components: { EcsFocusRing: L },
+  components: { EcsFocusRing: O },
   props: {
     /** Determines the visual theme of the toast message. */
     theme: {
@@ -13532,7 +13623,7 @@ const V_ = /* @__PURE__ */ v(zy, [["render", Ey], ["__scopeId", "data-v-4334fe7e
     }
   }
 };
-function Py(e, s, t, a, n, i) {
+function My(e, s, t, a, n, i) {
   const r = g("ecs-focus-ring");
   return o(), l("div", {
     class: h(["ecs-toast", i.typeClass]),
@@ -13554,14 +13645,14 @@ function Py(e, s, t, a, n, i) {
     ])) : u("", !0)
   ], 2);
 }
-const H_ = /* @__PURE__ */ v($y, [["render", Py], ["__scopeId", "data-v-86de0a28"]]), Ty = {
+const j_ = /* @__PURE__ */ v(Ty, [["render", My], ["__scopeId", "data-v-86de0a28"]]), Oy = {
   name: "ecs-toasts"
-}, My = {
+}, Ly = {
   class: "ecs-toasts",
   "aria-live": "polite"
 };
-function Ly(e, s, t, a, n, i) {
-  return o(), l("div", My, [
+function Ay(e, s, t, a, n, i) {
+  return o(), l("div", Ly, [
     _(ci, { name: "transition-toast" }, {
       default: S(() => [
         p(e.$slots, "default", {}, void 0, !0)
@@ -13570,7 +13661,7 @@ function Ly(e, s, t, a, n, i) {
     })
   ]);
 }
-const q_ = /* @__PURE__ */ v(Ty, [["render", Ly], ["__scopeId", "data-v-451fee48"]]), Oy = {
+const U_ = /* @__PURE__ */ v(Oy, [["render", Ay], ["__scopeId", "data-v-451fee48"]]), Ny = {
   name: "ecs-transcript-state",
   emits: ["click"],
   components: {
@@ -13589,20 +13680,20 @@ const q_ = /* @__PURE__ */ v(Ty, [["render", Ly], ["__scopeId", "data-v-451fee48
       default: !1
     }
   }
-}, Ay = ["aria-busy"], Ny = {
+}, Dy = ["aria-busy"], Fy = {
   key: 0,
   class: "healthy"
-}, Dy = {
+}, Ry = {
   key: 1,
   class: "repairing"
-}, Fy = {
+}, Vy = {
   key: 2,
   class: "corrupted"
-}, Ry = {
+}, Hy = {
   key: 3,
   class: "loading"
 };
-function Vy(e, s, t, a, n, i) {
+function qy(e, s, t, a, n, i) {
   const r = g("ecs-icon");
   return o(), l("div", {
     onClick: s[0] || (s[0] = (c) => e.$emit("click", c)),
@@ -13613,19 +13704,19 @@ function Vy(e, s, t, a, n, i) {
       type: "toolbar-transcript",
       color: "#929AA9"
     }),
-    t.state == "healthy" ? (o(), l("div", Ny)) : u("", !0),
-    t.state == "repairing" ? (o(), l("div", Dy)) : u("", !0),
-    t.state == "corrupted" ? (o(), l("div", Fy)) : u("", !0),
-    t.state == "loading" ? (o(), l("span", Ry, [
+    t.state == "healthy" ? (o(), l("div", Fy)) : u("", !0),
+    t.state == "repairing" ? (o(), l("div", Ry)) : u("", !0),
+    t.state == "corrupted" ? (o(), l("div", Vy)) : u("", !0),
+    t.state == "loading" ? (o(), l("span", Hy, [
       _(r, {
         type: "loading",
         size: "18px",
         color: "#202127"
       })
     ])) : u("", !0)
-  ], 10, Ay);
+  ], 10, Dy);
 }
-const W_ = /* @__PURE__ */ v(Oy, [["render", Vy], ["__scopeId", "data-v-9ceb80a6"]]), Hy = {
+const G_ = /* @__PURE__ */ v(Ny, [["render", qy], ["__scopeId", "data-v-9ceb80a6"]]), Wy = {
   name: "ecs-tree-list",
   props: {
     /** Optional unique ID for the list. */
@@ -13644,20 +13735,20 @@ const W_ = /* @__PURE__ */ v(Oy, [["render", Vy], ["__scopeId", "data-v-9ceb80a6
       default: !1
     }
   }
-}, qy = ["id", "role"];
-function Wy(e, s, t, a, n, i) {
+}, jy = ["id", "role"];
+function Uy(e, s, t, a, n, i) {
   return o(), l("div", {
     class: h(["ecs-tree-view-list", { "ecs-tree-view-list-indent": t.indent }]),
     id: t.id,
     role: t.role
   }, [
     p(e.$slots, "default", {}, void 0, !0)
-  ], 10, qy);
+  ], 10, jy);
 }
-const j_ = /* @__PURE__ */ v(Hy, [["render", Wy], ["__scopeId", "data-v-6af94f50"]]), jy = {
+const K_ = /* @__PURE__ */ v(Wy, [["render", Uy], ["__scopeId", "data-v-6af94f50"]]), Gy = {
   name: "ecs-tree-list-item",
   emits: ["click", "toggled"],
-  components: { EcsIcon: M, EcsButtonCollapse: Os, EcsFocusRing: L },
+  components: { EcsIcon: M, EcsButtonCollapse: Ls, EcsFocusRing: O },
   mixins: [ue],
   props: {
     /** ID for the Tree List Item */
@@ -13781,14 +13872,14 @@ const j_ = /* @__PURE__ */ v(Hy, [["render", Wy], ["__scopeId", "data-v-6af94f50
   created() {
     this.expandId = this.generateUniqueId();
   }
-}, Uy = ["tabindex"], Gy = {
+}, Ky = ["tabindex"], Yy = {
   key: 3,
   class: "ecs-tree-view-entry-control"
-}, Ky = {
+}, Xy = {
   key: 5,
   class: "ecs-tree-view-entry-actions"
-}, Yy = ["id", "aria-hidden"];
-function Xy(e, s, t, a, n, i) {
+}, Zy = ["id", "aria-hidden"];
+function Jy(e, s, t, a, n, i) {
   const r = g("ecs-focus-ring"), c = g("ecs-button-collapse"), d = g("ecs-icon");
   return o(), l("div", null, [
     f("div", {
@@ -13823,7 +13914,7 @@ function Xy(e, s, t, a, n, i) {
         color: t.iconColor,
         size: i.iconSize
       }, null, 8, ["type", "color", "size"])) : u("", !0),
-      e.$slots.control ? (o(), l("div", Gy, [
+      e.$slots.control ? (o(), l("div", Yy, [
         p(e.$slots, "control", {}, void 0, !0)
       ])) : u("", !0),
       f("span", {
@@ -13837,10 +13928,10 @@ function Xy(e, s, t, a, n, i) {
         onClick: s[1] || (s[1] = (m) => e.$emit("click", m)),
         class: "after-label"
       }, w(t.afterLabel), 1)) : u("", !0),
-      e.$slots.actions ? (o(), l("div", Ky, [
+      e.$slots.actions ? (o(), l("div", Xy, [
         p(e.$slots, "actions", {}, void 0, !0)
       ])) : u("", !0)
-    ], 42, Uy),
+    ], 42, Ky),
     e.$slots.collapse ? (o(), l("div", {
       key: 0,
       class: h(n.isVisible ? "collapse-show" : "collapse-hide"),
@@ -13848,21 +13939,21 @@ function Xy(e, s, t, a, n, i) {
       "aria-hidden": n.isVisible ? "false" : "true"
     }, [
       p(e.$slots, "collapse", {}, void 0, !0)
-    ], 10, Yy)) : u("", !0)
+    ], 10, Zy)) : u("", !0)
   ]);
 }
-const U_ = /* @__PURE__ */ v(jy, [["render", Xy], ["__scopeId", "data-v-b0532193"]]), Zy = {
+const Y_ = /* @__PURE__ */ v(Gy, [["render", Jy], ["__scopeId", "data-v-b0532193"]]), Qy = {
   name: "ecs-tree-list-headline"
-}, Jy = { class: "ecs-tree-view-headline" };
-function Qy(e, s, t, a, n, i) {
-  return o(), l("div", Jy, [
+}, eb = { class: "ecs-tree-view-headline" };
+function tb(e, s, t, a, n, i) {
+  return o(), l("div", eb, [
     p(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const G_ = /* @__PURE__ */ v(Zy, [["render", Qy], ["__scopeId", "data-v-a5153e06"]]), eb = {
+const X_ = /* @__PURE__ */ v(Qy, [["render", tb], ["__scopeId", "data-v-a5153e06"]]), sb = {
   name: "EcsTypeConfirmation",
   emits: ["update:modelValue"],
-  components: { EcsInput: sm, EcsAlert: ks, EcsFormGroup: Eg },
+  components: { EcsInput: nm, EcsAlert: ks, EcsFormGroup: Eg },
   mixins: [ue],
   props: {
     verb: {
@@ -13906,8 +13997,8 @@ const G_ = /* @__PURE__ */ v(Zy, [["render", Qy], ["__scopeId", "data-v-a5153e06
   mounted() {
     this.uniqueId = "input-" + this.generateUniqueId();
   }
-}, tb = ["for"], sb = { class: "ecs-type-confirmation-verb" }, ib = ["for"], nb = { class: "ecs-type-confirmation-verb" };
-function ab(e, s, t, a, n, i) {
+}, ib = ["for"], nb = { class: "ecs-type-confirmation-verb" }, ab = ["for"], ob = { class: "ecs-type-confirmation-verb" };
+function rb(e, s, t, a, n, i) {
   const r = g("ecs-input"), c = g("ecs-form-group"), d = g("ecs-alert");
   return t.alertType != "none" ? (o(), b(d, {
     key: 0,
@@ -13918,7 +14009,7 @@ function ab(e, s, t, a, n, i) {
       p(e.$slots, "default", {}, void 0, !0),
       _(c, { class: "ecs-type-confirmation-input" }, {
         default: S(() => [
-          f("label", { for: n.uniqueId }, "To complete this action, please enter " + w(i.upperCaseVerb) + ":", 9, tb),
+          f("label", { for: n.uniqueId }, "To complete this action, please enter " + w(i.upperCaseVerb) + ":", 9, ib),
           _(r, {
             modelValue: n.inputValue,
             "onUpdate:modelValue": s[0] || (s[0] = (m) => n.inputValue = m),
@@ -13927,7 +14018,7 @@ function ab(e, s, t, a, n, i) {
             id: n.uniqueId,
             style: { "text-transform": "uppercase" }
           }, null, 8, ["modelValue", "onInput", "error", "id"]),
-          f("span", sb, w(i.upperCaseVerb), 1)
+          f("span", nb, w(i.upperCaseVerb), 1)
         ]),
         _: 1
       })
@@ -13938,7 +14029,7 @@ function ab(e, s, t, a, n, i) {
     class: "ecs-type-confirmation-input"
   }, {
     default: S(() => [
-      f("label", { for: n.uniqueId }, "To complete this action, please enter " + w(i.upperCaseVerb) + ":", 9, ib),
+      f("label", { for: n.uniqueId }, "To complete this action, please enter " + w(i.upperCaseVerb) + ":", 9, ab),
       _(r, {
         modelValue: n.inputValue,
         "onUpdate:modelValue": s[1] || (s[1] = (m) => n.inputValue = m),
@@ -13947,12 +14038,12 @@ function ab(e, s, t, a, n, i) {
         id: n.uniqueId,
         style: { "text-transform": "uppercase" }
       }, null, 8, ["modelValue", "onInput", "error", "id"]),
-      f("span", nb, w(i.upperCaseVerb), 1)
+      f("span", ob, w(i.upperCaseVerb), 1)
     ]),
     _: 1
   }));
 }
-const K_ = /* @__PURE__ */ v(eb, [["render", ab], ["__scopeId", "data-v-784286f6"]]), ob = {
+const Z_ = /* @__PURE__ */ v(sb, [["render", rb], ["__scopeId", "data-v-784286f6"]]), lb = {
   name: "ecs-video",
   props: {
     /** URL to an optional poster image. */
@@ -13991,8 +14082,8 @@ const K_ = /* @__PURE__ */ v(eb, [["render", ab], ["__scopeId", "data-v-784286f6
     }
     */
   }
-}, rb = ["poster", "autoplay", "loop", "controls", "src"];
-function lb(e, s, t, a, n, i) {
+}, cb = ["poster", "autoplay", "loop", "controls", "src"];
+function db(e, s, t, a, n, i) {
   return o(), l("video", {
     poster: t.posterImage,
     autoplay: t.autoplay,
@@ -14000,149 +14091,150 @@ function lb(e, s, t, a, n, i) {
     controls: t.controls,
     class: "ecs-video",
     src: t.mp4Source
-  }, null, 8, rb);
+  }, null, 8, cb);
 }
-const Y_ = /* @__PURE__ */ v(ob, [["render", lb], ["__scopeId", "data-v-ce84fcb3"]]);
+const J_ = /* @__PURE__ */ v(lb, [["render", db], ["__scopeId", "data-v-ce84fcb3"]]);
 export {
   wi as EcsActionToolbar,
   ks as EcsAlert,
-  db as EcsAudio,
+  fb as EcsAudio,
   Mi as EcsAvatar,
-  ub as EcsBanner,
-  fb as EcsBreadcrumb,
-  gb as EcsBreadcrumbButton,
-  mb as EcsBreadcrumbTitle,
-  pb as EcsBulkSelector,
+  gb as EcsBanner,
+  mb as EcsBreadcrumb,
+  pb as EcsBreadcrumbButton,
+  hb as EcsBreadcrumbTitle,
+  vb as EcsBulkSelector,
   Se as EcsButton,
-  Os as EcsButtonCollapse,
-  vb as EcsButtonContext,
-  yb as EcsButtonContextGroup,
-  bb as EcsButtonDialog,
-  hb as EcsButtonGroup,
+  Ls as EcsButtonCollapse,
+  bb as EcsButtonContext,
+  _b as EcsButtonContextGroup,
+  kb as EcsButtonDialog,
+  yb as EcsButtonGroup,
   Ds as EcsButtonMore,
   Fs as EcsButtonTable,
   pt as EcsButtonToolbar,
   Ht as EcsButtonToolbarGroup,
-  _b as EcsButtonToolbarIcon,
-  kb as EcsCard,
+  wb as EcsButtonToolbarIcon,
+  Sb as EcsCard,
   Vt as EcsCheckbox,
-  wb as EcsCitationLine,
-  Cb as EcsCollapse,
-  xb as EcsCollectionControl,
+  Cb as EcsCitationLine,
+  Bb as EcsCollapse,
+  zb as EcsCollectionControl,
   bd as EcsColorPicker,
-  Ib as EcsColorPickerInput,
-  Bb as EcsComment,
-  zb as EcsCommentList,
-  Sb as EcsContextMenu,
-  Eb as EcsDataCard,
-  $b as EcsDataCardList,
-  Pb as EcsDataGrid,
-  Ob as EcsDataGridCell,
-  Lb as EcsDataGridGroup,
-  Mb as EcsDataGridHeadCell,
+  $b as EcsColorPickerInput,
+  Ib as EcsComment,
+  Eb as EcsCommentList,
+  xb as EcsContextMenu,
+  Pb as EcsDataCard,
+  Tb as EcsDataCardList,
+  Mb as EcsDataGrid,
+  Nb as EcsDataGridCell,
+  Ab as EcsDataGridGroup,
+  Lb as EcsDataGridHeadCell,
   Gd as EcsDataGridRow,
-  Tb as EcsDataGridRowGroup,
-  Ab as EcsDataList,
-  Nb as EcsDataListItem,
-  Db as EcsDialog,
-  Fb as EcsDialogHeader,
-  Rb as EcsDirectoryEntry,
-  Vb as EcsDocumentState,
-  Hb as EcsDonutChart,
-  qb as EcsDropzone,
+  Ob as EcsDataGridRowGroup,
+  Db as EcsDataList,
+  Fb as EcsDataListItem,
+  Rb as EcsDialog,
+  Vb as EcsDialogHeader,
+  Hb as EcsDirectoryEntry,
+  qb as EcsDocumentState,
+  Wb as EcsDonutChart,
+  jb as EcsDropzone,
   mf as EcsEmptyState,
-  Wb as EcsEntryLink,
-  jb as EcsExcerptSnippet,
+  Ub as EcsEntryLink,
+  Gb as EcsExcerptSnippet,
   Wu as EcsFavicon,
-  Ls as EcsFileIcon,
-  Gb as EcsFileList,
-  Kb as EcsFileListItem,
-  Ub as EcsFillIcon,
-  Yb as EcsFlag,
+  Os as EcsFileIcon,
+  Yb as EcsFileList,
+  Xb as EcsFileListItem,
+  Kb as EcsFillIcon,
+  Zb as EcsFlag,
   dg as EcsFlexCol,
   Te as EcsFlexRow,
-  L as EcsFocusRing,
-  Xb as EcsFolderSelector,
+  O as EcsFocusRing,
+  Jb as EcsFolderSelector,
   Rt as EcsFormCheck,
   Eg as EcsFormGroup,
-  Zb as EcsFormHeadline,
-  Jb as EcsFormSet,
+  Qb as EcsFormHeadline,
+  e_ as EcsFormSet,
   Rs as EcsFormatted,
+  t_ as EcsHighlight,
   M as EcsIcon,
-  Qb as EcsIndexToolbar,
-  e_ as EcsInfoTooltip,
-  sm as EcsInput,
-  t_ as EcsInputAddon,
+  s_ as EcsIndexToolbar,
+  i_ as EcsInfoTooltip,
+  nm as EcsInput,
+  n_ as EcsInputAddon,
   pg as EcsInputClear,
-  s_ as EcsInputConnector,
-  i_ as EcsInputFloat,
-  n_ as EcsInputGroup,
+  a_ as EcsInputConnector,
+  o_ as EcsInputFloat,
+  r_ as EcsInputGroup,
   bg as EcsInputSearch,
-  a_ as EcsJumperDocument,
-  o_ as EcsJumperIndex,
-  r_ as EcsJumperPage,
-  d_ as EcsLayoutDataTable,
-  c_ as EcsLayoutDirectory,
-  l_ as EcsLayoutIndex,
-  u_ as EcsLegendItem,
-  f_ as EcsLogMessage,
-  g_ as EcsMap,
-  m_ as EcsModal,
-  h_ as EcsModalFooter,
-  p_ as EcsModalHeader,
-  b_ as EcsMultiselectOption,
-  v_ as EcsMultiselectSearchToken,
-  y_ as EcsMultiselectToken,
-  __ as EcsOverlay,
-  k_ as EcsPagination,
-  Rm as EcsPane,
-  w_ as EcsPartyEntry,
+  l_ as EcsJumperDocument,
+  c_ as EcsJumperIndex,
+  d_ as EcsJumperPage,
+  g_ as EcsLayoutDataTable,
+  f_ as EcsLayoutDirectory,
+  u_ as EcsLayoutIndex,
+  m_ as EcsLegendItem,
+  p_ as EcsLogMessage,
+  h_ as EcsMap,
+  v_ as EcsModal,
+  b_ as EcsModalFooter,
+  y_ as EcsModalHeader,
+  w_ as EcsMultiselectOption,
+  __ as EcsMultiselectSearchToken,
+  k_ as EcsMultiselectToken,
+  S_ as EcsOverlay,
+  C_ as EcsPagination,
+  Hm as EcsPane,
+  x_ as EcsPartyEntry,
   Ts as EcsPopover,
-  S_ as EcsPopoverHeader,
+  B_ as EcsPopoverHeader,
   ua as EcsPopoverList,
-  C_ as EcsPopoverListHeadline,
+  z_ as EcsPopoverListHeadline,
   uo as EcsPopoverListItem,
   yf as EcsProgress,
-  x_ as EcsQuicklink,
+  I_ as EcsQuicklink,
   Ca as EcsRadiobutton,
-  Gh as EcsRatingFavorability,
-  Hh as EcsRatingStarRead,
-  B_ as EcsRatingStarWrite,
+  Yh as EcsRatingFavorability,
+  Wh as EcsRatingStarRead,
+  E_ as EcsRatingStarWrite,
   wg as EcsScrollContainer,
-  z_ as EcsSection,
-  I_ as EcsSegment,
+  $_ as EcsSection,
+  P_ as EcsSegment,
   js as EcsSelect,
-  Hp as EcsSelectText,
-  E_ as EcsSelectTile,
+  Wp as EcsSelectText,
+  T_ as EcsSelectTile,
   yo as EcsSeparator,
-  $_ as EcsSequenceMap,
-  P_ as EcsSequenceMapButton,
-  T_ as EcsSidebar,
-  M_ as EcsSidebarContent,
-  L_ as EcsSidebarFooter,
-  O_ as EcsSidebarHeader,
+  M_ as EcsSequenceMap,
+  O_ as EcsSequenceMapButton,
+  L_ as EcsSidebar,
+  A_ as EcsSidebarContent,
+  N_ as EcsSidebarFooter,
+  D_ as EcsSidebarHeader,
   Ce as EcsSkeletonLoader,
   Da as EcsSortbutton,
-  Vm as EcsSplitpanes,
+  qm as EcsSplitpanes,
   Fu as EcsStateIcon,
   Re as EcsSticker,
-  A_ as EcsStructuredContent,
-  N_ as EcsSwatchesPicker,
+  F_ as EcsStructuredContent,
+  R_ as EcsSwatchesPicker,
   Ms as EcsSwitch,
-  D_ as EcsTab,
-  Vv as EcsTabBar,
-  F_ as EcsTabButton,
-  Wv as EcsTabs,
-  R_ as EcsTag,
-  V_ as EcsTagCloud,
+  V_ as EcsTab,
+  qv as EcsTabBar,
+  H_ as EcsTabButton,
+  Uv as EcsTabs,
+  q_ as EcsTag,
+  W_ as EcsTagCloud,
   nt as EcsText,
-  H_ as EcsToast,
-  q_ as EcsToasts,
-  Hg as EcsToolbar,
-  W_ as EcsTranscriptState,
-  j_ as EcsTreeList,
-  G_ as EcsTreeListHeadline,
-  U_ as EcsTreeListItem,
-  K_ as EcsTypeConfirmation,
-  Y_ as EcsVideo
+  j_ as EcsToast,
+  U_ as EcsToasts,
+  Wg as EcsToolbar,
+  G_ as EcsTranscriptState,
+  K_ as EcsTreeList,
+  X_ as EcsTreeListHeadline,
+  Y_ as EcsTreeListItem,
+  Z_ as EcsTypeConfirmation,
+  J_ as EcsVideo
 };