@everchron/ec-shards 8.10.11 → 8.11.0

package/dist/ec-shards.js

@@ -1,4 +1,4 @@
-import { defineAsyncComponent as ee, watch as le, openBlock as o, createBlock as y, resolveDynamicComponent as Te, unref as ie, normalizeClass as v, createElementBlock as l, normalizeStyle as z, resolveComponent as p, createVNode as b, createCommentVNode as u, createElementVNode as f, createTextVNode as D, toDisplayString as x, renderSlot as m, Transition as xe, withCtx as w, computed as be, reactive as Qs, nextTick as ei, onBeforeUnmount as Pt, toRefs as ys, isRef as ti, onMounted as bs, useSlots as si, ref as Ke, watchEffect as bt, withKeys as U, Teleport as ii, withDirectives as Ge, vShow as ft, mergeProps as De, normalizeProps as ni, guardReactiveProps as ai, withModifiers as G, pushScopeId as ve, popScopeId as _e, Fragment as Z, renderList as ge, resolveDirective as oi, vModelText as ri, h as li, TransitionGroup as ci } from "vue";
+import { defineAsyncComponent as ee, watch as le, openBlock as o, createBlock as y, resolveDynamicComponent as Te, unref as ie, normalizeClass as v, createElementBlock as l, normalizeStyle as B, resolveComponent as p, createVNode as b, createCommentVNode as u, createElementVNode as f, createTextVNode as D, toDisplayString as x, renderSlot as m, Transition as xe, withCtx as w, computed as be, reactive as Qs, nextTick as ei, onBeforeUnmount as Pt, toRefs as ys, isRef as ti, onMounted as bs, useSlots as si, ref as Ke, watchEffect as bt, withKeys as U, Teleport as ii, withDirectives as Ge, vShow as ft, mergeProps as De, normalizeProps as ni, guardReactiveProps as ai, withModifiers as G, pushScopeId as ve, popScopeId as _e, Fragment as Z, renderList as ge, resolveDirective as oi, vModelText as ri, h as li, TransitionGroup as ci } from "vue";
 const te = (e, s) => {
   const t = e[s];
   return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((a, n) => {
@@ -85,7 +85,7 @@ const ui = {
 function fi(e, s, t, a, n, i) {
   return o(), l("span", {
     class: v(["ecs-focus-ring", t.danger ? "ecs-focus-ring-danger" : ""]),
-    style: z(i.styles)
+    style: B(i.styles)
   }, null, 6);
 }
 const L = /* @__PURE__ */ _(ui, [["render", fi], ["__scopeId", "data-v-8d624905"]]);
@@ -177,7 +177,7 @@ function _i(e, s, t, a, n, i) {
       t.inset ? "ecs-alert-inset" : "",
       t.border !== !1 ? "ecs-alert-border" : ""
     ]]),
-    style: z(i.borderStyles),
+    style: B(i.borderStyles),
     role: "alert"
   }, [
     t.dismissable ? (o(), l("button", {
@@ -287,7 +287,7 @@ function zi(e, s, t, a, n, i) {
     }, null, 8, Bi)) : u("", !0)
   ], 8, Si);
 }
-const uy = /* @__PURE__ */ _(wi, [["render", zi], ["__scopeId", "data-v-4e7ca115"]]);
+const fy = /* @__PURE__ */ _(wi, [["render", zi], ["__scopeId", "data-v-4e7ca115"]]);
 const Ii = {
   __name: "sticker",
   props: {
@@ -339,7 +339,7 @@ const Ii = {
       "aria-busy": t.value || null,
       width: e.size,
       height: e.size,
-      style: z(`color: ${n.value}`)
+      style: B(`color: ${n.value}`)
     }, null, 8, ["class", "aria-busy", "width", "height", "style"])) : u("", !0);
   }
 }, Re = /* @__PURE__ */ _(Ii, [["__scopeId", "data-v-add9195d"]]);
@@ -481,7 +481,7 @@ function Ti(e, s, t, a, n, i) {
   const r = p("ecs-sticker");
   return o(), l("div", {
     class: v(["avatar", i.partyClass]),
-    style: z([i.style, t.customStyle]),
+    style: B([i.style, t.customStyle]),
     role: t.image ? "img" : "none",
     "aria-label": t.name
   }, [
@@ -572,7 +572,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: z(i.dismissButtonStyle),
+      style: B(i.dismissButtonStyle),
       class: "close",
       "aria-label": "Dismiss"
     }, [
@@ -584,7 +584,7 @@ function Oi(e, s, t, a, n, i) {
     ], 4)) : u("", !0)
   ], 2)) : u("", !0);
 }
-const fy = /* @__PURE__ */ _(Li, [["render", Oi], ["__scopeId", "data-v-888a84fc"]]);
+const py = /* @__PURE__ */ _(Li, [["render", Oi], ["__scopeId", "data-v-888a84fc"]]);
 const Ai = {
   name: "ecs-breadcrumb",
   props: {
@@ -609,7 +609,7 @@ function Ni(e, s, t, a, n, i) {
     m(e.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-const py = /* @__PURE__ */ _(Ai, [["render", Ni], ["__scopeId", "data-v-d1ff2486"]]);
+const gy = /* @__PURE__ */ _(Ai, [["render", Ni], ["__scopeId", "data-v-d1ff2486"]]);
 const Di = {
   name: "ecs-breadcrumb-button",
   emits: ["click"],
@@ -668,7 +668,7 @@ function Ri(e, s, t, a, n, i) {
     b(c)
   ], 2);
 }
-const gy = /* @__PURE__ */ _(Di, [["render", Ri], ["__scopeId", "data-v-7fb9bc8d"]]);
+const my = /* @__PURE__ */ _(Di, [["render", Ri], ["__scopeId", "data-v-7fb9bc8d"]]);
 const Vi = {
   name: "ecs-breadcrumb-title"
 }, Hi = {
@@ -680,7 +680,7 @@ function qi(e, s, t, a, n, i) {
     m(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const my = /* @__PURE__ */ _(Vi, [["render", qi], ["__scopeId", "data-v-422cc046"]]);
+const hy = /* @__PURE__ */ _(Vi, [["render", qi], ["__scopeId", "data-v-422cc046"]]);
 const Wi = {
   name: "ecs-flex-row",
   props: {
@@ -733,7 +733,7 @@ const Wi = {
 function ji(e, s, t, a, n, i) {
   return o(), l("div", {
     class: v(["ecs-flex-row", [i.directionClass, i.justifyClass, i.alignClass, i.wrapClass]]),
-    style: z(i.gapStyle)
+    style: B(i.gapStyle)
   }, [
     m(e.$slots, "default", {}, void 0, !0)
   ], 6);
@@ -800,13 +800,13 @@ function qe(e, s, t) {
   s === void 0 && (s = !1), t === void 0 && (t = !1);
   var a = e.getBoundingClientRect(), n = 1, i = 1;
   s && ce(e) && (n = e.offsetWidth > 0 && He(a.width) / e.offsetWidth || 1, i = e.offsetHeight > 0 && He(a.height) / e.offsetHeight || 1);
-  var r = Fe(e) ? oe(e) : window, c = r.visualViewport, d = !ws() && t, g = (a.left + (d && c ? c.offsetLeft : 0)) / n, h = (a.top + (d && c ? c.offsetTop : 0)) / i, k = a.width / n, B = a.height / i;
+  var r = Fe(e) ? oe(e) : window, c = r.visualViewport, d = !ws() && t, g = (a.left + (d && c ? c.offsetLeft : 0)) / n, h = (a.top + (d && c ? c.offsetTop : 0)) / i, k = a.width / n, z = a.height / i;
   return {
     width: k,
-    height: B,
+    height: z,
     top: h,
     right: g + k,
-    bottom: h + B,
+    bottom: h + z,
     left: g,
     x: g,
     y: h
@@ -1122,18 +1122,18 @@ 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, g = t.rootBoundary, h = g === void 0 ? Cs : g, k = t.elementContext, B = k === void 0 ? Ye : k, I = t.altBoundary, S = I === void 0 ? !1 : I, $ = t.padding, P = $ === void 0 ? 0 : $, O = $s(typeof P != "number" ? P : Ps(P, st)), V = B === Ye ? Qi : Ye, R = e.rects.popper, T = e.elements[S ? V : B], A = yn(Fe(T) ? T : T.contextElement || Le(e.elements.popper), d, h, r), E = qe(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, g = t.rootBoundary, h = g === void 0 ? Cs : g, k = t.elementContext, z = k === void 0 ? Ye : k, I = t.altBoundary, C = I === void 0 ? !1 : I, $ = t.padding, P = $ === void 0 ? 0 : $, O = $s(typeof P != "number" ? P : Ps(P, st)), V = z === Ye ? Qi : Ye, R = e.rects.popper, T = e.elements[C ? V : z], A = yn(Fe(T) ? T : T.contextElement || Le(e.elements.popper), d, h, r), E = qe(e.elements.reference), N = Is({
     reference: E,
     element: R,
     strategy: "absolute",
     placement: n
-  }), F = Et(Object.assign({}, R, N)), q = B === Ye ? F : E, W = {
+  }), F = Et(Object.assign({}, R, N)), q = z === Ye ? F : E, W = {
     top: A.top - q.top + O.top,
     bottom: q.bottom - A.bottom + O.bottom,
     left: A.left - q.left + O.left,
     right: q.right - A.right + O.right
   }, j = e.modifiersData.offset;
-  if (B === Ye && j) {
+  if (z === Ye && j) {
     var Q = j[n];
     Object.keys(W).forEach(function(K) {
       var Be = [he, me].indexOf(K) >= 0 ? 1 : -1, ue = [ne, me].indexOf(K) >= 0 ? "y" : "x";
@@ -1170,7 +1170,7 @@ function bn(e) {
       },
       attributes: {},
       styles: {}
-    }, k = [], B = !1, I = {
+    }, k = [], z = !1, I = {
       state: h,
       setOptions: function(O) {
         var V = typeof O == "function" ? O(h.options) : O;
@@ -1181,7 +1181,7 @@ function bn(e) {
         var R = fn(gn([].concat(a, h.options.modifiers)));
         return h.orderedModifiers = R.filter(function(T) {
           return T.enabled;
-        }), S(), I.update();
+        }), C(), 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
@@ -1189,7 +1189,7 @@ function bn(e) {
       // For high frequency updates (e.g. `resize` and `scroll` events), always
       // prefer the async Popper#update method
       forceUpdate: function() {
-        if (!B) {
+        if (!z) {
           var O = h.elements, V = O.reference, R = O.popper;
           if (ns(V, R)) {
             h.rects = {
@@ -1222,15 +1222,15 @@ function bn(e) {
         });
       }),
       destroy: function() {
-        $(), B = !0;
+        $(), z = !0;
       }
     };
     if (!ns(c, d))
       return I;
     I.setOptions(g).then(function(P) {
-      !B && g.onFirstUpdate && g.onFirstUpdate(P);
+      !z && g.onFirstUpdate && g.onFirstUpdate(P);
     });
-    function S() {
+    function C() {
       h.orderedModifiers.forEach(function(P) {
         var O = P.name, V = P.options, R = V === void 0 ? {} : V, T = P.effect;
         if (typeof T == "function") {
@@ -1305,7 +1305,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, g = e.adaptive, h = e.roundOffsets, k = e.isFixed, B = r.x, I = B === void 0 ? 0 : B, S = r.y, $ = S === void 0 ? 0 : S, P = typeof h == "function" ? h({
+  var s, t = e.popper, a = e.popperRect, n = e.placement, i = e.variation, r = e.offsets, c = e.position, d = e.gpuAcceleration, g = e.adaptive, h = e.roundOffsets, k = e.isFixed, z = r.x, I = z === void 0 ? 0 : z, C = r.y, $ = C === void 0 ? 0 : C, P = typeof h == "function" ? h({
     x: I,
     y: $
   }) : {
@@ -1434,7 +1434,7 @@ function On(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, g = t.rootBoundary, h = t.altBoundary, k = t.padding, B = t.tether, I = B === void 0 ? !0 : B, S = t.tetherOffset, $ = S === void 0 ? 0 : S, P = 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, g = t.rootBoundary, h = t.altBoundary, k = t.padding, z = t.tether, I = z === void 0 ? !0 : z, C = t.tetherOffset, $ = C === void 0 ? 0 : C, P = Ft(s, {
     boundary: d,
     rootBoundary: g,
     padding: k,
@@ -1495,22 +1495,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, g = d === void 0 ? Bs : d, h = je(a), k = h ? c ? ts : ts.filter(function(S) {
-    return je(S) === h;
-  }) : st, B = k.filter(function(S) {
-    return g.indexOf(S) >= 0;
+  var t = s, a = t.placement, n = t.boundary, i = t.rootBoundary, r = t.padding, c = t.flipVariations, d = t.allowedAutoPlacements, g = d === void 0 ? Bs : d, h = je(a), k = h ? c ? ts : ts.filter(function(C) {
+    return je(C) === h;
+  }) : st, z = k.filter(function(C) {
+    return g.indexOf(C) >= 0;
   });
-  B.length === 0 && (B = k);
-  var I = B.reduce(function(S, $) {
-    return S[$] = Ft(e, {
+  z.length === 0 && (z = k);
+  var I = z.reduce(function(C, $) {
+    return C[$] = Ft(e, {
       placement: $,
       boundary: n,
       rootBoundary: i,
       padding: r
-    })[ke($)], S;
+    })[ke($)], C;
   }, {});
-  return Object.keys(I).sort(function(S, $) {
-    return I[S] - I[$];
+  return Object.keys(I).sort(function(C, $) {
+    return I[C] - I[$];
   });
 }
 function Vn(e) {
@@ -1522,13 +1522,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, g = t.padding, h = t.boundary, k = t.rootBoundary, B = t.altBoundary, I = t.flipVariations, S = I === void 0 ? !0 : I, $ = t.allowedAutoPlacements, P = s.options.placement, O = ke(P), V = O === P, R = d || (V || !S ? [ct(P)] : Vn(P)), T = [P].concat(R).reduce(function(Ve, Pe) {
+    for (var n = t.mainAxis, i = n === void 0 ? !0 : n, r = t.altAxis, c = r === void 0 ? !0 : r, d = t.fallbackPlacements, g = t.padding, h = t.boundary, k = t.rootBoundary, z = t.altBoundary, I = t.flipVariations, C = I === void 0 ? !0 : I, $ = t.allowedAutoPlacements, P = s.options.placement, O = ke(P), V = O === P, R = d || (V || !C ? [ct(P)] : Vn(P)), T = [P].concat(R).reduce(function(Ve, Pe) {
       return Ve.concat(ke(Pe) === Nt ? Rn(s, {
         placement: Pe,
         boundary: h,
         rootBoundary: k,
         padding: g,
-        flipVariations: S,
+        flipVariations: C,
         allowedAutoPlacements: $
       }) : Pe);
     }, []), A = s.rects.reference, E = s.rects.popper, N = /* @__PURE__ */ new Map(), F = !0, q = T[0], W = 0; W < T.length; W++) {
@@ -1536,7 +1536,7 @@ function Hn(e) {
         placement: j,
         boundary: h,
         rootBoundary: k,
-        altBoundary: B,
+        altBoundary: z,
         padding: g
       }), J = Be ? K ? he : ae : K ? me : ne;
       A[ue] > E[ue] && (J = ct(J));
@@ -1550,7 +1550,7 @@ function Hn(e) {
       N.set(j, ze);
     }
     if (F)
-      for (var X = S ? 3 : 1, re = function(Pe) {
+      for (var X = C ? 3 : 1, re = function(Pe) {
         var Ue = T.find(function(at) {
           var Oe = N.get(at);
           if (Oe)
@@ -1611,7 +1611,7 @@ var Un = 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 = ke(t.placement), d = Dt(c), g = [ae, he].indexOf(c) >= 0, h = g ? "height" : "width";
   if (!(!i || !r)) {
-    var k = Un(n.padding, t), B = At(i), I = d === "y" ? ne : ae, S = d === "y" ? me : he, $ = t.rects.reference[h] + t.rects.reference[d] - r[d] - t.rects.popper[h], P = r[d] - t.rects.reference[d], O = tt(i), V = O ? d === "y" ? O.clientHeight || 0 : O.clientWidth || 0 : 0, R = $ / 2 - P / 2, T = k[I], A = V - B[h] - k[S], E = V / 2 - B[h] / 2 + R, N = Qe(T, E, A), F = d;
+    var k = Un(n.padding, t), z = At(i), I = d === "y" ? ne : ae, C = d === "y" ? me : he, $ = t.rects.reference[h] + t.rects.reference[d] - r[d] - t.rects.popper[h], P = r[d] - t.rects.reference[d], O = tt(i), V = O ? d === "y" ? O.clientHeight || 0 : O.clientWidth || 0 : 0, R = $ / 2 - P / 2, T = k[I], A = V - z[h] - k[C], E = V / 2 - z[h] / 2 + R, N = Qe(T, E, A), F = d;
     t.modifiersData[a] = (s = {}, s[F] = N, s.centerOffset = N - E, s);
   }
 }
@@ -1647,15 +1647,15 @@ function Zn({
       ...O,
       modifiers: [...O.modifiers, { name: "eventListeners", enabled: $ }]
     }));
-  }, h = () => g(!0), k = () => g(!1), B = () => {
+  }, h = () => g(!0), k = () => g(!1), z = () => {
     d.isOpen && (d.isOpen = !1, s("close:popper"));
   }, I = () => {
     d.isOpen || (d.isOpen = !0, s("open:popper"));
   };
   le([() => d.isOpen, i], async ([$]) => {
-    $ ? (await S(), h()) : k();
+    $ ? (await C(), h()) : k();
   });
-  const S = async () => {
+  const C = async () => {
     await ei(), d.popperInstance = Mn(c.value, r.value, {
       placement: i.value,
       modifiers: [
@@ -1688,7 +1688,7 @@ function Zn({
   }), {
     ...ys(d),
     open: I,
-    close: B
+    close: z
   };
 }
 function Jn(e, s, t) {
@@ -1864,12 +1864,12 @@ const na = ["onKeyup", "aria-open"], aa = {
         return console.error(
           `[Popper]: The <Popper> component expects only one child element at its root. You passed ${X.length} child nodes.`
         );
-      (a.content !== void 0 || S.value) && (h.value = !0), n = new MutationObserver(k);
+      (a.content !== void 0 || C.value) && (h.value = !0), n = new MutationObserver(k);
     });
     const {
-      arrowPadding: B,
+      arrowPadding: z,
       closeDelay: I,
-      content: S,
+      content: C,
       disableClickAway: $,
       disabled: P,
       interactive: O,
@@ -1880,7 +1880,7 @@ const na = ["onKeyup", "aria-open"], aa = {
       placement: E,
       show: N
     } = ys(t), { isOpen: F, open: q, close: W } = Zn({
-      arrowPadding: B,
+      arrowPadding: z,
       emit: s,
       locked: V,
       offsetDistance: R,
@@ -1911,7 +1911,7 @@ const na = ["onKeyup", "aria-open"], aa = {
       j.value && (N.value ? ue() : Y());
     }), bt(() => {
       Be.value && Qn(c, ye);
-    }), le(S, (X) => {
+    }), le(C, (X) => {
       X ? h.value = !0 : h.value = !1;
     }), bt(() => {
       c.value && n.observe(c.value, {
@@ -1950,7 +1950,7 @@ const na = ["onKeyup", "aria-open"], aa = {
                 close: ie(W),
                 isOpen: g.value
               }, () => [
-                D(x(ie(S)), 1)
+                D(x(ie(C)), 1)
               ], !0),
               e.arrow ? (o(), y(ia, { key: 0 })) : u("", !0)
             ], 512)), [
@@ -2148,7 +2148,7 @@ const ga = {
 function ma(e, s, t, a, n, i) {
   return o(), y(Te(i.textTag), {
     class: v([[i.textClass, t.emphasized ? "emphasized" : ""], "ecs-text"]),
-    style: z({ color: i.textColor })
+    style: B({ color: i.textColor })
   }, {
     default: w(() => [
       m(e.$slots, "default", {}, void 0, !0)
@@ -3003,11 +3003,11 @@ const ja = {
   class: "after"
 };
 function co(e, s, t, a, n, i) {
-  const r = p("ecs-checkbox"), c = p("ecs-radiobutton"), d = p("ecs-switch"), g = p("ecs-sortbutton"), h = p("ecs-focus-ring"), k = p("ecs-icon"), B = p("ecs-file-icon"), I = p("ecs-button");
+  const r = p("ecs-checkbox"), c = p("ecs-radiobutton"), d = p("ecs-switch"), g = p("ecs-sortbutton"), h = p("ecs-focus-ring"), k = p("ecs-icon"), z = p("ecs-file-icon"), I = p("ecs-button");
   return o(), l("li", null, [
     t.type === "checkbox" ? (o(), l("div", Ga, [
       b(r, {
-        onInput: s[0] || (s[0] = (S) => e.$emit("input", S)),
+        onInput: s[0] || (s[0] = (C) => e.$emit("input", C)),
         disabled: t.disabled || null,
         value: t.value,
         "value-false": t.valueFalse,
@@ -3022,7 +3022,7 @@ function co(e, s, t, a, n, i) {
       t.suffix ? (o(), l("span", Ua, x(t.suffix), 1)) : u("", !0)
     ])) : t.type === "radiobutton" ? (o(), l("div", Ka, [
       b(c, {
-        onChange: s[1] || (s[1] = (S) => e.$emit("change", S)),
+        onChange: s[1] || (s[1] = (C) => e.$emit("change", C)),
         disabled: t.disabled || null,
         checked: t.value || null
       }, {
@@ -3034,7 +3034,7 @@ function co(e, s, t, a, n, i) {
       t.suffix ? (o(), l("span", Ya, x(t.suffix), 1)) : u("", !0)
     ])) : t.type === "switch" ? (o(), l("div", Xa, [
       b(d, {
-        onInput: s[2] || (s[2] = (S) => e.$emit("input", S)),
+        onInput: s[2] || (s[2] = (C) => e.$emit("input", C)),
         value: t.value,
         "value-false": t.valueFalse,
         "value-true": t.valueTrue,
@@ -3050,7 +3050,7 @@ function co(e, s, t, a, n, i) {
       t.suffix ? (o(), l("span", Ja, x(t.suffix), 1)) : u("", !0)
     ])) : t.type === "sort" ? (o(), l("div", {
       key: 3,
-      onClick: s[3] || (s[3] = (S) => e.$emit("click", S)),
+      onClick: s[3] || (s[3] = (C) => e.$emit("click", C)),
       class: "ecs-popover-list-item control no-hover",
       role: "menuitem",
       tabindex: "0"
@@ -3068,7 +3068,7 @@ function co(e, s, t, a, n, i) {
       b(h, { inset: 0 })
     ])) : t.type === "link" ? (o(), l("a", {
       key: 4,
-      onClick: s[6] || (s[6] = (S) => e.$emit("click", S)),
+      onClick: s[6] || (s[6] = (C) => e.$emit("click", C)),
       class: v(["ecs-popover-list-item", [
         t.danger ? "danger" : "",
         t.subtle ? "subtle" : "",
@@ -3085,7 +3085,7 @@ function co(e, s, t, a, n, i) {
         type: t.icon,
         size: "24"
       }, null, 8, ["type"])) : u("", !0),
-      t.fileIcon ? (o(), y(B, {
+      t.fileIcon ? (o(), y(z, {
         key: 1,
         type: t.fileIcon,
         width: 24,
@@ -3098,8 +3098,8 @@ function co(e, s, t, a, n, i) {
         i.secondaryActionOptions.show ? (o(), y(I, {
           key: 0,
           onClick: G(i.handleSecondaryClick, ["stop"]),
-          onMouseover: s[4] || (s[4] = (S) => n.preventHover = !n.preventHover),
-          onMouseleave: s[5] || (s[5] = (S) => n.preventHover = !n.preventHover),
+          onMouseover: s[4] || (s[4] = (C) => n.preventHover = !n.preventHover),
+          onMouseleave: s[5] || (s[5] = (C) => n.preventHover = !n.preventHover),
           size: "sml",
           type: i.secondaryActionOptions.type,
           icon: i.secondaryActionOptions.icon,
@@ -3128,7 +3128,7 @@ function co(e, s, t, a, n, i) {
         t.noHover || n.preventHover ? "no-hover" : "",
         t.selected ? "selected" : ""
       ]]),
-      onClick: s[9] || (s[9] = (S) => e.$emit("click", S)),
+      onClick: s[9] || (s[9] = (C) => e.$emit("click", C)),
       role: "menuitem",
       tabindex: "0"
     }, [
@@ -3137,7 +3137,7 @@ function co(e, s, t, a, n, i) {
         type: t.icon,
         size: "24"
       }, null, 8, ["type"])) : u("", !0),
-      t.fileIcon ? (o(), y(B, {
+      t.fileIcon ? (o(), y(z, {
         key: 1,
         type: t.fileIcon,
         width: 24,
@@ -3150,8 +3150,8 @@ function co(e, s, t, a, n, i) {
         i.secondaryActionOptions.show ? (o(), y(I, {
           key: 0,
           onClick: G(i.handleSecondaryClick, ["stop"]),
-          onMouseover: s[7] || (s[7] = (S) => n.preventHover = !n.preventHover),
-          onMouseleave: s[8] || (s[8] = (S) => n.preventHover = !n.preventHover),
+          onMouseover: s[7] || (s[7] = (C) => n.preventHover = !n.preventHover),
+          onMouseleave: s[8] || (s[8] = (C) => n.preventHover = !n.preventHover),
           size: "sml",
           type: i.secondaryActionOptions.type,
           icon: i.secondaryActionOptions.icon,
@@ -3300,7 +3300,7 @@ function mo(e, s, t, a, n, i) {
     t.badge ? (o(), l("span", {
       key: 1,
       class: "badge",
-      style: z({ background: t.badgeColor })
+      style: B({ background: t.badgeColor })
     }, null, 4)) : u("", !0),
     t.icon && t.iconPosition == "right" || t.loading && t.iconPosition == "right" ? (o(), y(r, {
       key: 2,
@@ -3336,7 +3336,7 @@ function mo(e, s, t, a, n, i) {
     t.badge ? (o(), l("span", {
       key: 1,
       class: "badge",
-      style: z({ background: t.badgeColor })
+      style: B({ background: t.badgeColor })
     }, null, 4)) : u("", !0),
     t.icon && t.iconPosition == "right" || t.loading && t.iconPosition == "right" ? (o(), y(r, {
       key: 2,
@@ -3398,7 +3398,7 @@ const ho = {
 function vo(e, s, t, a, n, i) {
   return o(), l("div", {
     class: v(["ecs-separator", i.classes]),
-    style: z({ margin: i.marginStyles, width: t.width, height: t.height }),
+    style: B({ margin: i.marginStyles, width: t.width, height: t.height }),
     role: "separator"
   }, null, 6);
 }
@@ -3483,8 +3483,8 @@ const yo = {
   }
 }, bo = { class: "ecs-bulk-selector-check" };
 function ko(e, s, t, a, n, i) {
-  const r = p("ecs-checkbox"), c = p("ecs-button-toolbar"), d = p("ecs-popover-list-item"), g = p("ecs-separator"), h = p("ecs-popover-list"), k = p("ecs-popover"), B = p("ecs-flex-row");
-  return o(), y(B, {
+  const r = p("ecs-checkbox"), c = p("ecs-button-toolbar"), d = p("ecs-popover-list-item"), g = p("ecs-separator"), h = p("ecs-popover-list"), k = p("ecs-popover"), z = p("ecs-flex-row");
+  return o(), y(z, {
     gap: 8,
     class: "ecs-bulk-selector"
   }, {
@@ -3505,8 +3505,8 @@ function ko(e, s, t, a, n, i) {
           content: w(() => [
             b(h, null, {
               default: w(() => [
-                (o(!0), l(Z, null, ge(t.options, (I, S) => (o(), y(d, {
-                  key: S,
+                (o(!0), l(Z, null, ge(t.options, (I, C) => (o(), y(d, {
+                  key: C,
                   disabled: I.disabled || null,
                   onClick: ($) => e.$emit("select", I.action)
                 }, {
@@ -3541,7 +3541,7 @@ function ko(e, s, t, a, n, i) {
           _: 1
         }, 8, ["disabled"])) : u("", !0)
       ]),
-      b(B, {
+      b(z, {
         gap: 3,
         class: "ecs-bulk-selector-count"
       }, {
@@ -3555,7 +3555,7 @@ function ko(e, s, t, a, n, i) {
     _: 1
   });
 }
-const hy = /* @__PURE__ */ _(yo, [["render", ko], ["__scopeId", "data-v-04aed8bb"]]);
+const vy = /* @__PURE__ */ _(yo, [["render", ko], ["__scopeId", "data-v-04aed8bb"]]);
 const xo = {
   name: "ecs-button-group"
 }, wo = { class: "ecs-button-group" };
@@ -3564,7 +3564,7 @@ function So(e, s, t, a, n, i) {
     m(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const vy = /* @__PURE__ */ _(xo, [["render", So], ["__scopeId", "data-v-83c21366"]]);
+const _y = /* @__PURE__ */ _(xo, [["render", So], ["__scopeId", "data-v-83c21366"]]);
 const Co = {
   name: "ecs-button-collapse",
   emits: ["click"],
@@ -3672,7 +3672,7 @@ function $o(e, s, t, a, n, i) {
     class: v(["ecs-context-button", [t.loading ? "loading" : "", i.iconOnly ? "ecs-context-button-icon-only" : ""]]),
     "aria-label": t.ariaLabel,
     "aria-busy": t.loading || null,
-    style: z(i.selectedColorText),
+    style: B(i.selectedColorText),
     onClick: s[0] || (s[0] = (d) => e.$emit("click", d))
   }, [
     t.icon || t.loading ? (o(), y(r, {
@@ -3683,13 +3683,13 @@ function $o(e, s, t, a, n, i) {
     t.selectedColor ? (o(), l("div", {
       key: 1,
       class: "ecs-context-button-color",
-      style: z(i.selectedColorBackground)
+      style: B(i.selectedColorBackground)
     }, null, 4)) : u("", !0),
     m(e.$slots, "default", {}, void 0, !0),
     b(c)
   ], 14, Eo);
 }
-const _y = /* @__PURE__ */ _(Io, [["render", $o], ["__scopeId", "data-v-bbc83578"]]);
+const yy = /* @__PURE__ */ _(Io, [["render", $o], ["__scopeId", "data-v-bbc83578"]]);
 const Po = {
   name: "ecs-context-button-group"
 }, To = { class: "ecs-context-button-group" };
@@ -3698,7 +3698,7 @@ function Mo(e, s, t, a, n, i) {
     m(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const yy = /* @__PURE__ */ _(Po, [["render", Mo], ["__scopeId", "data-v-94a53b69"]]);
+const by = /* @__PURE__ */ _(Po, [["render", Mo], ["__scopeId", "data-v-94a53b69"]]);
 const Lo = {
   name: "ecs-button-dialog",
   emits: ["click"],
@@ -3748,7 +3748,7 @@ function Ao(e, s, t, a, n, i) {
     }, null, 8, ["danger"])
   ], 10, Oo);
 }
-const by = /* @__PURE__ */ _(Lo, [["render", Ao], ["__scopeId", "data-v-fe031b71"]]);
+const ky = /* @__PURE__ */ _(Lo, [["render", Ao], ["__scopeId", "data-v-fe031b71"]]);
 const No = {
   name: "ecs-button-more",
   emits: ["click"],
@@ -3923,7 +3923,7 @@ function qo(e, s, t, a, n, i) {
     b(c)
   ], 42, Vo);
 }
-const Ns = /* @__PURE__ */ _(Ro, [["render", qo], ["__scopeId", "data-v-5ffbb68b"]]);
+const Ns = /* @__PURE__ */ _(Ro, [["render", qo], ["__scopeId", "data-v-f5a891fe"]]);
 const Wo = {
   name: "ecs-toolbar-button-group"
 }, jo = { class: "ecs-toolbar-button-group" };
@@ -4006,7 +4006,7 @@ function Zo(e, s, t, a, n, i) {
     b(c)
   ], 10, Ko);
 }
-const ky = /* @__PURE__ */ _(Uo, [["render", Zo], ["__scopeId", "data-v-098e1030"]]);
+const xy = /* @__PURE__ */ _(Uo, [["render", Zo], ["__scopeId", "data-v-098e1030"]]);
 const Jo = {
   name: "ecs-card",
   emits: ["click"],
@@ -4066,12 +4066,12 @@ function sr(e, s, t, a, n, i) {
       t.progress ? (o(), l("div", {
         key: 0,
         class: "progress",
-        style: z({ width: t.progress + "%" })
+        style: B({ width: t.progress + "%" })
       }, null, 4)) : u("", !0)
     ])
   ], 10, Qo);
 }
-const xy = /* @__PURE__ */ _(Jo, [["render", sr], ["__scopeId", "data-v-8d449816"]]);
+const wy = /* @__PURE__ */ _(Jo, [["render", sr], ["__scopeId", "data-v-8d449816"]]);
 const ir = {
   name: "ecs-citation-line",
   emits: ["change", "blur", "focus"],
@@ -4141,7 +4141,7 @@ function ar(e, s, t, a, n, i) {
     _: 3
   });
 }
-const wy = /* @__PURE__ */ _(ir, [["render", ar], ["__scopeId", "data-v-cfd8e718"]]);
+const Sy = /* @__PURE__ */ _(ir, [["render", ar], ["__scopeId", "data-v-cfd8e718"]]);
 var qt = {};
 Object.defineProperty(qt, "__esModule", {
   value: !0
@@ -4270,7 +4270,7 @@ function fr(e, s, t, a, n, i) {
   return Ge((o(), l("div", {
     class: v(["ecs-context-menu", n.opened ? " opened" : ""]),
     id: t.elementId,
-    style: z([i.postionStyles])
+    style: B([i.postionStyles])
   }, [
     f("ul", {
       role: "menu",
@@ -4285,7 +4285,7 @@ function fr(e, s, t, a, n, i) {
     }, [
       (o(!0), l(Z, null, ge(t.options, (h, k) => (o(), l("li", {
         key: k,
-        onClick: G((B) => i.optionClicked(h), ["stop"]),
+        onClick: G((z) => i.optionClicked(h), ["stop"]),
         role: h.type === "divider" ? "separator" : "menuitem",
         tabindex: h.type === "divider" || h.disabled ? "-1" : "0",
         "aria-disabled": h.disabled || null,
@@ -4303,7 +4303,7 @@ function fr(e, s, t, a, n, i) {
         h.type != "divider" ? (o(), l("span", ur, x(h.name), 1)) : u("", !0),
         h.nested ? (o(), y(c, {
           key: 2,
-          onClick: G((B) => i.optionClicked(h.nested), ["stop"]),
+          onClick: G((z) => i.optionClicked(h.nested), ["stop"]),
           icon: h.nested.icon,
           title: h.nested.name,
           "aria-label": h.nested.name,
@@ -4321,7 +4321,7 @@ function fr(e, s, t, a, n, i) {
     [g, i.onClickOutside]
   ]);
 }
-const Sy = /* @__PURE__ */ _(lr, [["render", fr], ["__scopeId", "data-v-f295a817"]]);
+const Cy = /* @__PURE__ */ _(lr, [["render", fr], ["__scopeId", "data-v-f295a817"]]);
 const pr = {
   name: "ecs-collapse",
   emits: ["toggled", "remove"],
@@ -4490,7 +4490,7 @@ function yr(e, s, t, a, n, i) {
     ], 10, _r)
   ], 2);
 }
-const Cy = /* @__PURE__ */ _(pr, [["render", yr], ["__scopeId", "data-v-4bf981c8"]]);
+const By = /* @__PURE__ */ _(pr, [["render", yr], ["__scopeId", "data-v-4bf981c8"]]);
 const br = {
   name: "ecs-collection-control",
   emits: ["toggled", "collectionTooltip"],
@@ -4626,14 +4626,14 @@ function Br(e, s, t, a, n, i) {
     }, [
       f("div", {
         class: "ecs-collection-control-list scrollbar scrollbar-sml",
-        style: z(i.listMaxHeight)
+        style: B(i.listMaxHeight)
       }, [
         m(e.$slots, "default")
       ], 4)
     ], 10, Cr)
   ], 2);
 }
-const By = /* @__PURE__ */ _(br, [["render", Br], ["__scopeId", "data-v-5e5716bc"]]);
+const zy = /* @__PURE__ */ _(br, [["render", Br], ["__scopeId", "data-v-5e5716bc"]]);
 const zr = {
   name: "ecs-skeleton-loader",
   props: {
@@ -4680,7 +4680,7 @@ function Tr(e, s, t, a, n, i) {
   return t.type === "rect" || t.type === "circle" ? (o(), l("div", {
     key: 0,
     class: v(["ecs-skeleton skeleton", i.rectClass]),
-    style: z({ width: t.width + "px", height: t.height + "px" })
+    style: B({ width: t.width + "px", height: t.height + "px" })
   }, null, 6)) : t.type === "multi" ? (o(), l("div", Er, [
     (o(!0), l(Z, null, ge(parseInt(t.count), (r) => (o(), l("div", {
       key: r,
@@ -4692,7 +4692,7 @@ function Tr(e, s, t, a, n, i) {
   }, [
     f("div", {
       class: "skeleton skeleton-single",
-      style: z({ width: t.width + "%" })
+      style: B({ width: t.width + "%" })
     }, null, 4)
   ], 2));
 }
@@ -4861,14 +4861,14 @@ function Gr(e, s, t, a, n, i) {
     ]))
   ], 8, Nr);
 }
-const zy = /* @__PURE__ */ _(Ar, [["render", Gr], ["__scopeId", "data-v-cf696f66"]]);
+const Iy = /* @__PURE__ */ _(Ar, [["render", Gr], ["__scopeId", "data-v-cf696f66"]]);
 const Ur = {}, Kr = { class: "ecs-comment-list" };
 function Yr(e, s) {
   return o(), l("div", Kr, [
     m(e.$slots, "default")
   ]);
 }
-const Iy = /* @__PURE__ */ _(Ur, [["render", Yr]]);
+const Ey = /* @__PURE__ */ _(Ur, [["render", Yr]]);
 function ut(e) {
   "@babel/helpers - typeof";
   return ut = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(s) {
@@ -4878,15 +4878,15 @@ function ut(e) {
   }, ut(e);
 }
 var Xr = /^\s+/, Zr = /\s+$/;
-function C(e, s) {
-  if (e = e || "", s = s || {}, e instanceof C)
+function S(e, s) {
+  if (e = e || "", s = s || {}, e instanceof S)
     return e;
-  if (!(this instanceof C))
-    return new C(e, s);
+  if (!(this instanceof S))
+    return new S(e, s);
   var t = Jr(e);
   this._originalInput = e, this._r = t.r, this._g = t.g, this._b = t.b, this._a = t.a, this._roundA = Math.round(100 * this._a) / 100, this._format = s.format || t.format, this._gradientType = s.gradientType, this._r < 1 && (this._r = Math.round(this._r)), this._g < 1 && (this._g = Math.round(this._g)), this._b < 1 && (this._b = Math.round(this._b)), this._ok = t.ok;
 }
-C.prototype = {
+S.prototype = {
   isDark: function() {
     return this.getBrightness() < 128;
   },
@@ -4982,7 +4982,7 @@ C.prototype = {
   toFilter: function(s) {
     var t = "#" + ds(this._r, this._g, this._b, this._a), a = t, n = this._gradientType ? "GradientType = 1, " : "";
     if (s) {
-      var i = C(s);
+      var i = S(s);
       a = "#" + ds(i._r, i._g, i._b, i._a);
     }
     return "progid:DXImageTransform.Microsoft.gradient(" + n + "startColorstr=" + t + ",endColorstr=" + a + ")";
@@ -4994,7 +4994,7 @@ C.prototype = {
     return i ? s === "name" && this._a === 0 ? this.toName() : this.toRgbString() : (s === "rgb" && (a = this.toRgbString()), s === "prgb" && (a = this.toPercentageRgbString()), (s === "hex" || s === "hex6") && (a = this.toHexString()), s === "hex3" && (a = this.toHexString(!0)), s === "hex4" && (a = this.toHex8String(!0)), s === "hex8" && (a = this.toHex8String()), s === "name" && (a = this.toName()), s === "hsl" && (a = this.toHslString()), s === "hsv" && (a = this.toHsvString()), a || this.toHexString());
   },
   clone: function() {
-    return C(this.toString());
+    return S(this.toString());
   },
   _applyModification: function(s, t) {
     var a = s.apply(null, [this].concat([].slice.call(t)));
@@ -5047,14 +5047,14 @@ C.prototype = {
     return this._applyCombination(us, [4]);
   }
 };
-C.fromRatio = function(e, s) {
+S.fromRatio = function(e, s) {
   if (ut(e) == "object") {
     var t = {};
     for (var a in e)
       e.hasOwnProperty(a) && (a === "a" ? t[a] = e[a] : t[a] = Ze(e[a]));
     e = t;
   }
-  return C(e, s);
+  return S(e, s);
 };
 function Jr(e) {
   var s = {
@@ -5168,11 +5168,11 @@ function ds(e, s, t, a) {
   var n = [pe(Rs(a)), pe(Math.round(e).toString(16)), pe(Math.round(s).toString(16)), pe(Math.round(t).toString(16))];
   return n.join("");
 }
-C.equals = function(e, s) {
-  return !e || !s ? !1 : C(e).toRgbString() == C(s).toRgbString();
+S.equals = function(e, s) {
+  return !e || !s ? !1 : S(e).toRgbString() == S(s).toRgbString();
 };
-C.random = function() {
-  return C.fromRatio({
+S.random = function() {
+  return S.fromRatio({
     r: Math.random(),
     g: Math.random(),
     b: Math.random()
@@ -5180,45 +5180,45 @@ C.random = function() {
 };
 function il(e, s) {
   s = s === 0 ? 0 : s || 10;
-  var t = C(e).toHsl();
-  return t.s -= s / 100, t.s = mt(t.s), C(t);
+  var t = S(e).toHsl();
+  return t.s -= s / 100, t.s = mt(t.s), S(t);
 }
 function nl(e, s) {
   s = s === 0 ? 0 : s || 10;
-  var t = C(e).toHsl();
-  return t.s += s / 100, t.s = mt(t.s), C(t);
+  var t = S(e).toHsl();
+  return t.s += s / 100, t.s = mt(t.s), S(t);
 }
 function al(e) {
-  return C(e).desaturate(100);
+  return S(e).desaturate(100);
 }
 function ol(e, s) {
   s = s === 0 ? 0 : s || 10;
-  var t = C(e).toHsl();
-  return t.l += s / 100, t.l = mt(t.l), C(t);
+  var t = S(e).toHsl();
+  return t.l += s / 100, t.l = mt(t.l), S(t);
 }
 function rl(e, s) {
   s = s === 0 ? 0 : s || 10;
-  var t = C(e).toRgb();
-  return t.r = Math.max(0, Math.min(255, t.r - Math.round(255 * -(s / 100)))), t.g = Math.max(0, Math.min(255, t.g - Math.round(255 * -(s / 100)))), t.b = Math.max(0, Math.min(255, t.b - Math.round(255 * -(s / 100)))), C(t);
+  var t = S(e).toRgb();
+  return t.r = Math.max(0, Math.min(255, t.r - Math.round(255 * -(s / 100)))), t.g = Math.max(0, Math.min(255, t.g - Math.round(255 * -(s / 100)))), t.b = Math.max(0, Math.min(255, t.b - Math.round(255 * -(s / 100)))), S(t);
 }
 function ll(e, s) {
   s = s === 0 ? 0 : s || 10;
-  var t = C(e).toHsl();
-  return t.l -= s / 100, t.l = mt(t.l), C(t);
+  var t = S(e).toHsl();
+  return t.l -= s / 100, t.l = mt(t.l), S(t);
 }
 function cl(e, s) {
-  var t = C(e).toHsl(), a = (t.h + s) % 360;
-  return t.h = a < 0 ? 360 + a : a, C(t);
+  var t = S(e).toHsl(), a = (t.h + s) % 360;
+  return t.h = a < 0 ? 360 + a : a, S(t);
 }
 function dl(e) {
-  var s = C(e).toHsl();
-  return s.h = (s.h + 180) % 360, C(s);
+  var s = S(e).toHsl();
+  return s.h = (s.h + 180) % 360, S(s);
 }
 function us(e, s) {
   if (isNaN(s) || s <= 0)
     throw new Error("Argument to polyad must be a positive number");
-  for (var t = C(e).toHsl(), a = [C(e)], n = 360 / s, i = 1; i < s; i++)
-    a.push(C({
+  for (var t = S(e).toHsl(), a = [S(e)], n = 360 / s, i = 1; i < s; i++)
+    a.push(S({
       h: (t.h + i * n) % 360,
       s: t.s,
       l: t.l
@@ -5226,12 +5226,12 @@ function us(e, s) {
   return a;
 }
 function ul(e) {
-  var s = C(e).toHsl(), t = s.h;
-  return [C(e), C({
+  var s = S(e).toHsl(), t = s.h;
+  return [S(e), S({
     h: (t + 72) % 360,
     s: s.s,
     l: s.l
-  }), C({
+  }), S({
     h: (t + 216) % 360,
     s: s.s,
     l: s.l
@@ -5239,37 +5239,37 @@ function ul(e) {
 }
 function fl(e, s, t) {
   s = s || 6, t = t || 30;
-  var a = C(e).toHsl(), n = 360 / t, i = [C(e)];
+  var a = S(e).toHsl(), n = 360 / t, i = [S(e)];
   for (a.h = (a.h - (n * s >> 1) + 720) % 360; --s; )
-    a.h = (a.h + n) % 360, i.push(C(a));
+    a.h = (a.h + n) % 360, i.push(S(a));
   return i;
 }
 function pl(e, s) {
   s = s || 6;
-  for (var t = C(e).toHsv(), a = t.h, n = t.s, i = t.v, r = [], c = 1 / s; s--; )
-    r.push(C({
+  for (var t = S(e).toHsv(), a = t.h, n = t.s, i = t.v, r = [], c = 1 / s; s--; )
+    r.push(S({
       h: a,
       s: n,
       v: i
     })), i = (i + c) % 1;
   return r;
 }
-C.mix = function(e, s, t) {
+S.mix = function(e, s, t) {
   t = t === 0 ? 0 : t || 50;
-  var a = C(e).toRgb(), n = C(s).toRgb(), i = t / 100, r = {
+  var a = S(e).toRgb(), n = S(s).toRgb(), i = t / 100, r = {
     r: (n.r - a.r) * i + a.r,
     g: (n.g - a.g) * i + a.g,
     b: (n.b - a.b) * i + a.b,
     a: (n.a - a.a) * i + a.a
   };
-  return C(r);
+  return S(r);
 };
-C.readability = function(e, s) {
-  var t = C(e), a = C(s);
+S.readability = function(e, s) {
+  var t = S(e), a = S(s);
   return (Math.max(t.getLuminance(), a.getLuminance()) + 0.05) / (Math.min(t.getLuminance(), a.getLuminance()) + 0.05);
 };
-C.isReadable = function(e, s, t) {
-  var a = C.readability(e, s), n, i;
+S.isReadable = function(e, s, t) {
+  var a = S.readability(e, s), n, i;
   switch (i = !1, n = yl(t), n.level + n.size) {
     case "AAsmall":
     case "AAAlarge":
@@ -5284,17 +5284,17 @@ C.isReadable = function(e, s, t) {
   }
   return i;
 };
-C.mostReadable = function(e, s, t) {
+S.mostReadable = function(e, s, t) {
   var a = null, n = 0, i, r, c, d;
   t = t || {}, r = t.includeFallbackColors, c = t.level, d = t.size;
   for (var g = 0; g < s.length; g++)
-    i = C.readability(e, s[g]), i > n && (n = i, a = C(s[g]));
-  return C.isReadable(e, a, {
+    i = S.readability(e, s[g]), i > n && (n = i, a = S(s[g]));
+  return S.isReadable(e, a, {
     level: c,
     size: d
-  }) || !r ? a : (t.includeFallbackColors = !1, C.mostReadable(e, ["#fff", "#000"], t));
+  }) || !r ? a : (t.includeFallbackColors = !1, S.mostReadable(e, ["#fff", "#000"], t));
 };
-var $t = C.names = {
+var $t = S.names = {
   aliceblue: "f0f8ff",
   antiquewhite: "faebd7",
   aqua: "0ff",
@@ -5444,7 +5444,7 @@ var $t = C.names = {
   whitesmoke: "f5f5f5",
   yellow: "ff0",
   yellowgreen: "9acd32"
-}, gl = C.hexNames = ml($t);
+}, gl = S.hexNames = ml($t);
 function ml(e) {
   var s = {};
   for (var t in e)
@@ -5580,7 +5580,7 @@ function yl(e) {
 function wt(e = {}, s = 0) {
   const t = e && e.a;
   let a;
-  e && e.hsl ? a = C(e.hsl) : e && e.hex && e.hex.length > 0 ? a = C(e.hex) : e && e.hsv ? a = C(e.hsv) : e && e.rgba ? a = C(e.rgba) : e && e.rgb ? a = C(e.rgb) : a = C(e), a && (a._a === void 0 || a._a === null) && a.setAlpha(t || 1);
+  e && e.hsl ? a = S(e.hsl) : e && e.hex && e.hex.length > 0 ? a = S(e.hex) : e && e.hsv ? a = S(e.hsv) : e && e.rgba ? a = S(e.rgba) : e && e.rgb ? a = S(e.rgb) : a = S(e), a && (a._a === void 0 || a._a === null) && a.setAlpha(t || 1);
   const n = a.toHsl(), i = a.toHsv();
   return n.s === 0 && (i.h = n.h = e.h || e.hsl && e.hsl.h || s || 0), {
     hsl: n,
@@ -5620,7 +5620,7 @@ const bl = {
       this.oldHue = this.colors.hsl.h, this.colors = wt(e, s || this.oldHue);
     },
     isValidHex(e) {
-      return C(e).isValid();
+      return S(e).isValid();
     },
     simpleCheckForValidColor(e) {
       const s = ["r", "g", "b", "a", "h", "s", "l", "v"];
@@ -5636,7 +5636,7 @@ const bl = {
       return e.map((s) => s.toUpperCase());
     },
     isTransparent(e) {
-      return C(e).getAlpha() === 0;
+      return S(e).getAlpha() === 0;
     }
   }
 };
@@ -5789,15 +5789,15 @@ function kc(e) {
 }
 var xc = kc, wc = Wt, Ct = Dl, _s = xc, Sc = "Expected a function", Cc = Math.max, Bc = Math.min;
 function zc(e, s, t) {
-  var a, n, i, r, c, d, g = 0, h = !1, k = !1, B = !0;
+  var a, n, i, r, c, d, g = 0, h = !1, k = !1, z = !0;
   if (typeof e != "function")
     throw new TypeError(Sc);
-  s = _s(s) || 0, wc(t) && (h = !!t.leading, k = "maxWait" in t, i = k ? Cc(_s(t.maxWait) || 0, s) : i, B = "trailing" in t ? !!t.trailing : B);
+  s = _s(s) || 0, wc(t) && (h = !!t.leading, k = "maxWait" in t, i = k ? Cc(_s(t.maxWait) || 0, s) : i, z = "trailing" in t ? !!t.trailing : z);
   function I(E) {
     var N = a, F = n;
     return a = n = void 0, g = E, r = e.apply(F, N), r;
   }
-  function S(E) {
+  function C(E) {
     return g = E, c = setTimeout(O, s), h ? I(E) : r;
   }
   function $(E) {
@@ -5815,7 +5815,7 @@ function zc(e, s, t) {
     c = setTimeout(O, $(E));
   }
   function V(E) {
-    return c = void 0, B && a ? I(E) : (a = n = void 0, r);
+    return c = void 0, z && a ? I(E) : (a = n = void 0, r);
   }
   function R() {
     c !== void 0 && clearTimeout(c), g = 0, a = d = n = c = void 0;
@@ -5827,7 +5827,7 @@ function zc(e, s, t) {
     var E = Ct(), N = P(E);
     if (a = arguments, n = this, d = E, N) {
       if (c === void 0)
-        return S(d);
+        return C(d);
       if (k)
         return clearTimeout(c), c = setTimeout(O, s), I(d);
     }
@@ -5883,11 +5883,11 @@ const Oc = {
       const t = this.$refs.container;
       if (!t)
         return;
-      const a = t.clientWidth, n = t.clientHeight, i = t.getBoundingClientRect().left + window.pageXOffset, r = t.getBoundingClientRect().top + window.pageYOffset, c = e.pageX || (e.touches ? e.touches[0].pageX : 0), d = e.pageY || (e.touches ? e.touches[0].pageY : 0), g = St(c - i, 0, a), h = St(d - r, 0, n), k = g / a, B = St(-(h / n) + 1, 0, 1);
+      const a = t.clientWidth, n = t.clientHeight, i = t.getBoundingClientRect().left + window.pageXOffset, r = t.getBoundingClientRect().top + window.pageYOffset, c = e.pageX || (e.touches ? e.touches[0].pageX : 0), d = e.pageY || (e.touches ? e.touches[0].pageY : 0), g = St(c - i, 0, a), h = St(d - r, 0, n), k = g / a, z = St(-(h / n) + 1, 0, 1);
       this.throttle(this.onChange, {
         h: this.colors.hsv.h,
         s: k,
-        v: B,
+        v: z,
         a: this.colors.hsv.a,
         source: "hsva"
       });
@@ -5911,7 +5911,7 @@ const Oc = {
 function Rc(e, s, t, a, n, i) {
   return o(), l("div", {
     class: "ecs-saturation",
-    style: z({ background: i.bgColor }),
+    style: B({ 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)),
@@ -5921,7 +5921,7 @@ function Rc(e, s, t, a, n, i) {
     Nc,
     f("div", {
       class: "ecs-saturation-pointer",
-      style: z({ top: i.pointerTop, left: i.pointerLeft })
+      style: B({ top: i.pointerTop, left: i.pointerLeft })
     }, Fc, 4)
   ], 36);
 }
@@ -5967,14 +5967,14 @@ const Hc = {
       if (!t)
         return;
       const a = t.clientWidth, n = t.clientHeight, i = t.getBoundingClientRect().left + window.pageXOffset, r = t.getBoundingClientRect().top + window.pageYOffset, c = e.pageX || (e.touches ? e.touches[0].pageX : 0), d = e.pageY || (e.touches ? e.touches[0].pageY : 0), g = c - i, h = d - r;
-      let k, B;
-      this.direction === "vertical" ? (h < 0 ? k = 360 : h > n ? k = 0 : (B = -(h * 100 / n) + 100, k = 360 * B / 100), this.colors.hsl.h !== k && this.$emit("change", {
+      let k, z;
+      this.direction === "vertical" ? (h < 0 ? k = 360 : h > n ? k = 0 : (z = -(h * 100 / n) + 100, k = 360 * z / 100), this.colors.hsl.h !== k && this.$emit("change", {
         h: k,
         s: this.colors.hsl.s,
         l: this.colors.hsl.l,
         a: this.colors.hsl.a,
         source: "hsl"
-      })) : (g < 0 ? k = 0 : g > a ? k = 360 : (B = g * 100 / a, k = 360 * B / 100), this.colors.hsl.h !== k && this.$emit("change", {
+      })) : (g < 0 ? k = 0 : g > a ? k = 360 : (z = g * 100 / a, k = 360 * z / 100), this.colors.hsl.h !== k && this.$emit("change", {
         h: k,
         s: this.colors.hsl.s,
         l: this.colors.hsl.l,
@@ -6012,7 +6012,7 @@ function Gc(e, s, t, a, n, i) {
     }, [
       f("div", {
         class: "ecs-hue-pointer",
-        style: z({ top: i.pointerTop, left: i.pointerLeft }),
+        style: B({ top: i.pointerTop, left: i.pointerLeft }),
         role: "presentation"
       }, jc, 4)
     ], 40, qc)
@@ -6063,7 +6063,7 @@ function Xc(e, s, t) {
 function Zc(e, s, t, a, n, i) {
   return o(), l("div", {
     class: "ecs-checkerboard",
-    style: z(i.bgStyle)
+    style: B(i.bgStyle)
   }, null, 4);
 }
 const Ws = /* @__PURE__ */ _(Kc, [["render", Zc]]);
@@ -6122,7 +6122,7 @@ function id(e, s, t, a, n, i) {
     ]),
     f("div", {
       class: "ecs-alpha-gradient",
-      style: z({ background: i.gradientColor })
+      style: B({ background: i.gradientColor })
     }, null, 4),
     f("div", {
       class: "ecs-alpha-container",
@@ -6133,7 +6133,7 @@ function id(e, s, t, a, n, i) {
     }, [
       f("div", {
         class: "ecs-alpha-pointer",
-        style: z({ left: i.colors.a * 100 + "%" })
+        style: B({ left: i.colors.a * 100 + "%" })
       }, sd, 4)
     ], 544)
   ]);
@@ -6236,7 +6236,7 @@ function yd(e, s, t, a, n, i) {
     role: "application",
     "aria-label": "Color picker",
     class: v(["ecs-color-picker", t.disableAlpha ? "ecs-color-picker__disable-alpha" : ""]),
-    style: z({ padding: t.padding + "px", width: 216 + 2 * t.padding + "px" })
+    style: B({ padding: t.padding + "px", width: 216 + 2 * t.padding + "px" })
   }, [
     t.disableCustom ? u("", !0) : (o(), l("div", od, [
       b(r, {
@@ -6304,7 +6304,7 @@ function yd(e, s, t, a, n, i) {
     ])) : u("", !0),
     f("div", {
       class: "ecs-color-picker-presets",
-      style: z(t.disableCustom ? "" : "padding-top: var(--spacing-10)"),
+      style: B(t.disableCustom ? "" : "padding-top: var(--spacing-10)"),
       role: "group",
       "aria-label": "A color preset, pick one to set as current color"
     }, [
@@ -6313,16 +6313,16 @@ function yd(e, s, t, a, n, i) {
           key: "else-" + k.id,
           "aria-label": k.title,
           class: "ecs-color-picker-presets-color",
-          onClick: (B) => i.handlePreset(k.hex)
+          onClick: (z) => i.handlePreset(k.hex)
         }, [
           b(h)
         ], 8, _d)) : (o(), l("div", {
           class: v(["ecs-color-picker-presets-color", { active: e.colors.hex === k.hex }]),
           "aria-label": k.title,
           key: "if-" + k.id,
-          style: z({ background: k.hex }),
+          style: B({ background: k.hex }),
           "aria-selected": e.colors.hex === k.hex ? "true" : "false",
-          onClick: (B) => i.handlePreset(k.hex)
+          onClick: (z) => i.handlePreset(k.hex)
         }, null, 14, vd))
       ], 64))), 256)),
       t.swatches.some((k) => k.hex === e.colors.hex) ? u("", !0) : (o(), l("div", {
@@ -6330,7 +6330,7 @@ function yd(e, s, t, a, n, i) {
         class: v(["ecs-color-picker-presets-color active", i.isActiveColorDark ? "dark" : "light"]),
         "aria-label": "Custom color",
         "aria-selected": "true",
-        style: z({ background: e.colors.hex })
+        style: B({ background: e.colors.hex })
       }, null, 6))
     ], 4)
   ], 6);
@@ -6404,7 +6404,7 @@ function xd(e, s, t, a, n, i) {
     default: w(() => [
       f("button", {
         class: v(["ecs-color-picker-input-button", i.sizeClass]),
-        style: z(i.selectedColorStyle)
+        style: B(i.selectedColorStyle)
       }, [
         f("span", null, x(t.modelValue.hex || t.modelValue), 1)
       ], 6)
@@ -6412,7 +6412,7 @@ function xd(e, s, t, a, n, i) {
     _: 1
   });
 }
-const Ey = /* @__PURE__ */ _(kd, [["render", xd], ["__scopeId", "data-v-d6450b05"]]);
+const $y = /* @__PURE__ */ _(kd, [["render", xd], ["__scopeId", "data-v-d6450b05"]]);
 const wd = {
   name: "ecs-data-card",
   components: { EcsIcon: M, EcsSkeletonLoader: Ce, EcsButtonTable: Ns, EcsButton: Se, EcsFocusRing: L },
@@ -6609,7 +6609,7 @@ function Od(e, s, t, a, n, i) {
     })) : u("", !0)
   ], 10, Sd);
 }
-const $y = /* @__PURE__ */ _(wd, [["render", Od], ["__scopeId", "data-v-8dd053a6"]]);
+const Py = /* @__PURE__ */ _(wd, [["render", Od], ["__scopeId", "data-v-8dd053a6"]]);
 const Ad = {
   name: "ecs-data-card-list"
 }, Nd = {
@@ -6621,7 +6621,7 @@ function Dd(e, s, t, a, n, i) {
     m(e.$slots, "default")
   ]);
 }
-const Py = /* @__PURE__ */ _(Ad, [["render", Dd]]);
+const Ty = /* @__PURE__ */ _(Ad, [["render", Dd]]);
 const Fd = {
   name: "ecs-data-grid",
   emits: ["tableScroll"],
@@ -6674,7 +6674,7 @@ function Wd(e, s, t, a, n, i) {
     ref: "dataGridScroller",
     class: v(["ecs-data-grid scrollbar", [e.$slots.empty ? "empty" : "", t.bordered ? "bordered" : "", t.borderRows ? "border-rows" : ""]]),
     "aria-disabled": t.disabled || null,
-    style: z({ overflow: t.disabled ? "hidden" : t.bordered ? "initial" : "auto" }),
+    style: B({ overflow: t.disabled ? "hidden" : t.bordered ? "initial" : "auto" }),
     role: "table"
   }, [
     f("div", {
@@ -6697,7 +6697,7 @@ function Wd(e, s, t, a, n, i) {
     t.disabled ? (o(), l("div", qd)) : u("", !0)
   ], 46, Rd);
 }
-const Ty = /* @__PURE__ */ _(Fd, [["render", Wd], ["__scopeId", "data-v-67fc9746"]]);
+const My = /* @__PURE__ */ _(Fd, [["render", Wd], ["__scopeId", "data-v-67fc9746"]]);
 const jd = {
   name: "ecs-data-grid-row",
   emits: ["rowdrop", "click", "collapse"],
@@ -6823,7 +6823,7 @@ function Jd(e, s, t, a, n, i) {
     ], 10, Zd)
   ]);
 }
-const My = /* @__PURE__ */ _(Yd, [["render", Jd], ["__scopeId", "data-v-9382f10e"]]);
+const Ly = /* @__PURE__ */ _(Yd, [["render", Jd], ["__scopeId", "data-v-9382f10e"]]);
 const Qd = {
   name: "ecs-select",
   emits: [
@@ -7183,7 +7183,7 @@ function vu(e, s, t, a, n, i) {
   const r = p("ecs-icon"), c = p("ecs-select"), d = p("ecs-focus-ring");
   return o(), l("div", {
     class: v(["ecs-data-grid-head-cell", [t.fixedLeft ? "fixed-left" : "", t.fixedLeftLast ? "fixed-left-last" : "", t.fixedRight ? "fixed-right" : ""]]),
-    style: z([i.widthType === "string" ? i.widthStyles : {}, i.fixedStyles]),
+    style: B([i.widthType === "string" ? i.widthStyles : {}, i.fixedStyles]),
     role: "columnheader",
     "aria-sort": i.ariaSort,
     "aria-label": t.icon ? t.name : null
@@ -7195,7 +7195,7 @@ function vu(e, s, t, a, n, i) {
     f("div", {
       ref: "resizer",
       class: v(["ecs-data-grid-head-cell-inner", t.resizable ? "resizable" : ""]),
-      style: z([i.widthType === "number" ? i.widthStyles : { width: "100%" }, i.paddingStyles, i.resizeStyles, t.styles]),
+      style: B([i.widthType === "number" ? i.widthStyles : { width: "100%" }, i.paddingStyles, i.resizeStyles, t.styles]),
       "data-column": i.computedId,
       "data-test": i.computedId
     }, [
@@ -7270,7 +7270,7 @@ function vu(e, s, t, a, n, i) {
     }, null, 2)) : u("", !0)
   ], 14, au);
 }
-const Ly = /* @__PURE__ */ _(nu, [["render", vu], ["__scopeId", "data-v-6615f628"]]);
+const Oy = /* @__PURE__ */ _(nu, [["render", vu], ["__scopeId", "data-v-6615f628"]]);
 const _u = {
   name: "ecs-data-grid-group",
   props: {
@@ -7297,7 +7297,7 @@ function bu(e, s, t, a, n, i) {
     [ft, t.show]
   ]);
 }
-const Oy = /* @__PURE__ */ _(_u, [["render", bu], ["__scopeId", "data-v-ee025ab5"]]);
+const Ay = /* @__PURE__ */ _(_u, [["render", bu], ["__scopeId", "data-v-ee025ab5"]]);
 const ku = {
   name: "ecs-data-grid-cell",
   emits: ["collapse"],
@@ -7435,7 +7435,7 @@ function Bu(e, s, t, a, n, i) {
   const r = p("ecs-button-collapse");
   return o(), l("div", {
     class: v(["ecs-data-grid-cell", [t.fixedLeft ? "fixed-left" : "", t.fixedLeftLast ? "fixed-left-last" : "", t.fixedRight ? "fixed-right" : ""]]),
-    style: z([i.widthType === "string" ? i.widthStyles : {}, i.fixedStyles]),
+    style: B([i.widthType === "string" ? i.widthStyles : {}, i.fixedStyles]),
     role: "cell"
   }, [
     t.fixedRight ? (o(), l("div", {
@@ -7444,7 +7444,7 @@ function Bu(e, s, t, a, n, i) {
     }, null, 2)) : u("", !0),
     f("div", {
       class: "ecs-data-grid-cell-inner",
-      style: z([i.widthType === "number" ? i.widthStyles : { width: "100%" }, i.paddingStyles, t.styles]),
+      style: B([i.widthType === "number" ? i.widthStyles : { width: "100%" }, i.paddingStyles, t.styles]),
       "data-column": i.computedId,
       "data-test": i.computedId
     }, [
@@ -7464,7 +7464,7 @@ function Bu(e, s, t, a, n, i) {
     }, null, 2)) : u("", !0)
   ], 6);
 }
-const Ay = /* @__PURE__ */ _(ku, [["render", Bu], ["__scopeId", "data-v-ed970d99"]]), zu = {
+const Ny = /* @__PURE__ */ _(ku, [["render", Bu], ["__scopeId", "data-v-ed970d99"]]), zu = {
   name: "ecs-data-list"
 }, Iu = {
   class: "ecs-data-list",
@@ -7475,7 +7475,7 @@ function Eu(e, s, t, a, n, i) {
     m(e.$slots, "default")
   ]);
 }
-const Ny = /* @__PURE__ */ _(zu, [["render", Eu]]);
+const Dy = /* @__PURE__ */ _(zu, [["render", Eu]]);
 const $u = {
   name: "ecs-data-list-item",
   emits: ["toggled"],
@@ -7629,7 +7629,7 @@ function Ou(e, s, t, a, n, i) {
           key: 2,
           class: "progress",
           role: "progressbar",
-          style: z({ width: t.progress + "%" }),
+          style: B({ width: t.progress + "%" }),
           "aria-valuenow": t.progress
         }, null, 12, Mu)) : u("", !0)
       ], 10, Tu)
@@ -7645,7 +7645,7 @@ function Ou(e, s, t, a, n, i) {
     ], 10, Lu)) : u("", !0)
   ]);
 }
-const Dy = /* @__PURE__ */ _($u, [["render", Ou], ["__scopeId", "data-v-99c893a3"]]);
+const Fy = /* @__PURE__ */ _($u, [["render", Ou], ["__scopeId", "data-v-99c893a3"]]);
 const Au = {
   name: "ecs-dialog",
   emits: ["toggled", "cancel"],
@@ -7726,7 +7726,7 @@ function Du(e, s, t, a, n, i) {
     ], 2)) : u("", !0)
   ], 34)) : u("", !0);
 }
-const Fy = /* @__PURE__ */ _(Au, [["render", Du]]);
+const Ry = /* @__PURE__ */ _(Au, [["render", Du]]);
 const Fu = {
   __name: "state-icon",
   props: {
@@ -7791,7 +7791,7 @@ const Fu = {
       ));
     }), (n, i) => (o(), l("div", {
       class: v(["ecs-state-icon", e.iconColor]),
-      style: z(t.value)
+      style: B(t.value)
     }, [
       (o(), y(Te(ie(a)), {
         height: e.size,
@@ -7839,7 +7839,7 @@ function Wu(e, s, t, a, n, i) {
     ]))
   ]);
 }
-const Ry = /* @__PURE__ */ _(Vu, [["render", Wu], ["__scopeId", "data-v-6e05c98b"]]), ju = {
+const Vy = /* @__PURE__ */ _(Vu, [["render", Wu], ["__scopeId", "data-v-6e05c98b"]]), ju = {
   __name: "favicon",
   props: {
     /** The identifier of the favicon which should show up. */
@@ -7920,14 +7920,14 @@ function Yu(e, s, t, a, n, i) {
     t.indicator ? (o(), l("div", {
       key: 2,
       class: "indicator",
-      style: z("background-color:" + t.indicator)
+      style: B("background-color:" + t.indicator)
     }, null, 4)) : u("", !0),
     f("div", Ku, [
       m(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const Vy = /* @__PURE__ */ _(Gu, [["render", Yu], ["__scopeId", "data-v-800f5f8e"]]);
+const Hy = /* @__PURE__ */ _(Gu, [["render", Yu], ["__scopeId", "data-v-800f5f8e"]]);
 const Xu = {
   name: "ecs-document-state",
   components: {
@@ -7983,7 +7983,7 @@ function nf(e, s, t, a, n, i) {
     ])) : u("", !0)
   ], 8, Zu);
 }
-const Hy = /* @__PURE__ */ _(Xu, [["render", nf], ["__scopeId", "data-v-00c4c6d7"]]);
+const qy = /* @__PURE__ */ _(Xu, [["render", nf], ["__scopeId", "data-v-00c4c6d7"]]);
 const af = {
   props: {
     /** The initial value of the chart as a percentage. */
@@ -8037,7 +8037,7 @@ const af = {
 function cf(e, s, t, a, n, i) {
   return o(), l("div", {
     class: "ecs-donut-chart",
-    style: z(i.wrapperPadding)
+    style: B(i.wrapperPadding)
   }, [
     (o(), l("svg", {
       height: t.size,
@@ -8073,7 +8073,7 @@ function cf(e, s, t, a, n, i) {
     ], 8, of))
   ], 4);
 }
-const qy = /* @__PURE__ */ _(af, [["render", cf], ["__scopeId", "data-v-851d95d9"]]);
+const Wy = /* @__PURE__ */ _(af, [["render", cf], ["__scopeId", "data-v-851d95d9"]]);
 const df = {
   name: "ecs-empty-state",
   components: { EcsIcon: M },
@@ -8177,7 +8177,7 @@ function _f(e, s, t, a, n, i) {
         t.infinite ? "ecs-progress-infinite" : "",
         t.cancelled ? "ecs-progress-cancelled" : ""
       ]]),
-      style: z({ width: 100 * (t.value / i.computedMax) + "%" })
+      style: B({ width: 100 * (t.value / i.computedMax) + "%" })
     }, null, 6)
   ], 8, vf);
 }
@@ -8353,27 +8353,27 @@ const bf = {
   class: "ecs-dropzone-error-message"
 };
 function If(e, s, t, a, n, i) {
-  const r = p("ecs-skeleton-loader"), c = p("ecs-focus-ring"), d = p("ecs-text"), g = p("ecs-sticker"), h = p("ecs-flex-row"), k = p("ecs-progress"), B = p("ecs-empty-state"), I = p("ecs-button");
+  const r = p("ecs-skeleton-loader"), c = p("ecs-focus-ring"), d = p("ecs-text"), g = p("ecs-sticker"), h = p("ecs-flex-row"), k = p("ecs-progress"), z = p("ecs-empty-state"), I = p("ecs-button");
   return o(), l("div", {
     class: v(["ecs-dropzone", [
       t.error ? "ecs-dropzone-error" : "",
       t.disabled ? "ecs-dropzone-disabled" : "",
       n.dragging ? "ecs-dropzone-dragging" : ""
     ]]),
-    onDragover: s[3] || (s[3] = (...S) => i.handleDragOver && i.handleDragOver(...S)),
-    onDragenter: s[4] || (s[4] = (...S) => i.handleDragEnter && i.handleDragEnter(...S)),
-    onDragleave: s[5] || (s[5] = (...S) => i.handleDragLeave && i.handleDragLeave(...S)),
-    onDrop: s[6] || (s[6] = G((...S) => i.drop && i.drop(...S), ["prevent"])),
+    onDragover: s[3] || (s[3] = (...C) => i.handleDragOver && i.handleDragOver(...C)),
+    onDragenter: s[4] || (s[4] = (...C) => i.handleDragEnter && i.handleDragEnter(...C)),
+    onDragleave: s[5] || (s[5] = (...C) => i.handleDragLeave && i.handleDragLeave(...C)),
+    onDrop: s[6] || (s[6] = G((...C) => i.drop && i.drop(...C), ["prevent"])),
     "aria-busy": i.isBusy || null,
     "aria-invalid": t.error || null
   }, [
     f("input", {
-      onChange: s[0] || (s[0] = (...S) => i.change && i.change(...S)),
+      onChange: s[0] || (s[0] = (...C) => i.change && i.change(...C)),
       type: "file",
       multiple: t.multiple || null,
       ref: "file"
     }, null, 40, xf),
-    b(B, {
+    b(z, {
       type: i.iconType,
       iconColor: i.iconColor
     }, {
@@ -8387,8 +8387,8 @@ function If(e, s, t, a, n, i) {
           e.$slots.customlabel ? u("", !0) : (o(), l(Z, { key: 0 }, [
             D(" Drag and drop your " + x(t.fileTypeLabel) + " or ", 1),
             f("i", {
-              onClick: s[1] || (s[1] = (...S) => i.browseFile && i.browseFile(...S)),
-              onKeydown: s[2] || (s[2] = U((...S) => i.browseFile && i.browseFile(...S), ["enter"])),
+              onClick: s[1] || (s[1] = (...C) => i.browseFile && i.browseFile(...C)),
+              onKeydown: s[2] || (s[2] = U((...C) => i.browseFile && i.browseFile(...C), ["enter"])),
               tabindex: "0"
             }, [
               D("browse"),
@@ -8469,7 +8469,7 @@ function If(e, s, t, a, n, i) {
     }, 8, ["onClick", "icon"])) : u("", !0)
   ], 42, kf);
 }
-const Wy = /* @__PURE__ */ _(bf, [["render", If], ["__scopeId", "data-v-973ea74d"]]);
+const jy = /* @__PURE__ */ _(bf, [["render", If], ["__scopeId", "data-v-973ea74d"]]);
 const Ef = {
   name: "ecs-entry-link",
   emits: ["linkClick", "linkClickExternal", "moreClick"],
@@ -8584,7 +8584,7 @@ function Lf(e, s, t, a, n, i) {
     }, null, 8, ["onClick", "title", "aria-label"])) : u("", !0)
   ]);
 }
-const jy = /* @__PURE__ */ _(Ef, [["render", Lf], ["__scopeId", "data-v-00b5ab33"]]);
+const Gy = /* @__PURE__ */ _(Ef, [["render", Lf], ["__scopeId", "data-v-00b5ab33"]]);
 const Of = {
   name: "ecs-excerpt-snippet",
   components: { EcsIcon: M, EcsSkeletonLoader: Ce, EcsFormatted: Ds },
@@ -8690,7 +8690,7 @@ function Wf(e, s, t, a, n, i) {
     ]),
     f("div", {
       class: "ecs-excerpt-content scrollbar scrollbar-sml",
-      style: z(i.maxHeightStyles)
+      style: B(i.maxHeightStyles)
     }, [
       t.loading ? (o(), y(r, {
         key: 0,
@@ -8709,10 +8709,10 @@ function Wf(e, s, t, a, n, i) {
           m(e.$slots, "default", {}, void 0, !0)
         ])) : t.type == "rectangle" ? (o(), l("div", Hf, [
           f("span", {
-            style: z("color:" + t.annotationColor)
+            style: B("color:" + t.annotationColor)
           }, "Rectangle Annotation", 4),
           f("div", {
-            style: z("background-color:" + t.annotationColor)
+            style: B("background-color:" + t.annotationColor)
           }, null, 4)
         ])) : (o(), l("div", qf, [
           m(e.$slots, "default", {}, void 0, !0)
@@ -8721,7 +8721,7 @@ function Wf(e, s, t, a, n, i) {
     ], 4)
   ], 2);
 }
-const Gy = /* @__PURE__ */ _(Of, [["render", Wf], ["__scopeId", "data-v-f582192b"]]), Uy = {
+const Uy = /* @__PURE__ */ _(Of, [["render", Wf], ["__scopeId", "data-v-f582192b"]]), Ky = {
   __name: "fill-icon",
   props: {
     /** The identifier of the icon which should show up. */
@@ -8772,7 +8772,7 @@ function Uf(e, s, t, a, n, i) {
     m(e.$slots, "default")
   ]);
 }
-const Ky = /* @__PURE__ */ _(jf, [["render", Uf]]);
+const Yy = /* @__PURE__ */ _(jf, [["render", Uf]]);
 const Kf = {
   name: "ecs-file-list-item",
   emits: ["click", "remove", "toggled", "title-click"],
@@ -8979,7 +8979,7 @@ function op(e, s, t, a, n, i) {
           t.progress ? (o(), l("div", {
             key: 3,
             class: "loading-bar",
-            style: z({ width: t.progress + "%" }),
+            style: B({ width: t.progress + "%" }),
             role: "progressbar",
             "aria-valuenow": t.progress
           }, null, 12, tp)) : u("", !0)
@@ -9004,7 +9004,7 @@ function op(e, s, t, a, n, i) {
       default: w(() => [
         e.$slots.edit && t.edit ? (o(), l("div", {
           key: 0,
-          style: z({ maxHeight: n.editHeight + "px" }),
+          style: B({ maxHeight: n.editHeight + "px" }),
           id: n.editId
         }, [
           f("div", ap, [
@@ -9016,7 +9016,7 @@ function op(e, s, t, a, n, i) {
     })
   ], 10, Yf);
 }
-const Yy = /* @__PURE__ */ _(Kf, [["render", op], ["__scopeId", "data-v-c870bb34"]]);
+const Xy = /* @__PURE__ */ _(Kf, [["render", op], ["__scopeId", "data-v-c870bb34"]]);
 const rp = { class: "ecs-flag" }, lp = {
   __name: "flag",
   props: {
@@ -9075,7 +9075,7 @@ const rp = { class: "ecs-flag" }, lp = {
       }, null, 8, ["alt"])) : u("", !0)
     ]));
   }
-}, Xy = /* @__PURE__ */ _(lp, [["__scopeId", "data-v-bb2af2bc"]]);
+}, Zy = /* @__PURE__ */ _(lp, [["__scopeId", "data-v-bb2af2bc"]]);
 const cp = {
   name: "ecs-flex-col",
   props: {
@@ -9324,7 +9324,7 @@ function xp(e, s, t, a, n, i) {
       t.borderless ? "" : "ecs-scroll-container-border",
       t.hideShadows ? "" : "ecs-scroll-container-shadows"
     ]]),
-    style: z({ maxHeight: t.height, padding: t.padding })
+    style: B({ maxHeight: t.height, padding: t.padding })
   }, [
     m(e.$slots, "default", {}, void 0, !0)
   ], 6);
@@ -9397,7 +9397,7 @@ function zp(e, s, t, a, n, i) {
   const r = p("ecs-input-search"), c = p("ecs-button"), d = p("ecs-scroll-container");
   return o(), l("div", {
     class: v(["ecs-folder-selector", [t.framed ? "ecs-folder-selector-border" : ""]]),
-    style: z({ height: i.isFullHeight })
+    style: B({ height: i.isFullHeight })
   }, [
     t.searchable || t.create ? (o(), l("div", Cp, [
       t.searchable ? (o(), y(r, {
@@ -9435,7 +9435,7 @@ function zp(e, s, t, a, n, i) {
     }, 8, ["height", "padding"])
   ], 6);
 }
-const Zy = /* @__PURE__ */ _(Sp, [["render", zp], ["__scopeId", "data-v-feb6cf8d"]]);
+const Jy = /* @__PURE__ */ _(Sp, [["render", zp], ["__scopeId", "data-v-feb6cf8d"]]);
 const Ip = {
   name: "ecs-form-group",
   components: { EcsText: it },
@@ -9511,7 +9511,7 @@ function Op(e, s) {
     ])) : u("", !0)
   ]);
 }
-const Jy = /* @__PURE__ */ _(Pp, [["render", Op], ["__scopeId", "data-v-16833f69"]]);
+const Qy = /* @__PURE__ */ _(Pp, [["render", Op], ["__scopeId", "data-v-16833f69"]]);
 const Ap = {
   name: "ecs-form-set",
   props: {
@@ -9536,7 +9536,7 @@ function Fp(e, s, t, a, n, i) {
     m(e.$slots, "default", {}, void 0, !0)
   ], 10, Np);
 }
-const Qy = /* @__PURE__ */ _(Ap, [["render", Fp], ["__scopeId", "data-v-c9188464"]]);
+const eb = /* @__PURE__ */ _(Ap, [["render", Fp], ["__scopeId", "data-v-c9188464"]]);
 const Rp = {
   name: "ecs-toolbar",
   props: {
@@ -9627,7 +9627,7 @@ function Xp(e, s, t, a, n, i) {
     _: 3
   });
 }
-const eb = /* @__PURE__ */ _(Wp, [["render", Xp], ["__scopeId", "data-v-3e639a35"]]);
+const tb = /* @__PURE__ */ _(Wp, [["render", Xp], ["__scopeId", "data-v-3e639a35"]]);
 const Zp = {
   name: "ecs-info-tooltip",
   emits: ["click"],
@@ -9659,7 +9659,7 @@ function Jp(e, s, t, a, n, i) {
     }, null, 8, ["type"])
   ]);
 }
-const tb = /* @__PURE__ */ _(Zp, [["render", Jp], ["__scopeId", "data-v-97a5e4d9"]]);
+const sb = /* @__PURE__ */ _(Zp, [["render", Jp], ["__scopeId", "data-v-97a5e4d9"]]);
 const Qp = {
   name: "ecs-input",
   emits: ["update:modelValue", "change", "keyup", "blur"],
@@ -9827,14 +9827,14 @@ function ag(e, s, t, a, n, i) {
     }, null, 8, ["type"])) : u("", !0)
   ], 2);
 }
-const sb = /* @__PURE__ */ _(ng, [["render", ag]]);
+const ib = /* @__PURE__ */ _(ng, [["render", ag]]);
 const og = {
   name: "ecs-input-connector"
 }, rg = { class: "ecs-input-group-addon connector" };
 function lg(e, s, t, a, n, i) {
   return o(), l("span", rg);
 }
-const ib = /* @__PURE__ */ _(og, [["render", lg]]);
+const nb = /* @__PURE__ */ _(og, [["render", lg]]);
 const cg = {
   name: "ecs-input-float",
   emits: ["input"],
@@ -9931,7 +9931,7 @@ function pg(e, s, t, a, n, i) {
     f("label", { for: n.uniqueId }, x(t.label), 9, fg)
   ]);
 }
-const nb = /* @__PURE__ */ _(cg, [["render", pg], ["__scopeId", "data-v-3191dd13"]]);
+const ab = /* @__PURE__ */ _(cg, [["render", pg], ["__scopeId", "data-v-3191dd13"]]);
 const gg = {
   props: {
     /** If the input group contains only one input element, set this prop to true. */
@@ -9948,7 +9948,7 @@ function mg(e, s, t, a, n, i) {
     m(e.$slots, "default")
   ], 2);
 }
-const ab = /* @__PURE__ */ _(gg, [["render", mg]]);
+const ob = /* @__PURE__ */ _(gg, [["render", mg]]);
 const hg = {
   name: "ecs-jumper-document",
   emits: [
@@ -10052,7 +10052,7 @@ function yg(e, s, t, a, n, i) {
     _: 1
   });
 }
-const ob = /* @__PURE__ */ _(hg, [["render", yg], ["__scopeId", "data-v-9ff41728"]]);
+const rb = /* @__PURE__ */ _(hg, [["render", yg], ["__scopeId", "data-v-9ff41728"]]);
 const bg = {
   name: "ecs-jumper-index",
   emits: [
@@ -10165,7 +10165,7 @@ function Cg(e, s, t, a, n, i) {
     _: 1
   });
 }
-const rb = /* @__PURE__ */ _(bg, [["render", Cg], ["__scopeId", "data-v-e2edd2d3"]]);
+const lb = /* @__PURE__ */ _(bg, [["render", Cg], ["__scopeId", "data-v-e2edd2d3"]]);
 const Bg = {
   name: "ecs-jumper-page",
   emits: [
@@ -10264,7 +10264,7 @@ function Dg(e, s, t, a, n, i) {
     ])
   ]);
 }
-const lb = /* @__PURE__ */ _(Bg, [["render", Dg], ["__scopeId", "data-v-0346f2c1"]]), Fg = {
+const cb = /* @__PURE__ */ _(Bg, [["render", Dg], ["__scopeId", "data-v-0346f2c1"]]), Fg = {
   // eslint-disable-next-line vue/multi-word-component-names
   name: "ecs-pane",
   inject: ["requestUpdate", "onPaneAdd", "onPaneRemove", "onPaneClick"],
@@ -10318,7 +10318,7 @@ function Rg(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: z(e.style)
+    style: B(e.style)
   }, [
     m(e.$slots, "default")
   ], 4);
@@ -10717,14 +10717,14 @@ function Ug(e, s, t, a, n, i) {
       e.$slots.sidebar ? (o(), l("div", {
         key: 0,
         class: v(["ecs-index-layout-sidebar", [t.overlaySidebar ? "overlay" : ""]]),
-        style: z(i.sidebarPosition)
+        style: B(i.sidebarPosition)
       }, [
         m(e.$slots, "sidebar", {}, void 0, !0)
       ], 6)) : u("", !0)
     ], 2)
   ], 2);
 }
-const cb = /* @__PURE__ */ _(qg, [["render", Ug], ["__scopeId", "data-v-7e2fc186"]]);
+const db = /* @__PURE__ */ _(qg, [["render", Ug], ["__scopeId", "data-v-7e2fc186"]]);
 const Kg = {
   name: "ecs-layout-directory",
   props: {
@@ -10767,7 +10767,7 @@ function em(e, s, t, a, n, i) {
     ])
   ]);
 }
-const db = /* @__PURE__ */ _(Kg, [["render", em], ["__scopeId", "data-v-dd8572c4"]]);
+const ub = /* @__PURE__ */ _(Kg, [["render", em], ["__scopeId", "data-v-dd8572c4"]]);
 const tm = {
   name: "ecs-layout-data-table",
   components: { EcsActionToolbar: xi, EcsButton: Se },
@@ -10876,7 +10876,7 @@ function cm(e, s, t, a, n, i) {
     ], 2)) : u("", !0)
   ], 2);
 }
-const ub = /* @__PURE__ */ _(tm, [["render", cm], ["__scopeId", "data-v-5e52ad1d"]]);
+const fb = /* @__PURE__ */ _(tm, [["render", cm], ["__scopeId", "data-v-5e52ad1d"]]);
 const dm = {
   name: "ecs-legend-item",
   emits: ["click"],
@@ -10960,7 +10960,7 @@ function gm(e, s, t, a, n, i) {
     default: w(() => [
       f("div", {
         class: v(["ecs-legend-item-color", t.type]),
-        style: z({ backgroundColor: i.validColor })
+        style: B({ backgroundColor: i.validColor })
       }, null, 6),
       f("div", um, x(t.label), 1),
       t.count ? (o(), l("div", fm, x(t.count), 1)) : u("", !0),
@@ -10968,14 +10968,14 @@ function gm(e, s, t, a, n, i) {
       t.highlight || t.hover ? (o(), l("div", {
         key: 2,
         class: "ecs-legend-item-highlight",
-        style: z({ backgroundColor: i.validColor })
+        style: B({ backgroundColor: i.validColor })
       }, null, 4)) : u("", !0),
       t.hover ? (o(), y(r, { key: 3 })) : u("", !0)
     ]),
     _: 1
   }, 8, ["role", "tabindex", "class"]);
 }
-const fb = /* @__PURE__ */ _(dm, [["render", gm], ["__scopeId", "data-v-3e5473d4"]]);
+const pb = /* @__PURE__ */ _(dm, [["render", gm], ["__scopeId", "data-v-3e5473d4"]]);
 const mm = {
   name: "ecs-log-message",
   components: {
@@ -11029,7 +11029,7 @@ function _m(e, s, t, a, n, i) {
     role: i.alertRole,
     "aria-busy": t.loading || null,
     align: "start",
-    style: z(i.padding)
+    style: B(i.padding)
   }, {
     default: w(() => [
       t.loading && t.type != "blank" ? (o(), y(r, {
@@ -11054,7 +11054,7 @@ function _m(e, s, t, a, n, i) {
     _: 3
   }, 8, ["class", "role", "aria-busy", "style"]);
 }
-const pb = /* @__PURE__ */ _(mm, [["render", _m], ["__scopeId", "data-v-d461aa9b"]]);
+const gb = /* @__PURE__ */ _(mm, [["render", _m], ["__scopeId", "data-v-d461aa9b"]]);
 const ym = {
   name: "ecs-map",
   components: { EcsFocusRing: L },
@@ -11100,7 +11100,7 @@ function xm(e, s, t, a, n, i) {
     ], 8, bm)
   ], 2);
 }
-const gb = /* @__PURE__ */ _(ym, [["render", xm], ["__scopeId", "data-v-e2371c57"]]);
+const mb = /* @__PURE__ */ _(ym, [["render", xm], ["__scopeId", "data-v-e2371c57"]]);
 const wm = {
   name: "ecs-modal",
   props: {
@@ -11167,7 +11167,7 @@ function Em(e, s, t, a, n, i) {
       }, [
         f("div", {
           class: "ecs-modal-dialog ecs-modal-sheet",
-          style: z(i.fixedHeightStyle)
+          style: B(i.fixedHeightStyle)
         }, [
           e.$slots.header ? (o(), l("div", Cm, [
             m(e.$slots, "header", {}, void 0, !0)
@@ -11185,7 +11185,7 @@ function Em(e, s, t, a, n, i) {
     _: 3
   });
 }
-const mb = /* @__PURE__ */ _(wm, [["render", Em], ["__scopeId", "data-v-04163948"]]);
+const hb = /* @__PURE__ */ _(wm, [["render", Em], ["__scopeId", "data-v-04163948"]]);
 const $m = {
   name: "ecs-modal-header",
   emits: ["close"],
@@ -11257,7 +11257,7 @@ function Lm(e, s, t, a, n, i) {
     ])) : u("", !0)
   ], 2);
 }
-const hb = /* @__PURE__ */ _($m, [["render", Lm], ["__scopeId", "data-v-14ff8a6b"]]);
+const vb = /* @__PURE__ */ _($m, [["render", Lm], ["__scopeId", "data-v-14ff8a6b"]]);
 const Om = {
   name: "ecs-modal-footer"
 }, Am = { class: "ecs-modal-footer" }, Nm = {
@@ -11274,7 +11274,7 @@ function Fm(e, s, t, a, n, i) {
     ])
   ]);
 }
-const vb = /* @__PURE__ */ _(Om, [["render", Fm], ["__scopeId", "data-v-ac286496"]]);
+const _b = /* @__PURE__ */ _(Om, [["render", Fm], ["__scopeId", "data-v-ac286496"]]);
 const Rm = {
   name: "ecs-select-text",
   emits: ["change", "focus", "blur"],
@@ -11530,7 +11530,7 @@ function Xm(e, s, t, a, n, i) {
     ])
   ], 34);
 }
-const _b = /* @__PURE__ */ _(Wm, [["render", Xm], ["__scopeId", "data-v-57205caa"]]);
+const yb = /* @__PURE__ */ _(Wm, [["render", Xm], ["__scopeId", "data-v-57205caa"]]);
 const Zm = {
   name: "ecs-multiselect-token",
   emits: ["remove"],
@@ -11560,7 +11560,7 @@ function Jm(e, s, t, a, n, i) {
     ])
   ], 32);
 }
-const yb = /* @__PURE__ */ _(Zm, [["render", Jm], ["__scopeId", "data-v-ce139540"]]);
+const bb = /* @__PURE__ */ _(Zm, [["render", Jm], ["__scopeId", "data-v-ce139540"]]);
 const Qm = {
   name: "ecs-multiselect-option",
   components: {
@@ -11596,7 +11596,7 @@ function th(e, s, t, a, n, i) {
     m(e.$slots, "default", {}, void 0, !0)
   ], 10, eh);
 }
-const bb = /* @__PURE__ */ _(Qm, [["render", th], ["__scopeId", "data-v-ceac7867"]]);
+const kb = /* @__PURE__ */ _(Qm, [["render", th], ["__scopeId", "data-v-ceac7867"]]);
 const sh = {
   name: "ecs-overlay",
   emits: ["close", "toggled"],
@@ -11785,11 +11785,11 @@ function _h(e, s, t, a, n, i) {
       n.isShown ? (o(), l("div", {
         key: 0,
         class: "ecs-overlay",
-        style: z({ top: t.offsetTop + "px", height: "calc(100vh - " + t.offsetTop + "px" })
+        style: B({ top: t.offsetTop + "px", height: "calc(100vh - " + t.offsetTop + "px" })
       }, [
         f("header", {
           class: "ecs-overlay-header",
-          style: z(e.$slots.alert ? "" : "border-bottom: 1px solid var(--color-gray-4);")
+          style: B(e.$slots.alert ? "" : "border-bottom: 1px solid var(--color-gray-4);")
         }, [
           f("div", ih, [
             t.icon ? (o(), y(r, {
@@ -11857,7 +11857,7 @@ function _h(e, s, t, a, n, i) {
           }, [
             f("div", {
               class: v(["ecs-overlay-content-inner-inner", e.$slots.sidebar && !t.fullWidth && n.width > 1500 ? "has-sidebar" : " "]),
-              style: z({ width: i.contentWidth, maxWidth: i.contentMaxWidth, minWidth: i.contentMinWidth, paddingLeft: i.contentPadding, paddingRight: i.contentPadding })
+              style: B({ width: i.contentWidth, maxWidth: i.contentMaxWidth, minWidth: i.contentMinWidth, paddingLeft: i.contentPadding, paddingRight: i.contentPadding })
             }, [
               m(e.$slots, "default", {}, void 0, !0)
             ], 6),
@@ -11880,7 +11880,7 @@ function _h(e, s, t, a, n, i) {
           f("div", mh, [
             f("div", {
               class: "ecs-overlay-footer-content-inner",
-              style: z({ width: i.contentWidth, maxWidth: i.contentMaxWidth, minWidth: i.contentMinWidth, paddingLeft: i.contentPadding, paddingRight: i.contentPadding })
+              style: B({ width: i.contentWidth, maxWidth: i.contentMaxWidth, minWidth: i.contentMinWidth, paddingLeft: i.contentPadding, paddingRight: i.contentPadding })
             }, [
               m(e.$slots, "footer", {}, void 0, !0)
             ], 4),
@@ -11893,7 +11893,7 @@ function _h(e, s, t, a, n, i) {
     _: 3
   });
 }
-const kb = /* @__PURE__ */ _(sh, [["render", _h], ["__scopeId", "data-v-9e17191b"]]);
+const xb = /* @__PURE__ */ _(sh, [["render", _h], ["__scopeId", "data-v-9e17191b"]]);
 const yh = {
   name: "ecs-pagination",
   emits: ["firstPage", "prevPage", "nextPage", "lastPage", "updatePage", "itemsPerPage"],
@@ -12016,7 +12016,7 @@ function zh(e, s, t, a, n, i) {
     b(c, {
       gap: 8,
       class: "ecs-pagination-nav",
-      style: z({ minWidth: t.tabsSpacing - 4 + "px" })
+      style: B({ minWidth: t.tabsSpacing - 4 + "px" })
     }, {
       default: w(() => [
         t.type == "paginated" ? (o(), l(Z, { key: 0 }, [
@@ -12142,7 +12142,7 @@ function zh(e, s, t, a, n, i) {
     })) : u("", !0)
   ], 2);
 }
-const xb = /* @__PURE__ */ _(yh, [["render", zh], ["__scopeId", "data-v-ca016e63"]]);
+const wb = /* @__PURE__ */ _(yh, [["render", zh], ["__scopeId", "data-v-ca016e63"]]);
 const Ih = {
   name: "ecs-party-entry",
   components: { EcsIcon: M, EcsSticker: Re },
@@ -12234,13 +12234,13 @@ function $h(e, s, t, a, n, i) {
   const r = p("ecs-icon"), c = p("ecs-sticker");
   return o(), l("div", {
     class: v(["ecs-party-entry", [t.party, t.color && t.background ? "ecs-party-entry-colored" : ""]]),
-    style: z({ color: t.color })
+    style: B({ color: t.color })
   }, [
     t.icon && t.iconPosition == "left" ? (o(), y(r, {
       key: 0,
       type: i.iconType,
       color: i.iconColor,
-      style: z("margin-right:" + t.iconSpacing),
+      style: B("margin-right:" + t.iconSpacing),
       size: t.iconSize
     }, null, 8, ["type", "color", "style", "size"])) : u("", !0),
     t.shared ? (o(), y(c, {
@@ -12254,13 +12254,13 @@ function $h(e, s, t, a, n, i) {
       key: 2,
       type: i.iconType,
       color: i.iconColor,
-      style: z("margin-left:" + t.iconSpacing),
+      style: B("margin-left:" + t.iconSpacing),
       size: t.iconSize
     }, null, 8, ["type", "color", "style", "size"])) : u("", !0),
     t.background ? (o(), l("div", Eh)) : u("", !0)
   ], 6);
 }
-const wb = /* @__PURE__ */ _(Ih, [["render", $h], ["__scopeId", "data-v-c6300895"]]);
+const Sb = /* @__PURE__ */ _(Ih, [["render", $h], ["__scopeId", "data-v-c6300895"]]);
 const Ph = {
   name: "ecs-popover-header",
   components: { EcsIcon: M, EcsText: it },
@@ -12311,7 +12311,7 @@ function Oh(e, s, t, a, n, i) {
     ])) : u("", !0)
   ]);
 }
-const Sb = /* @__PURE__ */ _(Ph, [["render", Oh], ["__scopeId", "data-v-c7ef1a5a"]]);
+const Cb = /* @__PURE__ */ _(Ph, [["render", Oh], ["__scopeId", "data-v-c7ef1a5a"]]);
 const Ah = {
   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. */
@@ -12337,7 +12337,7 @@ function Dh(e, s, t, a, n, i) {
     ])) : u("", !0)
   ], 2);
 }
-const Cb = /* @__PURE__ */ _(Ah, [["render", Dh], ["__scopeId", "data-v-dcc071bc"]]);
+const Bb = /* @__PURE__ */ _(Ah, [["render", Dh], ["__scopeId", "data-v-dcc071bc"]]);
 const Fh = {
   name: "ecs-rating-star-read",
   components: { EcsSkeletonLoader: Ce },
@@ -12584,7 +12584,7 @@ function iv(e, s, t, a, n, i) {
   }, [
     t.type === "icon" ? (o(), l("label", {
       key: 0,
-      onClick: s[0] || (s[0] = (B) => e.$emit("click", B)),
+      onClick: s[0] || (s[0] = (z) => e.$emit("click", z)),
       tabindex: "0",
       role: "button"
     }, [
@@ -12595,7 +12595,7 @@ function iv(e, s, t, a, n, i) {
     ])) : t.type === "favorability" ? (o(), l("div", {
       key: 1,
       class: "ecs-form-check",
-      onClick: s[1] || (s[1] = (B) => e.$emit("click", B)),
+      onClick: s[1] || (s[1] = (z) => e.$emit("click", z)),
       tabindex: "0",
       role: "button"
     }, [
@@ -12612,7 +12612,7 @@ function iv(e, s, t, a, n, i) {
       b(c)
     ])) : (o(), y(k, {
       key: 2,
-      onInput: s[3] || (s[3] = (B) => e.$emit("input", B)),
+      onInput: s[3] || (s[3] = (z) => e.$emit("input", z)),
       value: t.value,
       "value-false": t.valueFalse,
       "value-true": t.valueTrue,
@@ -12624,7 +12624,7 @@ function iv(e, s, t, a, n, i) {
           rating: t.rating
         }, null, 8, ["rating"])) : t.type === "switch" ? (o(), y(h, {
           key: 1,
-          onInput: s[2] || (s[2] = (B) => e.$emit("toggle", B)),
+          onInput: s[2] || (s[2] = (z) => e.$emit("toggle", z)),
           value: t.valueToggle,
           disabled: t.value == !1 || null,
           size: "sml-toggle",
@@ -12641,7 +12641,7 @@ function iv(e, s, t, a, n, i) {
     }, 8, ["value", "value-false", "value-true", "disabled"]))
   ], 2);
 }
-const Bb = /* @__PURE__ */ _(Yh, [["render", iv], ["__scopeId", "data-v-fe97cca0"]]);
+const zb = /* @__PURE__ */ _(Yh, [["render", iv], ["__scopeId", "data-v-fe97cca0"]]);
 const nv = {
   name: "ecs-rating-star-write",
   emits: ["click"],
@@ -12707,7 +12707,7 @@ function mv(e, s, t, a, n, i) {
     ])
   ], 2);
 }
-const zb = /* @__PURE__ */ _(nv, [["render", mv], ["__scopeId", "data-v-37aaedf8"]]);
+const Ib = /* @__PURE__ */ _(nv, [["render", mv], ["__scopeId", "data-v-37aaedf8"]]);
 const hv = {
   name: "ecs-section",
   props: {
@@ -12789,7 +12789,7 @@ function _v(e, s, t, a, n, i) {
     ], 2)
   ], 2);
 }
-const Ib = /* @__PURE__ */ _(hv, [["render", _v], ["__scopeId", "data-v-06167820"]]);
+const Eb = /* @__PURE__ */ _(hv, [["render", _v], ["__scopeId", "data-v-06167820"]]);
 const yv = {
   name: "ecs-segments",
   emits: ["click"],
@@ -12866,7 +12866,7 @@ function wv(e, s, t, a, n, i) {
     ], 8, bv))), 128))
   ], 2);
 }
-const Eb = /* @__PURE__ */ _(yv, [["render", wv], ["__scopeId", "data-v-053b5298"]]);
+const $b = /* @__PURE__ */ _(yv, [["render", wv], ["__scopeId", "data-v-053b5298"]]);
 const Sv = {
   name: "ecs-select-tile",
   emits: ["click"],
@@ -12940,7 +12940,7 @@ function $v(e, s, t, a, n, i) {
     })
   ], 42, Bv);
 }
-const $b = /* @__PURE__ */ _(Sv, [["render", $v], ["__scopeId", "data-v-00e842c6"]]);
+const Pb = /* @__PURE__ */ _(Sv, [["render", $v], ["__scopeId", "data-v-00e842c6"]]);
 const Pv = {
   name: "ecs-sequence-map"
 }, Tv = {
@@ -12953,7 +12953,7 @@ function Mv(e, s, t, a, n, i) {
     m(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Pb = /* @__PURE__ */ _(Pv, [["render", Mv], ["__scopeId", "data-v-69c3c73d"]]);
+const Tb = /* @__PURE__ */ _(Pv, [["render", Mv], ["__scopeId", "data-v-69c3c73d"]]);
 const Lv = {
   name: "ecs-sequence-map-button",
   emits: ["click"],
@@ -13012,7 +13012,7 @@ function Fv(e, s, t, a, n, i) {
     Dv
   ], 10, Av);
 }
-const Tb = /* @__PURE__ */ _(Lv, [["render", Fv], ["__scopeId", "data-v-9fd5b3f7"]]);
+const Mb = /* @__PURE__ */ _(Lv, [["render", Fv], ["__scopeId", "data-v-9fd5b3f7"]]);
 const Rv = {
   name: "ecs-tab-bar",
   props: {
@@ -13105,7 +13105,7 @@ function Kv(e, s, t, a, n, i) {
   const r = p("ecs-tab-bar"), c = p("ecs-tabs");
   return o(), l("aside", {
     class: v(["ecs-sidebar", [i.sizeClass, i.expandClass]]),
-    style: z(i.height)
+    style: B(i.height)
   }, [
     f("div", Uv, [
       b(r, { type: "sidebar" }, {
@@ -13123,7 +13123,7 @@ function Kv(e, s, t, a, n, i) {
     })
   ], 6);
 }
-const Mb = /* @__PURE__ */ _(Gv, [["render", Kv], ["__scopeId", "data-v-5e877161"]]);
+const Lb = /* @__PURE__ */ _(Gv, [["render", Kv], ["__scopeId", "data-v-5e877161"]]);
 const Yv = {
   name: "ecs-sidebar-content",
   props: {
@@ -13150,7 +13150,7 @@ function Zv(e, s, t, a, n, i) {
     t.blockContent ? (o(), l("div", Xv)) : u("", !0)
   ], 2);
 }
-const Lb = /* @__PURE__ */ _(Yv, [["render", Zv], ["__scopeId", "data-v-4bee4a71"]]);
+const Ob = /* @__PURE__ */ _(Yv, [["render", Zv], ["__scopeId", "data-v-4bee4a71"]]);
 const Jv = {
   name: "ecs-sidebar-footer",
   props: {
@@ -13179,7 +13179,7 @@ function Qv(e, s, t, a, n, i) {
     ], 2)
   ], 2);
 }
-const Ob = /* @__PURE__ */ _(Jv, [["render", Qv], ["__scopeId", "data-v-0c35a678"]]);
+const Ab = /* @__PURE__ */ _(Jv, [["render", Qv], ["__scopeId", "data-v-0c35a678"]]);
 const e_ = {
   name: "ecs-sidebar-header",
   props: {
@@ -13229,7 +13229,7 @@ function r_(e, s, t, a, n, i) {
     })
   ]);
 }
-const Ab = /* @__PURE__ */ _(e_, [["render", r_], ["__scopeId", "data-v-20db91a4"]]);
+const Nb = /* @__PURE__ */ _(e_, [["render", r_], ["__scopeId", "data-v-20db91a4"]]);
 const l_ = {
   name: "ecs-structured-content",
   props: {
@@ -13255,7 +13255,7 @@ function u_(e, s, t, a, n, i) {
     ])) : u("", !0)
   ], 2);
 }
-const Nb = /* @__PURE__ */ _(l_, [["render", u_], ["__scopeId", "data-v-cec887e2"]]);
+const Db = /* @__PURE__ */ _(l_, [["render", u_], ["__scopeId", "data-v-cec887e2"]]);
 const f_ = {
   name: "ecs-swatches-picker",
   emits: ["update:modelValue"],
@@ -13326,11 +13326,11 @@ function g_(e, s, t, a, n, i) {
       "aria-label": r.title,
       "aria-checked": n.selectedColor == r.hex ? "true" : "false",
       class: v(["ecs-swatches-color", n.selectedColor == r.hex ? "active" : ""]),
-      style: z({ backgroundColor: r.hex, color: r.hex })
+      style: B({ backgroundColor: r.hex, color: r.hex })
     }, null, 46, p_))), 128))
   ], 2);
 }
-const Db = /* @__PURE__ */ _(f_, [["render", g_], ["__scopeId", "data-v-74fe1e26"]]);
+const Fb = /* @__PURE__ */ _(f_, [["render", g_], ["__scopeId", "data-v-74fe1e26"]]);
 const m_ = {
   name: "ecs-tab",
   props: {
@@ -13374,7 +13374,7 @@ function v_(e, s, t, a, n, i) {
     m(e.$slots, "default", {}, void 0, !0)
   ], 10, h_);
 }
-const Fb = /* @__PURE__ */ _(m_, [["render", v_], ["__scopeId", "data-v-273aa82d"]]);
+const Rb = /* @__PURE__ */ _(m_, [["render", v_], ["__scopeId", "data-v-273aa82d"]]);
 const __ = {
   name: "ecs-tab-button",
   emits: ["click"],
@@ -13486,7 +13486,7 @@ function w_(e, s, t, a, n, i) {
     x_
   ], 10, b_);
 }
-const Rb = /* @__PURE__ */ _(__, [["render", w_], ["__scopeId", "data-v-97affa42"]]);
+const Vb = /* @__PURE__ */ _(__, [["render", w_], ["__scopeId", "data-v-97affa42"]]);
 const S_ = {
   name: "ecs-tag",
   emits: ["click"],
@@ -13522,11 +13522,43 @@ const S_ = {
     loading: {
       type: Boolean,
       default: !1
+    },
+    /** Shows the tag in a custom color. Needs to be a valid color value (HEX, RGB, HSL). */
+    color: {
+      type: String,
+      default: null
+    },
+    /** Shows the parent tags as a tag path infront of the tag name. Levels should be separated by "/" and will be truncated automatically (only the direct parent tag will be shown, all other parents in a tooltip). */
+    path: {
+      type: String,
+      default: null
     }
   },
   computed: {
     typeClass() {
       return this.type && this.type !== "" && this.type === "group" ? `ecs-tag-round ecs-tag-${this.type}` : this.type === "party" && this.party && this.party !== "" ? `ecs-tag-party-${this.party}` : `ecs-tag-${this.type}`;
+    },
+    truncatedPath() {
+      if (this.path && this.path !== "") {
+        let e = this.path;
+        return e.endsWith("/") && (e = e.slice(0, -1)), e = e.split("/"), e.length > 1 ? `.../${e[e.length - 1]}/` : `${e[0]}/`;
+      }
+    },
+    convertedColor() {
+      return this.color && this.color !== "" ? S(this.color).toRgbString() : null;
+    },
+    colorIsDark() {
+      return this.color && this.color !== "" ? S(this.color).isDark() : null;
+    },
+    customColorStyle() {
+      if (this.color && this.color !== "")
+        return this.colorIsDark ? {
+          background: S(this.color).toRgbString(),
+          color: S(this.color).lighten(65).toRgbString()
+        } : {
+          background: S(this.color).toRgbString(),
+          color: S(this.color).darken(65).toRgbString()
+        };
     }
   },
   methods: {
@@ -13534,11 +13566,11 @@ const S_ = {
       this.$emit("click", e);
     }
   }
-}, C_ = ["role", "tabindex", "aria-busy"], B_ = {
-  key: 0,
+}, C_ = ["role", "tabindex", "aria-busy"], B_ = ["title"], z_ = {
+  key: 1,
   class: "count"
 };
-function z_(e, s, t, a, n, i) {
+function I_(e, s, t, a, n, i) {
   const r = p("ecs-skeleton-loader"), c = p("ecs-focus-ring");
   return o(), l("span", {
     class: v(["ecs-tag", [
@@ -13548,35 +13580,41 @@ function z_(e, s, t, a, n, i) {
       t.loading ? "loading" : ""
     ]]),
     onClick: s[0] || (s[0] = (...d) => i.handleClick && i.handleClick(...d)),
+    style: B(i.customColorStyle),
     role: t.hover ? "button" : !1,
     tabindex: t.hover ? "0" : "-1",
     "aria-busy": t.loading || null
   }, [
+    t.path ? (o(), l("span", {
+      key: 0,
+      class: "path",
+      title: t.path
+    }, x(i.truncatedPath), 9, B_)) : u("", !0),
     m(e.$slots, "default", {}, void 0, !0),
-    t.count ? (o(), l("span", B_, x(t.count), 1)) : u("", !0),
+    t.count ? (o(), l("span", z_, x(t.count), 1)) : u("", !0),
     t.loading ? (o(), y(r, {
-      key: 1,
+      key: 2,
       type: "single",
       width: 100,
       style: { width: "calc(100% - 20px)" }
     })) : u("", !0),
     b(c)
-  ], 10, C_);
+  ], 14, C_);
 }
-const Vb = /* @__PURE__ */ _(S_, [["render", z_], ["__scopeId", "data-v-0c30f3a8"]]);
-const I_ = {
+const Hb = /* @__PURE__ */ _(S_, [["render", I_], ["__scopeId", "data-v-877749ec"]]);
+const E_ = {
   name: "ecs-tag-cloud"
-}, E_ = {
+}, $_ = {
   class: "ecs-tag-cloud",
   role: "list"
 };
-function $_(e, s, t, a, n, i) {
-  return o(), l("div", E_, [
+function P_(e, s, t, a, n, i) {
+  return o(), l("div", $_, [
     m(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Hb = /* @__PURE__ */ _(I_, [["render", $_], ["__scopeId", "data-v-4334fe7e"]]);
-const P_ = {
+const qb = /* @__PURE__ */ _(E_, [["render", P_], ["__scopeId", "data-v-4334fe7e"]]);
+const T_ = {
   name: "ecs-toast",
   emits: ["action"],
   components: { EcsFocusRing: L },
@@ -13599,7 +13637,7 @@ const P_ = {
     }
   }
 };
-function T_(e, s, t, a, n, i) {
+function M_(e, s, t, a, n, i) {
   const r = p("ecs-focus-ring");
   return o(), l("div", {
     class: v(["ecs-toast", i.typeClass]),
@@ -13621,15 +13659,15 @@ function T_(e, s, t, a, n, i) {
     ])) : u("", !0)
   ], 2);
 }
-const qb = /* @__PURE__ */ _(P_, [["render", T_], ["__scopeId", "data-v-86de0a28"]]);
-const M_ = {
+const Wb = /* @__PURE__ */ _(T_, [["render", M_], ["__scopeId", "data-v-86de0a28"]]);
+const L_ = {
   name: "ecs-toasts"
-}, L_ = {
+}, O_ = {
   class: "ecs-toasts",
   "aria-live": "polite"
 };
-function O_(e, s, t, a, n, i) {
-  return o(), l("div", L_, [
+function A_(e, s, t, a, n, i) {
+  return o(), l("div", O_, [
     b(ci, { name: "transition-toast" }, {
       default: w(() => [
         m(e.$slots, "default", {}, void 0, !0)
@@ -13638,8 +13676,8 @@ function O_(e, s, t, a, n, i) {
     })
   ]);
 }
-const Wb = /* @__PURE__ */ _(M_, [["render", O_], ["__scopeId", "data-v-451fee48"]]);
-const A_ = {
+const jb = /* @__PURE__ */ _(L_, [["render", A_], ["__scopeId", "data-v-451fee48"]]);
+const N_ = {
   name: "ecs-transcript-state",
   emits: ["click"],
   components: {
@@ -13658,20 +13696,20 @@ const A_ = {
       default: !1
     }
   }
-}, N_ = ["aria-busy"], D_ = {
+}, D_ = ["aria-busy"], F_ = {
   key: 0,
   class: "healthy"
-}, F_ = {
+}, R_ = {
   key: 1,
   class: "repairing"
-}, R_ = {
+}, V_ = {
   key: 2,
   class: "corrupted"
-}, V_ = {
+}, H_ = {
   key: 3,
   class: "loading"
 };
-function H_(e, s, t, a, n, i) {
+function q_(e, s, t, a, n, i) {
   const r = p("ecs-icon");
   return o(), l("div", {
     onClick: s[0] || (s[0] = (c) => e.$emit("click", c)),
@@ -13682,20 +13720,20 @@ function H_(e, s, t, a, n, i) {
       type: "toolbar-transcript",
       color: "#929AA9"
     }),
-    t.state == "healthy" ? (o(), l("div", D_)) : u("", !0),
-    t.state == "repairing" ? (o(), l("div", F_)) : u("", !0),
-    t.state == "corrupted" ? (o(), l("div", R_)) : u("", !0),
-    t.state == "loading" ? (o(), l("span", V_, [
+    t.state == "healthy" ? (o(), l("div", F_)) : u("", !0),
+    t.state == "repairing" ? (o(), l("div", R_)) : u("", !0),
+    t.state == "corrupted" ? (o(), l("div", V_)) : u("", !0),
+    t.state == "loading" ? (o(), l("span", H_, [
       b(r, {
         type: "loading",
         size: "18px",
         color: "#202127"
       })
     ])) : u("", !0)
-  ], 10, N_);
+  ], 10, D_);
 }
-const jb = /* @__PURE__ */ _(A_, [["render", H_], ["__scopeId", "data-v-9ceb80a6"]]);
-const q_ = {
+const Gb = /* @__PURE__ */ _(N_, [["render", q_], ["__scopeId", "data-v-9ceb80a6"]]);
+const W_ = {
   name: "ecs-tree-list",
   props: {
     /** Optional unique ID for the list. */
@@ -13709,18 +13747,18 @@ const q_ = {
       default: "tree"
     }
   }
-}, W_ = ["id", "role"];
-function j_(e, s, t, a, n, i) {
+}, j_ = ["id", "role"];
+function G_(e, s, t, a, n, i) {
   return o(), l("div", {
     class: "ecs-tree-view-list",
     id: t.id,
     role: t.role
   }, [
     m(e.$slots, "default", {}, void 0, !0)
-  ], 8, W_);
+  ], 8, j_);
 }
-const Gb = /* @__PURE__ */ _(q_, [["render", j_], ["__scopeId", "data-v-b2d4ee72"]]);
-const G_ = {
+const Ub = /* @__PURE__ */ _(W_, [["render", G_], ["__scopeId", "data-v-b2d4ee72"]]);
+const U_ = {
   name: "ecs-tree-list-item",
   emits: ["click", "toggled"],
   components: { EcsIcon: M, EcsButtonCollapse: Os, EcsFocusRing: L },
@@ -13844,14 +13882,14 @@ const G_ = {
   created() {
     this.expandId = this.generateUniqueId();
   }
-}, U_ = ["tabindex"], K_ = {
+}, K_ = ["tabindex"], Y_ = {
   key: 3,
   class: "ecs-tree-view-entry-control"
-}, Y_ = {
+}, X_ = {
   key: 5,
   class: "ecs-tree-view-entry-actions"
-}, X_ = ["id", "aria-hidden"];
-function Z_(e, s, t, a, n, i) {
+}, Z_ = ["id", "aria-hidden"];
+function J_(e, s, t, a, n, i) {
   const r = p("ecs-focus-ring"), c = p("ecs-button-collapse"), d = p("ecs-icon");
   return o(), l("div", null, [
     f("div", {
@@ -13885,7 +13923,7 @@ function Z_(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", K_, [
+      e.$slots.control ? (o(), l("div", Y_, [
         m(e.$slots, "control", {}, void 0, !0)
       ])) : u("", !0),
       f("span", {
@@ -13899,10 +13937,10 @@ function Z_(e, s, t, a, n, i) {
         onClick: s[1] || (s[1] = (g) => e.$emit("click", g)),
         class: "after-label"
       }, x(t.afterLabel), 1)) : u("", !0),
-      e.$slots.actions ? (o(), l("div", Y_, [
+      e.$slots.actions ? (o(), l("div", X_, [
         m(e.$slots, "actions", {}, void 0, !0)
       ])) : u("", !0)
-    ], 42, U_),
+    ], 42, K_),
     e.$slots.collapse ? (o(), l("div", {
       key: 0,
       class: v(n.isVisible ? "collapse-show" : "collapse-hide"),
@@ -13910,20 +13948,20 @@ function Z_(e, s, t, a, n, i) {
       "aria-hidden": n.isVisible ? "false" : "true"
     }, [
       m(e.$slots, "collapse", {}, void 0, !0)
-    ], 10, X_)) : u("", !0)
+    ], 10, Z_)) : u("", !0)
   ]);
 }
-const Ub = /* @__PURE__ */ _(G_, [["render", Z_], ["__scopeId", "data-v-5ad9b59c"]]);
-const J_ = {
+const Kb = /* @__PURE__ */ _(U_, [["render", J_], ["__scopeId", "data-v-5ad9b59c"]]);
+const Q_ = {
   name: "ecs-tree-list-headline"
-}, Q_ = { class: "ecs-tree-view-headline" };
-function ey(e, s, t, a, n, i) {
-  return o(), l("div", Q_, [
+}, ey = { class: "ecs-tree-view-headline" };
+function ty(e, s, t, a, n, i) {
+  return o(), l("div", ey, [
     m(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Kb = /* @__PURE__ */ _(J_, [["render", ey], ["__scopeId", "data-v-a5153e06"]]);
-const ty = {
+const Yb = /* @__PURE__ */ _(Q_, [["render", ty], ["__scopeId", "data-v-a5153e06"]]);
+const sy = {
   name: "EcsTypeConfirmation",
   emits: ["update:modelValue"],
   components: { EcsInput: ig, EcsAlert: ks, EcsFormGroup: $p },
@@ -13970,8 +14008,8 @@ const ty = {
   mounted() {
     this.uniqueId = "input-" + this.generateUniqueId();
   }
-}, sy = ["for"], iy = { class: "ecs-type-confirmation-verb" }, ny = ["for"], ay = { class: "ecs-type-confirmation-verb" };
-function oy(e, s, t, a, n, i) {
+}, iy = ["for"], ny = { class: "ecs-type-confirmation-verb" }, ay = ["for"], oy = { class: "ecs-type-confirmation-verb" };
+function ry(e, s, t, a, n, i) {
   const r = p("ecs-input"), c = p("ecs-form-group"), d = p("ecs-alert");
   return t.alertType != "none" ? (o(), y(d, {
     key: 0,
@@ -13982,7 +14020,7 @@ function oy(e, s, t, a, n, i) {
       m(e.$slots, "default", {}, void 0, !0),
       b(c, { class: "ecs-type-confirmation-input" }, {
         default: w(() => [
-          f("label", { for: n.uniqueId }, "To complete this action, please enter " + x(i.upperCaseVerb) + ":", 9, sy),
+          f("label", { for: n.uniqueId }, "To complete this action, please enter " + x(i.upperCaseVerb) + ":", 9, iy),
           b(r, {
             modelValue: n.inputValue,
             "onUpdate:modelValue": s[0] || (s[0] = (g) => n.inputValue = g),
@@ -13991,7 +14029,7 @@ function oy(e, s, t, a, n, i) {
             id: n.uniqueId,
             style: { "text-transform": "uppercase" }
           }, null, 8, ["modelValue", "onInput", "error", "id"]),
-          f("span", iy, x(i.upperCaseVerb), 1)
+          f("span", ny, x(i.upperCaseVerb), 1)
         ]),
         _: 1
       })
@@ -14002,7 +14040,7 @@ function oy(e, s, t, a, n, i) {
     class: "ecs-type-confirmation-input"
   }, {
     default: w(() => [
-      f("label", { for: n.uniqueId }, "To complete this action, please enter " + x(i.upperCaseVerb) + ":", 9, ny),
+      f("label", { for: n.uniqueId }, "To complete this action, please enter " + x(i.upperCaseVerb) + ":", 9, ay),
       b(r, {
         modelValue: n.inputValue,
         "onUpdate:modelValue": s[1] || (s[1] = (g) => n.inputValue = g),
@@ -14011,13 +14049,13 @@ function oy(e, s, t, a, n, i) {
         id: n.uniqueId,
         style: { "text-transform": "uppercase" }
       }, null, 8, ["modelValue", "onInput", "error", "id"]),
-      f("span", ay, x(i.upperCaseVerb), 1)
+      f("span", oy, x(i.upperCaseVerb), 1)
     ]),
     _: 1
   }));
 }
-const Yb = /* @__PURE__ */ _(ty, [["render", oy], ["__scopeId", "data-v-784286f6"]]);
-const ry = {
+const Xb = /* @__PURE__ */ _(sy, [["render", ry], ["__scopeId", "data-v-784286f6"]]);
+const ly = {
   name: "ecs-video",
   props: {
     /** URL to an optional poster image. */
@@ -14056,8 +14094,8 @@ const ry = {
     }
     */
   }
-}, ly = ["poster", "autoplay", "loop", "controls", "src"];
-function cy(e, s, t, a, n, i) {
+}, cy = ["poster", "autoplay", "loop", "controls", "src"];
+function dy(e, s, t, a, n, i) {
   return o(), l("video", {
     poster: t.posterImage,
     autoplay: t.autoplay,
@@ -14065,149 +14103,149 @@ function cy(e, s, t, a, n, i) {
     controls: t.controls,
     class: "ecs-video",
     src: t.mp4Source
-  }, null, 8, ly);
+  }, null, 8, cy);
 }
-const Xb = /* @__PURE__ */ _(ry, [["render", cy], ["__scopeId", "data-v-ce84fcb3"]]);
+const Zb = /* @__PURE__ */ _(ly, [["render", dy], ["__scopeId", "data-v-ce84fcb3"]]);
 export {
   xi as EcsActionToolbar,
   ks as EcsAlert,
-  uy as EcsAudio,
+  fy as EcsAudio,
   Mi as EcsAvatar,
-  fy as EcsBanner,
-  py as EcsBreadcrumb,
-  gy as EcsBreadcrumbButton,
-  my as EcsBreadcrumbTitle,
-  hy as EcsBulkSelector,
+  py as EcsBanner,
+  gy as EcsBreadcrumb,
+  my as EcsBreadcrumbButton,
+  hy as EcsBreadcrumbTitle,
+  vy as EcsBulkSelector,
   Se as EcsButton,
   Os as EcsButtonCollapse,
-  _y as EcsButtonContext,
-  yy as EcsButtonContextGroup,
-  by as EcsButtonDialog,
-  vy as EcsButtonGroup,
+  yy as EcsButtonContext,
+  by as EcsButtonContextGroup,
+  ky as EcsButtonDialog,
+  _y as EcsButtonGroup,
   As as EcsButtonMore,
   Ns as EcsButtonTable,
   gt as EcsButtonToolbar,
   Ht as EcsButtonToolbarGroup,
-  ky as EcsButtonToolbarIcon,
-  xy as EcsCard,
+  xy as EcsButtonToolbarIcon,
+  wy as EcsCard,
   Vt as EcsCheckbox,
-  wy as EcsCitationLine,
-  Cy as EcsCollapse,
-  By as EcsCollectionControl,
+  Sy as EcsCitationLine,
+  By as EcsCollapse,
+  zy as EcsCollectionControl,
   bd as EcsColorPicker,
-  Ey as EcsColorPickerInput,
-  zy as EcsComment,
-  Iy as EcsCommentList,
-  Sy as EcsContextMenu,
-  $y as EcsDataCard,
-  Py as EcsDataCardList,
-  Ty as EcsDataGrid,
-  Ay as EcsDataGridCell,
-  Oy as EcsDataGridGroup,
-  Ly as EcsDataGridHeadCell,
+  $y as EcsColorPickerInput,
+  Iy as EcsComment,
+  Ey as EcsCommentList,
+  Cy as EcsContextMenu,
+  Py as EcsDataCard,
+  Ty as EcsDataCardList,
+  My as EcsDataGrid,
+  Ny as EcsDataGridCell,
+  Ay as EcsDataGridGroup,
+  Oy as EcsDataGridHeadCell,
   Kd as EcsDataGridRow,
-  My as EcsDataGridRowGroup,
-  Ny as EcsDataList,
-  Dy as EcsDataListItem,
-  Fy as EcsDialog,
-  Ry as EcsDialogHeader,
-  Vy as EcsDirectoryEntry,
-  Hy as EcsDocumentState,
-  qy as EcsDonutChart,
-  Wy as EcsDropzone,
+  Ly as EcsDataGridRowGroup,
+  Dy as EcsDataList,
+  Fy as EcsDataListItem,
+  Ry as EcsDialog,
+  Vy as EcsDialogHeader,
+  Hy as EcsDirectoryEntry,
+  qy as EcsDocumentState,
+  Wy as EcsDonutChart,
+  jy as EcsDropzone,
   mf as EcsEmptyState,
-  jy as EcsEntryLink,
-  Gy as EcsExcerptSnippet,
+  Gy as EcsEntryLink,
+  Uy as EcsExcerptSnippet,
   ju as EcsFavicon,
   Ls as EcsFileIcon,
-  Ky as EcsFileList,
-  Yy as EcsFileListItem,
-  Uy as EcsFillIcon,
-  Xy as EcsFlag,
+  Yy as EcsFileList,
+  Xy as EcsFileListItem,
+  Ky as EcsFillIcon,
+  Zy as EcsFlag,
   up as EcsFlexCol,
   Me as EcsFlexRow,
   L as EcsFocusRing,
-  Zy as EcsFolderSelector,
+  Jy as EcsFolderSelector,
   Rt as EcsFormCheck,
   $p as EcsFormGroup,
-  Jy as EcsFormHeadline,
-  Qy as EcsFormSet,
+  Qy as EcsFormHeadline,
+  eb as EcsFormSet,
   Ds as EcsFormatted,
   M as EcsIcon,
-  eb as EcsIndexToolbar,
-  tb as EcsInfoTooltip,
+  tb as EcsIndexToolbar,
+  sb as EcsInfoTooltip,
   ig as EcsInput,
-  sb as EcsInputAddon,
+  ib as EcsInputAddon,
   hp as EcsInputClear,
-  ib as EcsInputConnector,
-  nb as EcsInputFloat,
-  ab as EcsInputGroup,
+  nb as EcsInputConnector,
+  ab as EcsInputFloat,
+  ob as EcsInputGroup,
   bp as EcsInputSearch,
-  ob as EcsJumperDocument,
-  rb as EcsJumperIndex,
-  lb as EcsJumperPage,
-  ub as EcsLayoutDataTable,
-  db as EcsLayoutDirectory,
-  cb as EcsLayoutIndex,
-  fb as EcsLegendItem,
-  pb as EcsLogMessage,
-  gb as EcsMap,
-  mb as EcsModal,
-  vb as EcsModalFooter,
-  hb as EcsModalHeader,
-  bb as EcsMultiselectOption,
-  _b as EcsMultiselectSearchToken,
-  yb as EcsMultiselectToken,
-  kb as EcsOverlay,
-  xb as EcsPagination,
+  rb as EcsJumperDocument,
+  lb as EcsJumperIndex,
+  cb as EcsJumperPage,
+  fb as EcsLayoutDataTable,
+  ub as EcsLayoutDirectory,
+  db as EcsLayoutIndex,
+  pb as EcsLegendItem,
+  gb as EcsLogMessage,
+  mb as EcsMap,
+  hb as EcsModal,
+  _b as EcsModalFooter,
+  vb as EcsModalHeader,
+  kb as EcsMultiselectOption,
+  yb as EcsMultiselectSearchToken,
+  bb as EcsMultiselectToken,
+  xb as EcsOverlay,
+  wb as EcsPagination,
   Vg as EcsPane,
-  wb as EcsPartyEntry,
+  Sb as EcsPartyEntry,
   Ts as EcsPopover,
-  Sb as EcsPopoverHeader,
+  Cb as EcsPopoverHeader,
   ua as EcsPopoverList,
-  Cb as EcsPopoverListHeadline,
+  Bb as EcsPopoverListHeadline,
   uo as EcsPopoverListItem,
   yf as EcsProgress,
-  Bb as EcsQuicklink,
+  zb as EcsQuicklink,
   Sa as EcsRadiobutton,
   Kh as EcsRatingFavorability,
   qh as EcsRatingStarRead,
-  zb as EcsRatingStarWrite,
+  Ib as EcsRatingStarWrite,
   wp as EcsScrollContainer,
-  Ib as EcsSection,
-  Eb as EcsSegment,
+  Eb as EcsSection,
+  $b as EcsSegment,
   js as EcsSelect,
   qm as EcsSelectText,
-  $b as EcsSelectTile,
+  Pb as EcsSelectTile,
   _o as EcsSeparator,
-  Pb as EcsSequenceMap,
-  Tb as EcsSequenceMapButton,
-  Mb as EcsSidebar,
-  Lb as EcsSidebarContent,
-  Ob as EcsSidebarFooter,
-  Ab as EcsSidebarHeader,
+  Tb as EcsSequenceMap,
+  Mb as EcsSequenceMapButton,
+  Lb as EcsSidebar,
+  Ob as EcsSidebarContent,
+  Ab as EcsSidebarFooter,
+  Nb as EcsSidebarHeader,
   Ce as EcsSkeletonLoader,
   Da as EcsSortbutton,
   Hg as EcsSplitpanes,
   Ru as EcsStateIcon,
   Re as EcsSticker,
-  Nb as EcsStructuredContent,
-  Db as EcsSwatchesPicker,
+  Db as EcsStructuredContent,
+  Fb as EcsSwatchesPicker,
   Ms as EcsSwitch,
-  Fb as EcsTab,
+  Rb as EcsTab,
   Hv as EcsTabBar,
-  Rb as EcsTabButton,
+  Vb as EcsTabButton,
   jv as EcsTabs,
-  Vb as EcsTag,
-  Hb as EcsTagCloud,
+  Hb as EcsTag,
+  qb as EcsTagCloud,
   it as EcsText,
-  qb as EcsToast,
-  Wb as EcsToasts,
+  Wb as EcsToast,
+  jb as EcsToasts,
   qp as EcsToolbar,
-  jb as EcsTranscriptState,
-  Gb as EcsTreeList,
-  Kb as EcsTreeListHeadline,
-  Ub as EcsTreeListItem,
-  Yb as EcsTypeConfirmation,
-  Xb as EcsVideo
+  Gb as EcsTranscriptState,
+  Ub as EcsTreeList,
+  Yb as EcsTreeListHeadline,
+  Kb as EcsTreeListItem,
+  Xb as EcsTypeConfirmation,
+  Zb as EcsVideo
 };