@everchron/ec-shards 8.13.18 → 8.13.20

package/dist/ec-shards.js

@@ -1,4 +1,4 @@
-import { defineAsyncComponent as te, watch as ce, openBlock as o, createBlock as b, resolveDynamicComponent as Pe, unref as ae, normalizeClass as h, createElementBlock as l, normalizeStyle as B, resolveComponent as g, createVNode as _, createCommentVNode as u, createElementVNode as f, createTextVNode as D, toDisplayString as w, renderSlot as p, Transition as me, withCtx as S, computed as _e, reactive as Qs, nextTick as ei, onBeforeUnmount as Pt, toRefs as bs, isRef as ti, onMounted as _s, useSlots as si, ref as Ye, watchEffect as kt, withKeys as G, Teleport as ii, withDirectives as Ge, vShow as gt, mergeProps as De, normalizeProps as ni, guardReactiveProps as ai, withModifiers as U, pushScopeId as ye, popScopeId as be, Fragment as J, renderList as pe, resolveDirective as oi, vModelText as ri, h as li, TransitionGroup as ci } from "vue";
+import { defineAsyncComponent as te, watch as ce, openBlock as o, createBlock as b, resolveDynamicComponent as Pe, unref as ae, normalizeClass as h, createElementBlock as l, normalizeStyle as C, resolveComponent as g, createVNode as _, createCommentVNode as u, createElementVNode as f, createTextVNode as D, toDisplayString as w, renderSlot as p, Transition as me, withCtx as S, computed as _e, reactive as Qs, nextTick as ei, onBeforeUnmount as Pt, toRefs as bs, isRef as ti, onMounted as _s, useSlots as si, ref as Ye, watchEffect as kt, withKeys as G, Teleport as ii, withDirectives as Ge, vShow as gt, mergeProps as De, normalizeProps as ni, guardReactiveProps as ai, withModifiers as U, pushScopeId as ye, popScopeId as be, Fragment as J, renderList as pe, resolveDirective as oi, vModelText as ri, h as li, TransitionGroup as ci } from "vue";
 const se = (e, s) => {
   const t = e[s];
   return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((a, n) => {
@@ -84,7 +84,7 @@ const se = (e, s) => {
 function fi(e, s, t, a, n, i) {
   return o(), l("span", {
     class: h(["ecs-focus-ring", t.danger ? "ecs-focus-ring-danger" : ""]),
-    style: B(i.styles)
+    style: C(i.styles)
   }, null, 6);
 }
 const L = /* @__PURE__ */ v(ui, [["render", fi], ["__scopeId", "data-v-8d624905"]]), gi = {
@@ -176,7 +176,7 @@ function yi(e, s, t, a, n, i) {
       t.inset ? "ecs-alert-inset" : "",
       t.border !== !1 ? "ecs-alert-border" : ""
     ]]),
-    style: B(i.borderStyles),
+    style: C(i.borderStyles),
     role: "alert"
   }, [
     t.dismissable ? (o(), l("button", {
@@ -335,7 +335,7 @@ const db = /* @__PURE__ */ v(Si, [["render", zi], ["__scopeId", "data-v-4e7ca115
       "aria-busy": t.value || null,
       width: e.size,
       height: e.size,
-      style: B(`color: ${n.value}`)
+      style: C(`color: ${n.value}`)
     }, null, 8, ["class", "aria-busy", "width", "height", "style"])) : u("", !0);
   }
 }, Fe = /* @__PURE__ */ v(Ii, [["__scopeId", "data-v-add9195d"]]), Ei = {
@@ -457,7 +457,7 @@ function Ti(e, s, t, a, n, i) {
   const r = g("ecs-sticker");
   return o(), l("div", {
     class: h(["avatar", i.partyClass]),
-    style: B([i.style, t.customStyle]),
+    style: C([i.style, t.customStyle]),
     role: t.image ? "img" : "none",
     "aria-label": t.name
   }, [
@@ -547,7 +547,7 @@ function Oi(e, s, t, a, n, i) {
     t.dismissable ? (o(), l("button", {
       key: 0,
       onClick: s[0] || (s[0] = (...d) => i.dismiss && i.dismiss(...d)),
-      style: B(i.dismissButtonStyle),
+      style: C(i.dismissButtonStyle),
       class: "close",
       "aria-label": "Dismiss"
     }, [
@@ -697,19 +697,20 @@ const mb = /* @__PURE__ */ v(Vi, [["render", qi], ["__scopeId", "data-v-422cc046
       return this.wrap == !0 ? "ecs-flex-row-wrap" : this.wrap;
     },
     gapStyle() {
-      return this.direction == "row" || this.direction == "row-reverse" ? "column-gap: " + this.gap + "px;" : "row-gap: " + this.gap + "px;";
+      const e = this.gap || 0;
+      return this.direction === "row" || this.direction === "row-reverse" ? `column-gap: ${e}px;` : `row-gap: ${e}px;`;
     }
   }
 };
 function ji(e, s, t, a, n, i) {
   return o(), l("div", {
     class: h(["ecs-flex-row", [i.directionClass, i.justifyClass, i.alignClass, i.wrapClass]]),
-    style: B(i.gapStyle)
+    style: C(i.gapStyle)
   }, [
     p(e.$slots, "default", {}, void 0, !0)
   ], 6);
 }
-const Te = /* @__PURE__ */ v(Wi, [["render", ji], ["__scopeId", "data-v-c8b221b0"]]);
+const Te = /* @__PURE__ */ v(Wi, [["render", ji], ["__scopeId", "data-v-c8f59d36"]]);
 var rt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function ws(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -1093,7 +1094,7 @@ function Ps(e, s) {
 }
 function Rt(e, s) {
   s === void 0 && (s = {});
-  var t = s, a = t.placement, n = a === void 0 ? e.placement : a, i = t.strategy, r = i === void 0 ? e.strategy : i, c = t.boundary, d = c === void 0 ? Ji : c, m = t.rootBoundary, y = m === void 0 ? Cs : m, k = t.elementContext, z = k === void 0 ? Xe : k, I = t.altBoundary, C = I === void 0 ? !1 : I, $ = t.padding, T = $ === void 0 ? 0 : $, O = $s(typeof T != "number" ? T : Ps(T, it)), R = z === Xe ? Qi : Xe, H = e.rects.popper, P = e.elements[C ? R : z], A = bn(Re(P) ? P : P.contextElement || Me(e.elements.popper), d, y, r), E = We(e.elements.reference), N = Is({
+  var t = s, a = t.placement, n = a === void 0 ? e.placement : a, i = t.strategy, r = i === void 0 ? e.strategy : i, c = t.boundary, d = c === void 0 ? Ji : c, m = t.rootBoundary, y = m === void 0 ? Cs : m, k = t.elementContext, z = k === void 0 ? Xe : k, I = t.altBoundary, B = I === void 0 ? !1 : I, $ = t.padding, T = $ === void 0 ? 0 : $, O = $s(typeof T != "number" ? T : Ps(T, it)), R = z === Xe ? Qi : Xe, H = e.rects.popper, P = e.elements[B ? R : z], A = bn(Re(P) ? P : P.contextElement || Me(e.elements.popper), d, y, r), E = We(e.elements.reference), N = Is({
     reference: E,
     element: H,
     strategy: "absolute",
@@ -1152,7 +1153,7 @@ function _n(e) {
         var H = fn(mn([].concat(a, y.options.modifiers)));
         return y.orderedModifiers = H.filter(function(P) {
           return P.enabled;
-        }), C(), I.update();
+        }), B(), I.update();
       },
       // Sync update – it will always be executed, even if not necessary. This
       // is useful for low frequency updates where sync behavior simplifies the
@@ -1201,7 +1202,7 @@ function _n(e) {
     I.setOptions(m).then(function(T) {
       !z && m.onFirstUpdate && m.onFirstUpdate(T);
     });
-    function C() {
+    function B() {
       y.orderedModifiers.forEach(function(T) {
         var O = T.name, R = T.options, H = R === void 0 ? {} : R, P = T.effect;
         if (typeof P == "function") {
@@ -1276,7 +1277,7 @@ function Bn(e, s) {
   };
 }
 function as(e) {
-  var s, t = e.popper, a = e.popperRect, n = e.placement, i = e.variation, r = e.offsets, c = e.position, d = e.gpuAcceleration, m = e.adaptive, y = e.roundOffsets, k = e.isFixed, z = r.x, I = z === void 0 ? 0 : z, C = r.y, $ = C === void 0 ? 0 : C, T = typeof y == "function" ? y({
+  var s, t = e.popper, a = e.popperRect, n = e.placement, i = e.variation, r = e.offsets, c = e.position, d = e.gpuAcceleration, m = e.adaptive, y = e.roundOffsets, k = e.isFixed, z = r.x, I = z === void 0 ? 0 : z, B = r.y, $ = B === void 0 ? 0 : B, T = typeof y == "function" ? y({
     x: I,
     y: $
   }) : {
@@ -1405,7 +1406,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, m = t.rootBoundary, y = t.altBoundary, k = t.padding, z = t.tether, I = z === void 0 ? !0 : z, C = t.tetherOffset, $ = C === void 0 ? 0 : C, T = Rt(s, {
+  var s = e.state, t = e.options, a = e.name, n = t.mainAxis, i = n === void 0 ? !0 : n, r = t.altAxis, c = r === void 0 ? !1 : r, d = t.boundary, m = t.rootBoundary, y = t.altBoundary, k = t.padding, z = t.tether, I = z === void 0 ? !0 : z, B = t.tetherOffset, $ = B === void 0 ? 0 : B, T = Rt(s, {
     boundary: d,
     rootBoundary: m,
     padding: k,
@@ -1466,22 +1467,22 @@ function os(e) {
 }
 function Fn(e, s) {
   s === void 0 && (s = {});
-  var t = s, a = t.placement, n = t.boundary, i = t.rootBoundary, r = t.padding, c = t.flipVariations, d = t.allowedAutoPlacements, m = d === void 0 ? Bs : d, y = Ue(a), k = y ? c ? ts : ts.filter(function(C) {
-    return Ue(C) === y;
-  }) : it, z = k.filter(function(C) {
-    return m.indexOf(C) >= 0;
+  var t = s, a = t.placement, n = t.boundary, i = t.rootBoundary, r = t.padding, c = t.flipVariations, d = t.allowedAutoPlacements, m = d === void 0 ? Bs : d, y = Ue(a), k = y ? c ? ts : ts.filter(function(B) {
+    return Ue(B) === y;
+  }) : it, z = k.filter(function(B) {
+    return m.indexOf(B) >= 0;
   });
   z.length === 0 && (z = k);
-  var I = z.reduce(function(C, $) {
-    return C[$] = Rt(e, {
+  var I = z.reduce(function(B, $) {
+    return B[$] = Rt(e, {
       placement: $,
       boundary: n,
       rootBoundary: i,
       padding: r
-    })[ke($)], C;
+    })[ke($)], B;
   }, {});
-  return Object.keys(I).sort(function(C, $) {
-    return I[C] - I[$];
+  return Object.keys(I).sort(function(B, $) {
+    return I[B] - I[$];
   });
 }
 function Vn(e) {
@@ -1493,13 +1494,13 @@ function Vn(e) {
 function Hn(e) {
   var s = e.state, t = e.options, a = e.name;
   if (!s.modifiersData[a]._skip) {
-    for (var n = t.mainAxis, i = n === void 0 ? !0 : n, r = t.altAxis, c = r === void 0 ? !0 : r, d = t.fallbackPlacements, m = t.padding, y = t.boundary, k = t.rootBoundary, z = t.altBoundary, I = t.flipVariations, C = I === void 0 ? !0 : I, $ = t.allowedAutoPlacements, T = s.options.placement, O = ke(T), R = O === T, H = d || (R || !C ? [dt(T)] : Vn(T)), P = [T].concat(H).reduce(function(He, $e) {
+    for (var n = t.mainAxis, i = n === void 0 ? !0 : n, r = t.altAxis, c = r === void 0 ? !0 : r, d = t.fallbackPlacements, m = t.padding, y = t.boundary, k = t.rootBoundary, z = t.altBoundary, I = t.flipVariations, B = I === void 0 ? !0 : I, $ = t.allowedAutoPlacements, T = s.options.placement, O = ke(T), R = O === T, H = d || (R || !B ? [dt(T)] : Vn(T)), P = [T].concat(H).reduce(function(He, $e) {
       return He.concat(ke($e) === Nt ? Fn(s, {
         placement: $e,
         boundary: y,
         rootBoundary: k,
         padding: m,
-        flipVariations: C,
+        flipVariations: B,
         allowedAutoPlacements: $
       }) : $e);
     }, []), A = s.rects.reference, E = s.rects.popper, N = /* @__PURE__ */ new Map(), F = !0, V = P[0], W = 0; W < P.length; W++) {
@@ -1521,7 +1522,7 @@ function Hn(e) {
       N.set(j, ie);
     }
     if (F)
-      for (var Ve = C ? 3 : 1, Z = function($e) {
+      for (var Ve = B ? 3 : 1, Z = function($e) {
         var Ke = P.find(function(at) {
           var Oe = N.get(at);
           if (Oe)
@@ -1582,7 +1583,7 @@ var Gn = function(s, t) {
 function Kn(e) {
   var s, t = e.state, a = e.name, n = e.options, i = t.elements.arrow, r = t.modifiersData.popperOffsets, c = ke(t.placement), d = Dt(c), m = [re, ve].indexOf(c) >= 0, y = m ? "height" : "width";
   if (!(!i || !r)) {
-    var k = Gn(n.padding, t), z = At(i), I = d === "y" ? oe : re, C = d === "y" ? he : ve, $ = t.rects.reference[y] + t.rects.reference[d] - r[d] - t.rects.popper[y], T = r[d] - t.rects.reference[d], O = st(i), R = O ? d === "y" ? O.clientHeight || 0 : O.clientWidth || 0 : 0, H = $ / 2 - T / 2, P = k[I], A = R - z[y] - k[C], E = R / 2 - z[y] / 2 + H, N = et(P, E, A), F = d;
+    var k = Gn(n.padding, t), z = At(i), I = d === "y" ? oe : re, B = d === "y" ? he : ve, $ = t.rects.reference[y] + t.rects.reference[d] - r[d] - t.rects.popper[y], T = r[d] - t.rects.reference[d], O = st(i), R = O ? d === "y" ? O.clientHeight || 0 : O.clientWidth || 0 : 0, H = $ / 2 - T / 2, P = k[I], A = R - z[y] - k[B], E = R / 2 - z[y] / 2 + H, N = et(P, E, A), F = d;
     t.modifiersData[a] = (s = {}, s[F] = N, s.centerOffset = N - E, s);
   }
 }
@@ -1624,9 +1625,9 @@ function Zn({
     d.isOpen || (d.isOpen = !0, s("open:popper"));
   };
   ce([() => d.isOpen, i], async ([$]) => {
-    $ ? (await C(), y()) : k();
+    $ ? (await B(), y()) : k();
   });
-  const C = async () => {
+  const B = async () => {
     await ei(), d.popperInstance = Mn(c.value, r.value, {
       placement: i.value,
       modifiers: [
@@ -1838,7 +1839,7 @@ const ia = /* @__PURE__ */ v(ea, [["render", sa], ["__scopeId", "data-v-baf3bb28
     });
     const {
       arrowPadding: I,
-      closeDelay: C,
+      closeDelay: B,
       content: $,
       disableClickAway: T,
       disabled: O,
@@ -1864,7 +1865,7 @@ const ia = /* @__PURE__ */ v(ea, [["render", sa], ["__scopeId", "data-v-baf3bb28
     _e(
       () => R.value ? `border: ${P.value}px solid transparent; margin: -${P.value}px;` : null
     );
-    const Y = wt.debounce(W, E.value), Q = wt.debounce(j, C.value), Ee = async () => {
+    const Y = wt.debounce(W, E.value), Q = wt.debounce(j, B.value), Ee = async () => {
       K.value || X.value || (Q.clear(), c.value = !0, Y());
     }, ie = async () => {
       X.value || (Y.clear(), c.value = !1, Q());
@@ -2114,7 +2115,7 @@ const Ft = /* @__PURE__ */ v(fa, [["render", ga]]), ma = {
 function pa(e, s, t, a, n, i) {
   return o(), b(Pe(i.textTag), {
     class: h([[i.textClass, t.emphasized ? "emphasized" : ""], "ecs-text"]),
-    style: B({ color: i.textColor })
+    style: C({ color: i.textColor })
   }, {
     default: S(() => [
       p(e.$slots, "default", {}, void 0, !0)
@@ -2967,7 +2968,7 @@ function co(e, s, t, a, n, i) {
   return o(), l("li", null, [
     t.type === "checkbox" ? (o(), l("div", Ua, [
       _(r, {
-        onInput: s[0] || (s[0] = (C) => e.$emit("input", C)),
+        onInput: s[0] || (s[0] = (B) => e.$emit("input", B)),
         disabled: t.disabled || null,
         value: t.value,
         "value-false": t.valueFalse,
@@ -2982,7 +2983,7 @@ function co(e, s, t, a, n, i) {
       t.suffix ? (o(), l("span", Ga, w(t.suffix), 1)) : u("", !0)
     ])) : t.type === "radiobutton" ? (o(), l("div", Ka, [
       _(c, {
-        onChange: s[1] || (s[1] = (C) => e.$emit("change", C)),
+        onChange: s[1] || (s[1] = (B) => e.$emit("change", B)),
         disabled: t.disabled || null,
         checked: t.value || null
       }, {
@@ -2994,7 +2995,7 @@ function co(e, s, t, a, n, i) {
       t.suffix ? (o(), l("span", Ya, w(t.suffix), 1)) : u("", !0)
     ])) : t.type === "switch" ? (o(), l("div", Xa, [
       _(d, {
-        onInput: s[2] || (s[2] = (C) => e.$emit("input", C)),
+        onInput: s[2] || (s[2] = (B) => e.$emit("input", B)),
         value: t.value,
         "value-false": t.valueFalse,
         "value-true": t.valueTrue,
@@ -3010,7 +3011,7 @@ function co(e, s, t, a, n, i) {
       t.suffix ? (o(), l("span", Ja, w(t.suffix), 1)) : u("", !0)
     ])) : t.type === "sort" ? (o(), l("div", {
       key: 3,
-      onClick: s[3] || (s[3] = (C) => e.$emit("click", C)),
+      onClick: s[3] || (s[3] = (B) => e.$emit("click", B)),
       class: "ecs-popover-list-item control no-hover",
       role: "menuitem",
       tabindex: "0"
@@ -3028,7 +3029,7 @@ function co(e, s, t, a, n, i) {
       _(y, { inset: 0 })
     ])) : t.type === "link" ? (o(), l("a", {
       key: 4,
-      onClick: s[6] || (s[6] = (C) => e.$emit("click", C)),
+      onClick: s[6] || (s[6] = (B) => e.$emit("click", B)),
       class: h(["ecs-popover-list-item", [
         t.danger ? "danger" : "",
         t.subtle ? "subtle" : "",
@@ -3058,8 +3059,8 @@ function co(e, s, t, a, n, i) {
         i.secondaryActionOptions.show ? (o(), b(I, {
           key: 0,
           onClick: U(i.handleSecondaryClick, ["stop"]),
-          onMouseover: s[4] || (s[4] = (C) => n.preventHover = !n.preventHover),
-          onMouseleave: s[5] || (s[5] = (C) => n.preventHover = !n.preventHover),
+          onMouseover: s[4] || (s[4] = (B) => n.preventHover = !n.preventHover),
+          onMouseleave: s[5] || (s[5] = (B) => n.preventHover = !n.preventHover),
           size: "sml",
           type: i.secondaryActionOptions.type,
           icon: i.secondaryActionOptions.icon,
@@ -3088,7 +3089,7 @@ function co(e, s, t, a, n, i) {
         t.noHover || n.preventHover ? "no-hover" : "",
         t.selected ? "selected" : ""
       ]]),
-      onClick: s[9] || (s[9] = (C) => e.$emit("click", C)),
+      onClick: s[9] || (s[9] = (B) => e.$emit("click", B)),
       role: "menuitem",
       tabindex: "0"
     }, [
@@ -3110,8 +3111,8 @@ function co(e, s, t, a, n, i) {
         i.secondaryActionOptions.show ? (o(), b(I, {
           key: 0,
           onClick: U(i.handleSecondaryClick, ["stop"]),
-          onMouseover: s[7] || (s[7] = (C) => n.preventHover = !n.preventHover),
-          onMouseleave: s[8] || (s[8] = (C) => n.preventHover = !n.preventHover),
+          onMouseover: s[7] || (s[7] = (B) => n.preventHover = !n.preventHover),
+          onMouseleave: s[8] || (s[8] = (B) => n.preventHover = !n.preventHover),
           size: "sml",
           type: i.secondaryActionOptions.type,
           icon: i.secondaryActionOptions.icon,
@@ -3259,7 +3260,7 @@ function po(e, s, t, a, n, i) {
     t.badge ? (o(), l("span", {
       key: 1,
       class: "badge",
-      style: B({ background: t.badgeColor })
+      style: C({ background: t.badgeColor })
     }, null, 4)) : u("", !0),
     t.icon && t.iconPosition == "right" || t.loading && t.iconPosition == "right" ? (o(), b(r, {
       key: 2,
@@ -3295,7 +3296,7 @@ function po(e, s, t, a, n, i) {
     t.badge ? (o(), l("span", {
       key: 1,
       class: "badge",
-      style: B({ background: t.badgeColor })
+      style: C({ background: t.badgeColor })
     }, null, 4)) : u("", !0),
     t.icon && t.iconPosition == "right" || t.loading && t.iconPosition == "right" ? (o(), b(r, {
       key: 2,
@@ -3356,7 +3357,7 @@ const pt = /* @__PURE__ */ v(fo, [["render", po], ["__scopeId", "data-v-72592c75
 function vo(e, s, t, a, n, i) {
   return o(), l("div", {
     class: h(["ecs-separator", i.classes]),
-    style: B({ margin: i.marginStyles, width: t.width, height: t.height }),
+    style: C({ margin: i.marginStyles, width: t.width, height: t.height }),
     role: "separator"
   }, null, 6);
 }
@@ -3462,8 +3463,8 @@ function ko(e, s, t, a, n, i) {
           content: S(() => [
             _(y, null, {
               default: S(() => [
-                (o(!0), l(J, null, pe(t.options, (I, C) => (o(), b(d, {
-                  key: C,
+                (o(!0), l(J, null, pe(t.options, (I, B) => (o(), b(d, {
+                  key: B,
                   disabled: I.disabled || null,
                   onClick: ($) => e.$emit("select", I.action)
                 }, {
@@ -4343,7 +4344,7 @@ function er(e, s, t, a, n, i) {
     class: h(["ecs-context-button", [t.loading ? "loading" : "", i.iconOnly ? "ecs-context-button-icon-only" : ""]]),
     "aria-label": t.ariaLabel,
     "aria-busy": t.loading || null,
-    style: B(i.selectedColorText),
+    style: C(i.selectedColorText),
     onClick: s[0] || (s[0] = (d) => e.$emit("click", d))
   }, [
     t.icon || t.loading ? (o(), b(r, {
@@ -4354,7 +4355,7 @@ function er(e, s, t, a, n, i) {
     t.selectedColor ? (o(), l("div", {
       key: 1,
       class: "ecs-context-button-color",
-      style: B(i.selectedColorBackground)
+      style: C(i.selectedColorBackground)
     }, null, 4)) : u("", !0),
     p(e.$slots, "default", {}, void 0, !0),
     _(c)
@@ -4719,7 +4720,7 @@ function Cr(e, s, t, a, n, i) {
       t.progress ? (o(), l("div", {
         key: 0,
         class: "progress",
-        style: B({ width: t.progress + "%" })
+        style: C({ width: t.progress + "%" })
       }, null, 4)) : u("", !0)
     ])
   ], 10, wr);
@@ -4922,7 +4923,7 @@ function Or(e, s, t, a, n, i) {
   return Ge((o(), l("div", {
     class: h(["ecs-context-menu", n.opened ? " opened" : ""]),
     id: t.elementId,
-    style: B([i.postionStyles])
+    style: C([i.postionStyles])
   }, [
     f("ul", {
       role: "menu",
@@ -5276,7 +5277,7 @@ function Yr(e, s, t, a, n, i) {
     }, [
       f("div", {
         class: "ecs-collection-control-list scrollbar scrollbar-sml",
-        style: B(i.listMaxHeight)
+        style: C(i.listMaxHeight)
       }, [
         p(e.$slots, "default")
       ], 4)
@@ -5329,7 +5330,7 @@ function tl(e, s, t, a, n, i) {
   return t.type === "rect" || t.type === "circle" ? (o(), l("div", {
     key: 0,
     class: h(["ecs-skeleton skeleton", i.rectClass]),
-    style: B({ width: t.width + "px", height: t.height + "px" })
+    style: C({ width: t.width + "px", height: t.height + "px" })
   }, null, 6)) : t.type === "multi" ? (o(), l("div", Jr, [
     (o(!0), l(J, null, pe(parseInt(t.count), (r) => (o(), l("div", {
       key: r,
@@ -5341,7 +5342,7 @@ function tl(e, s, t, a, n, i) {
   }, [
     f("div", {
       class: "skeleton skeleton-single",
-      style: B({ width: t.width + "%" })
+      style: C({ width: t.width + "%" })
     }, null, 4)
   ], 2));
 }
@@ -5734,7 +5735,7 @@ function Bc(e, s, t) {
     var N = a, F = n;
     return a = n = void 0, m = E, r = e.apply(F, N), r;
   }
-  function C(E) {
+  function B(E) {
     return m = E, c = setTimeout(O, s), y ? I(E) : r;
   }
   function $(E) {
@@ -5764,7 +5765,7 @@ function Bc(e, s, t) {
     var E = Ct(), N = T(E);
     if (a = arguments, n = this, d = E, N) {
       if (c === void 0)
-        return C(d);
+        return B(d);
       if (k)
         return clearTimeout(c), c = setTimeout(O, s), I(d);
     }
@@ -5848,7 +5849,7 @@ const Mc = /* @__PURE__ */ ws(Tc), Lc = {
 function Rc(e, s, t, a, n, i) {
   return o(), l("div", {
     class: "ecs-saturation",
-    style: B({ background: i.bgColor }),
+    style: C({ background: i.bgColor }),
     ref: "container",
     onMousedown: s[0] || (s[0] = (...r) => i.handleMouseDown && i.handleMouseDown(...r)),
     onTouchmove: s[1] || (s[1] = (...r) => i.handleChange && i.handleChange(...r)),
@@ -5858,7 +5859,7 @@ function Rc(e, s, t, a, n, i) {
     Ac,
     f("div", {
       class: "ecs-saturation-pointer",
-      style: B({ top: i.pointerTop, left: i.pointerLeft })
+      style: C({ top: i.pointerTop, left: i.pointerLeft })
     }, Dc, 4)
   ], 36);
 }
@@ -5948,7 +5949,7 @@ function jc(e, s, t, a, n, i) {
     }, [
       f("div", {
         class: "ecs-hue-pointer",
-        style: B({ top: i.pointerTop, left: i.pointerLeft }),
+        style: C({ top: i.pointerTop, left: i.pointerLeft }),
         role: "presentation"
       }, Wc, 4)
     ], 40, Hc)
@@ -5998,7 +5999,7 @@ function Yc(e, s, t) {
 function Xc(e, s, t, a, n, i) {
   return o(), l("div", {
     class: "ecs-checkerboard",
-    style: B(i.bgStyle)
+    style: C(i.bgStyle)
   }, null, 4);
 }
 const Ws = /* @__PURE__ */ v(Gc, [["render", Xc]]), Zc = {
@@ -6056,7 +6057,7 @@ function sd(e, s, t, a, n, i) {
     ]),
     f("div", {
       class: "ecs-alpha-gradient",
-      style: B({ background: i.gradientColor })
+      style: C({ background: i.gradientColor })
     }, null, 4),
     f("div", {
       class: "ecs-alpha-container",
@@ -6067,7 +6068,7 @@ function sd(e, s, t, a, n, i) {
     }, [
       f("div", {
         class: "ecs-alpha-pointer",
-        style: B({ left: i.colors.a * 100 + "%" })
+        style: C({ left: i.colors.a * 100 + "%" })
       }, td, 4)
     ], 544)
   ]);
@@ -6174,7 +6175,7 @@ function yd(e, s, t, a, n, i) {
     role: "application",
     "aria-label": "Color picker",
     class: h(["ecs-color-picker", t.disableAlpha ? "ecs-color-picker__disable-alpha" : ""]),
-    style: B({ padding: t.padding + "px", width: 216 + 2 * t.padding + "px" })
+    style: C({ padding: t.padding + "px", width: 216 + 2 * t.padding + "px" })
   }, [
     t.disableCustom ? u("", !0) : (o(), l("div", ad, [
       _(r, {
@@ -6243,7 +6244,7 @@ function yd(e, s, t, a, n, i) {
     ])) : u("", !0),
     f("div", {
       class: "ecs-color-picker-presets",
-      style: B(t.disableCustom ? "" : "padding-top: var(--spacing-10)"),
+      style: C(t.disableCustom ? "" : "padding-top: var(--spacing-10)"),
       role: "group",
       "aria-label": "A color preset, pick one to set as current color"
     }, [
@@ -6260,7 +6261,7 @@ function yd(e, s, t, a, n, i) {
           class: h(["ecs-color-picker-presets-color", { active: e.colors.hex === k.hex }]),
           "aria-label": k.title,
           key: "if-" + k.id,
-          style: B({ background: k.hex }),
+          style: C({ background: k.hex }),
           "aria-selected": e.colors.hex === k.hex ? "true" : "false",
           title: k.title,
           onClick: (z) => i.handlePreset(k.hex)
@@ -6271,7 +6272,7 @@ function yd(e, s, t, a, n, i) {
         class: h(["ecs-color-picker-presets-color active", i.isActiveColorDark ? "dark" : "light"]),
         "aria-label": "Custom color",
         "aria-selected": "true",
-        style: B({ background: e.colors.hex })
+        style: C({ background: e.colors.hex })
       }, null, 6))
     ], 4)
   ], 6);
@@ -6355,7 +6356,7 @@ function kd(e, s, t, a, n, i) {
     default: S(() => [
       f("button", {
         class: h(["ecs-color-picker-input-button", i.sizeClass]),
-        style: B(i.selectedColorStyle)
+        style: C(i.selectedColorStyle)
       }, [
         f("span", null, w(i.selectedColorName), 1)
       ], 6)
@@ -7135,7 +7136,7 @@ function mu(e, s, t, a, n, i) {
   const r = g("ecs-icon"), c = g("ecs-select"), d = g("ecs-focus-ring");
   return o(), l("div", {
     class: h(["ecs-data-grid-head-cell", [t.fixedLeft ? "fixed-left" : "", t.fixedLeftLast ? "fixed-left-last" : "", t.fixedRight ? "fixed-right" : ""]]),
-    style: B([i.widthType === "string" ? i.widthStyles : {}, i.fixedStyles]),
+    style: C([i.widthType === "string" ? i.widthStyles : {}, i.fixedStyles]),
     role: "columnheader",
     "aria-sort": i.ariaSort,
     "aria-label": t.icon ? t.name : null
@@ -7147,7 +7148,7 @@ function mu(e, s, t, a, n, i) {
     f("div", {
       ref: "resizer",
       class: h(["ecs-data-grid-head-cell-inner", t.resizable ? "resizable" : ""]),
-      style: B([i.widthType === "number" ? i.widthStyles : { width: "100%" }, i.paddingStyles, i.resizeStyles, t.styles]),
+      style: C([i.widthType === "number" ? i.widthStyles : { width: "100%" }, i.paddingStyles, i.resizeStyles, t.styles]),
       "data-column": i.computedId,
       "data-test": i.computedId
     }, [
@@ -7385,7 +7386,7 @@ function Su(e, s, t, a, n, i) {
   const r = g("ecs-button-collapse");
   return o(), l("div", {
     class: h(["ecs-data-grid-cell", [t.fixedLeft ? "fixed-left" : "", t.fixedLeftLast ? "fixed-left-last" : "", t.fixedRight ? "fixed-right" : ""]]),
-    style: B([i.widthType === "string" ? i.widthStyles : {}, i.fixedStyles]),
+    style: C([i.widthType === "string" ? i.widthStyles : {}, i.fixedStyles]),
     role: "cell"
   }, [
     t.fixedRight ? (o(), l("div", {
@@ -7394,7 +7395,7 @@ function Su(e, s, t, a, n, i) {
     }, null, 2)) : u("", !0),
     f("div", {
       class: "ecs-data-grid-cell-inner",
-      style: B([i.widthType === "number" ? i.widthStyles : { width: "100%" }, i.paddingStyles, t.styles]),
+      style: C([i.widthType === "number" ? i.widthStyles : { width: "100%" }, i.paddingStyles, t.styles]),
       "data-column": i.computedId,
       "data-test": i.computedId
     }, [
@@ -7494,6 +7495,11 @@ const Ab = /* @__PURE__ */ v(xu, [["render", Bu]]), zu = {
     indent: {
       type: Boolean,
       default: !0
+    },
+    /** Set a custom width for the identifier cell. Only available for non-full variant. Accepts any CSS value (px, %, etc.) */
+    identifierWidth: {
+      type: String,
+      default: "145px"
     }
   },
   data() {
@@ -7510,6 +7516,9 @@ const Ab = /* @__PURE__ */ v(xu, [["render", Bu]]), zu = {
     hasIdentifier() {
       if (this.identifier && this.identifier !== "" || this.$slots.collapse)
         return !0;
+    },
+    identifierStyle() {
+      return this.full ? { width: "100%" } : { width: this.identifierWidth, minWidth: this.identifierWidth };
     }
   },
   methods: {
@@ -7546,6 +7555,7 @@ function Tu(e, s, t, a, n, i) {
       i.hasIdentifier ? (o(), l("div", {
         key: 0,
         id: n.definitionId,
+        style: C(i.identifierStyle),
         class: "ecs-data-list-identifier"
       }, [
         D(w(t.identifier) + " ", 1),
@@ -7558,7 +7568,7 @@ function Tu(e, s, t, a, n, i) {
           "aria-expanded": n.isVisible ? "true" : "false",
           onClick: i.toggleCollapse
         }, null, 8, ["active", "aria-controls", "aria-expanded", "onClick"])) : u("", !0)
-      ], 8, Iu)) : u("", !0),
+      ], 12, Iu)) : u("", !0),
       f("div", {
         class: h(["ecs-data-list-data", [
           t.escape ? "ecs-data-list-data-escape" : "",
@@ -7578,7 +7588,7 @@ function Tu(e, s, t, a, n, i) {
           key: 2,
           class: "progress",
           role: "progressbar",
-          style: B({ width: t.progress + "%" }),
+          style: C({ width: t.progress + "%" }),
           "aria-valuenow": t.progress
         }, null, 12, $u)) : u("", !0)
       ], 10, Eu)
@@ -7594,7 +7604,7 @@ function Tu(e, s, t, a, n, i) {
     ], 10, Pu)) : u("", !0)
   ]);
 }
-const Nb = /* @__PURE__ */ v(zu, [["render", Tu], ["__scopeId", "data-v-4da2f2f8"]]), Mu = {
+const Nb = /* @__PURE__ */ v(zu, [["render", Tu], ["__scopeId", "data-v-608ab057"]]), Mu = {
   name: "ecs-dialog",
   emits: ["toggled", "cancel"],
   props: {
@@ -7738,15 +7748,16 @@ const Db = /* @__PURE__ */ v(Mu, [["render", Ou]]), Au = {
       ));
     }), (n, i) => (o(), l("div", {
       class: h(["ecs-state-icon", e.iconColor]),
-      style: B(t.value)
+      style: C(t.value)
     }, [
       (o(), b(Pe(ae(a)), {
         height: e.size,
-        width: e.size
-      }, null, 8, ["height", "width"]))
+        width: e.size,
+        "data-test-icon-type": e.type
+      }, null, 8, ["height", "width", "data-test-icon-type"]))
     ], 6));
   }
-}, Nu = /* @__PURE__ */ v(Au, [["__scopeId", "data-v-ff6feac1"]]), Du = {
+}, Nu = /* @__PURE__ */ v(Au, [["__scopeId", "data-v-1e68bf26"]]), Du = {
   name: "ecs-dialog-header",
   components: {
     EcsStateIcon: Nu
@@ -7865,7 +7876,7 @@ function Uu(e, s, t, a, n, i) {
     t.indicator ? (o(), l("div", {
       key: 2,
       class: "indicator",
-      style: B("background-color:" + t.indicator)
+      style: C("background-color:" + t.indicator)
     }, null, 4)) : u("", !0),
     f("div", ju, [
       p(e.$slots, "default", {}, void 0, !0)
@@ -7980,7 +7991,7 @@ const Vb = /* @__PURE__ */ v(Gu, [["render", ef], ["__scopeId", "data-v-00c4c6d7
 function of(e, s, t, a, n, i) {
   return o(), l("div", {
     class: "ecs-donut-chart",
-    style: B(i.wrapperPadding)
+    style: C(i.wrapperPadding)
   }, [
     (o(), l("svg", {
       height: t.size,
@@ -8121,7 +8132,7 @@ function pf(e, s, t, a, n, i) {
         t.infinite ? "ecs-progress-infinite" : "",
         t.cancelled ? "ecs-progress-cancelled" : ""
       ]]),
-      style: B({ width: 100 * (t.value / i.computedMax) + "%" })
+      style: C({ width: 100 * (t.value / i.computedMax) + "%" })
     }, null, 6)
   ], 8, mf);
 }
@@ -8303,15 +8314,15 @@ function Cf(e, s, t, a, n, i) {
       t.disabled ? "ecs-dropzone-disabled" : "",
       n.dragging ? "ecs-dropzone-dragging" : ""
     ]]),
-    onDragover: s[3] || (s[3] = (...C) => i.handleDragOver && i.handleDragOver(...C)),
-    onDragenter: s[4] || (s[4] = (...C) => i.handleDragEnter && i.handleDragEnter(...C)),
-    onDragleave: s[5] || (s[5] = (...C) => i.handleDragLeave && i.handleDragLeave(...C)),
-    onDrop: s[6] || (s[6] = U((...C) => i.drop && i.drop(...C), ["prevent"])),
+    onDragover: s[3] || (s[3] = (...B) => i.handleDragOver && i.handleDragOver(...B)),
+    onDragenter: s[4] || (s[4] = (...B) => i.handleDragEnter && i.handleDragEnter(...B)),
+    onDragleave: s[5] || (s[5] = (...B) => i.handleDragLeave && i.handleDragLeave(...B)),
+    onDrop: s[6] || (s[6] = U((...B) => i.drop && i.drop(...B), ["prevent"])),
     "aria-busy": i.isBusy || null,
     "aria-invalid": t.error || null
   }, [
     f("input", {
-      onChange: s[0] || (s[0] = (...C) => i.change && i.change(...C)),
+      onChange: s[0] || (s[0] = (...B) => i.change && i.change(...B)),
       type: "file",
       multiple: t.multiple || null,
       ref: "file"
@@ -8330,8 +8341,8 @@ function Cf(e, s, t, a, n, i) {
           e.$slots.customlabel ? u("", !0) : (o(), l(J, { key: 0 }, [
             D(" Drag and drop your " + w(t.fileTypeLabel) + " or ", 1),
             f("i", {
-              onClick: s[1] || (s[1] = (...C) => i.browseFile && i.browseFile(...C)),
-              onKeydown: s[2] || (s[2] = G((...C) => i.browseFile && i.browseFile(...C), ["enter"])),
+              onClick: s[1] || (s[1] = (...B) => i.browseFile && i.browseFile(...B)),
+              onKeydown: s[2] || (s[2] = G((...B) => i.browseFile && i.browseFile(...B), ["enter"])),
               tabindex: "0"
             }, [
               D("browse"),
@@ -8631,7 +8642,7 @@ function Vf(e, s, t, a, n, i) {
     ]),
     f("div", {
       class: "ecs-excerpt-content scrollbar scrollbar-sml",
-      style: B(i.maxHeightStyles)
+      style: C(i.maxHeightStyles)
     }, [
       t.loading ? (o(), b(r, {
         key: 0,
@@ -8650,10 +8661,10 @@ function Vf(e, s, t, a, n, i) {
           p(e.$slots, "default", {}, void 0, !0)
         ])) : t.type == "rectangle" ? (o(), l("div", Rf, [
           f("span", {
-            style: B("color:" + t.annotationColor)
+            style: C("color:" + t.annotationColor)
           }, "Rectangle Annotation", 4),
           f("div", {
-            style: B("background-color:" + t.annotationColor)
+            style: C("background-color:" + t.annotationColor)
           }, null, 4)
         ])) : (o(), l("div", Ff, [
           p(e.$slots, "default", {}, void 0, !0)
@@ -8919,7 +8930,7 @@ function ig(e, s, t, a, n, i) {
           t.progress ? (o(), l("div", {
             key: 3,
             class: "loading-bar",
-            style: B({ width: t.progress + "%" }),
+            style: C({ width: t.progress + "%" }),
             role: "progressbar",
             "aria-valuenow": t.progress
           }, null, 12, Jf)) : u("", !0)
@@ -8944,7 +8955,7 @@ function ig(e, s, t, a, n, i) {
       default: S(() => [
         e.$slots.edit && t.edit ? (o(), l("div", {
           key: 0,
-          style: B({ maxHeight: n.editHeight + "px" }),
+          style: C({ maxHeight: n.editHeight + "px" }),
           id: n.editId
         }, [
           f("div", sg, [
@@ -9256,7 +9267,7 @@ function bg(e, s, t, a, n, i) {
       t.borderless ? "" : "ecs-scroll-container-border",
       t.hideShadows ? "" : "ecs-scroll-container-shadows"
     ]]),
-    style: B({ maxHeight: t.height, padding: t.padding })
+    style: C({ maxHeight: t.height, padding: t.padding })
   }, [
     p(e.$slots, "default", {}, void 0, !0)
   ], 6);
@@ -9328,7 +9339,7 @@ function xg(e, s, t, a, n, i) {
   const r = g("ecs-input-search"), c = g("ecs-button"), d = g("ecs-scroll-container");
   return o(), l("div", {
     class: h(["ecs-folder-selector", [t.framed ? "ecs-folder-selector-border" : ""]]),
-    style: B({ height: i.isFullHeight })
+    style: C({ height: i.isFullHeight })
   }, [
     t.searchable || t.create ? (o(), l("div", wg, [
       t.searchable ? (o(), b(r, {
@@ -9544,7 +9555,7 @@ function Dg(e, s, t, a, n, i) {
       i.showHighlight ? (o(), l("div", {
         key: 0,
         class: h(["ecs-highlight", [i.classes]]),
-        style: B({ ...i.highlightColor, ...i.borderRadiusStyle, ...i.insetStyles })
+        style: C({ ...i.highlightColor, ...i.borderRadiusStyle, ...i.insetStyles })
       }, [
         t.layout === "wrap" ? p(e.$slots, "default", { key: 0 }, void 0, !0) : u("", !0)
       ], 6)) : u("", !0)
@@ -10323,7 +10334,7 @@ function Rm(e, s, t, a, n, i) {
   return o(), l("div", {
     class: "ecs-pane",
     onClick: s[0] || (s[0] = (r) => i.onPaneClick(r, e._.uid)),
-    style: B(e.style)
+    style: C(e.style)
   }, [
     p(e.$slots, "default")
   ], 4);
@@ -10720,7 +10731,7 @@ function Um(e, s, t, a, n, i) {
       e.$slots.sidebar ? (o(), l("div", {
         key: 0,
         class: h(["ecs-index-layout-sidebar", [t.overlaySidebar ? "overlay" : ""]]),
-        style: B(i.sidebarPosition)
+        style: C(i.sidebarPosition)
       }, [
         p(e.$slots, "sidebar", {}, void 0, !0)
       ], 6)) : u("", !0)
@@ -10930,9 +10941,6 @@ const u_ = /* @__PURE__ */ v(ep, [["render", lp], ["__scopeId", "data-v-860bdba9
     }
   },
   computed: {
-    validColor() {
-      return CSS.supports("color", this.color) ? this.color : (console.warn("The passed color value is not a valid color."), this.color);
-    },
     percentageLabel() {
       return Number.isInteger(this.percentage) ? this.percentage + "%" : this.percentage;
     },
@@ -10963,7 +10971,7 @@ function gp(e, s, t, a, n, i) {
     default: S(() => [
       f("div", {
         class: h(["ecs-legend-item-color", t.type]),
-        style: B({ backgroundColor: i.validColor })
+        style: C({ backgroundColor: t.color })
       }, null, 6),
       f("div", dp, w(t.label), 1),
       t.count ? (o(), l("div", up, w(t.count), 1)) : u("", !0),
@@ -10971,14 +10979,14 @@ function gp(e, s, t, a, n, i) {
       t.highlight || t.hover ? (o(), l("div", {
         key: 2,
         class: "ecs-legend-item-highlight",
-        style: B({ backgroundColor: i.validColor })
+        style: C({ backgroundColor: t.color })
       }, null, 4)) : u("", !0),
       t.hover ? (o(), b(r, { key: 3 })) : u("", !0)
     ]),
     _: 1
   }, 8, ["role", "tabindex", "class"]);
 }
-const f_ = /* @__PURE__ */ v(cp, [["render", gp], ["__scopeId", "data-v-3e5473d4"]]), mp = {
+const f_ = /* @__PURE__ */ v(cp, [["render", gp], ["__scopeId", "data-v-6d506293"]]), mp = {
   name: "ecs-log-message",
   components: {
     EcsFlexRow: Te,
@@ -11031,7 +11039,7 @@ function vp(e, s, t, a, n, i) {
     role: i.alertRole,
     "aria-busy": t.loading || null,
     align: "start",
-    style: B(i.padding)
+    style: C(i.padding)
   }, {
     default: S(() => [
       t.loading && t.type != "blank" ? (o(), b(r, {
@@ -11167,7 +11175,7 @@ function Ip(e, s, t, a, n, i) {
       }, [
         f("div", {
           class: "ecs-modal-dialog ecs-modal-sheet",
-          style: B(i.fixedHeightStyle)
+          style: C(i.fixedHeightStyle)
         }, [
           e.$slots.header ? (o(), l("div", xp, [
             p(e.$slots, "header", {}, void 0, !0)
@@ -11778,11 +11786,11 @@ function vh(e, s, t, a, n, i) {
       n.isShown ? (o(), l("div", {
         key: 0,
         class: "ecs-overlay",
-        style: B({ top: t.offsetTop + "px", height: "calc(100vh - " + t.offsetTop + "px" })
+        style: C({ top: t.offsetTop + "px", height: "calc(100vh - " + t.offsetTop + "px" })
       }, [
         f("header", {
           class: "ecs-overlay-header",
-          style: B(e.$slots.alert ? "" : "border-bottom: 1px solid var(--color-gray-4);")
+          style: C(e.$slots.alert ? "" : "border-bottom: 1px solid var(--color-gray-4);")
         }, [
           f("div", sh, [
             t.icon ? (o(), b(r, {
@@ -11850,7 +11858,7 @@ function vh(e, s, t, a, n, i) {
           }, [
             f("div", {
               class: h(["ecs-overlay-content-inner-inner", e.$slots.sidebar && !t.fullWidth && n.width > 1500 ? "has-sidebar" : " "]),
-              style: B({ width: i.contentWidth, maxWidth: i.contentMaxWidth, minWidth: i.contentMinWidth, paddingLeft: i.contentPadding, paddingRight: i.contentPadding })
+              style: C({ width: i.contentWidth, maxWidth: i.contentMaxWidth, minWidth: i.contentMinWidth, paddingLeft: i.contentPadding, paddingRight: i.contentPadding })
             }, [
               p(e.$slots, "default", {}, void 0, !0)
             ], 6),
@@ -11873,7 +11881,7 @@ function vh(e, s, t, a, n, i) {
           f("div", mh, [
             f("div", {
               class: "ecs-overlay-footer-content-inner",
-              style: B({ width: i.contentWidth, maxWidth: i.contentMaxWidth, minWidth: i.contentMinWidth, paddingLeft: i.contentPadding, paddingRight: i.contentPadding })
+              style: C({ width: i.contentWidth, maxWidth: i.contentMaxWidth, minWidth: i.contentMinWidth, paddingLeft: i.contentPadding, paddingRight: i.contentPadding })
             }, [
               p(e.$slots, "footer", {}, void 0, !0)
             ], 4),
@@ -11886,7 +11894,7 @@ function vh(e, s, t, a, n, i) {
     _: 3
   });
 }
-const k_ = /* @__PURE__ */ v(th, [["render", vh], ["__scopeId", "data-v-9e17191b"]]), yh = {
+const k_ = /* @__PURE__ */ v(th, [["render", vh], ["__scopeId", "data-v-9a66e087"]]), yh = {
   name: "ecs-pagination",
   emits: ["firstPage", "prevPage", "nextPage", "lastPage", "updatePage", "itemsPerPage"],
   components: {
@@ -12008,7 +12016,7 @@ function Bh(e, s, t, a, n, i) {
     _(c, {
       gap: 8,
       class: "ecs-pagination-nav",
-      style: B({ minWidth: t.tabsSpacing - 4 + "px" })
+      style: C({ minWidth: t.tabsSpacing - 4 + "px" })
     }, {
       default: S(() => [
         t.type == "paginated" ? (o(), l(J, { key: 0 }, [
@@ -12225,13 +12233,13 @@ function Eh(e, s, t, a, n, i) {
   const r = g("ecs-icon"), c = g("ecs-sticker");
   return o(), l("div", {
     class: h(["ecs-party-entry", [t.party, t.color && t.background ? "ecs-party-entry-colored" : ""]]),
-    style: B({ color: t.color })
+    style: C({ color: t.color })
   }, [
     t.icon && t.iconPosition == "left" ? (o(), b(r, {
       key: 0,
       type: i.iconType,
       color: i.iconColor,
-      style: B("margin-right:" + t.iconSpacing),
+      style: C("margin-right:" + t.iconSpacing),
       size: t.iconSize
     }, null, 8, ["type", "color", "style", "size"])) : u("", !0),
     t.shared ? (o(), b(c, {
@@ -12245,7 +12253,7 @@ function Eh(e, s, t, a, n, i) {
       key: 2,
       type: i.iconType,
       color: i.iconColor,
-      style: B("margin-left:" + t.iconSpacing),
+      style: C("margin-left:" + t.iconSpacing),
       size: t.iconSize
     }, null, 8, ["type", "color", "style", "size"])) : u("", !0),
     t.background ? (o(), l("div", Ih)) : u("", !0)
@@ -13086,7 +13094,7 @@ function Gv(e, s, t, a, n, i) {
   const r = g("ecs-tab-bar"), c = g("ecs-tabs");
   return o(), l("aside", {
     class: h(["ecs-sidebar", [i.sizeClass, i.expandClass]]),
-    style: B(i.height)
+    style: C(i.height)
   }, [
     f("div", Uv, [
       _(r, { type: "sidebar" }, {
@@ -13317,7 +13325,7 @@ function fy(e, s, t, a, n, i) {
       "aria-label": r.title,
       "aria-checked": n.selectedColor == r.hex ? "true" : "false",
       class: h(["ecs-swatches-color", n.selectedColor == r.hex ? "active" : ""]),
-      style: B({ backgroundColor: r.hex, color: r.hex })
+      style: C({ backgroundColor: r.hex, color: r.hex })
     }, null, 46, uy))), 128))
   ], 2);
 }
@@ -13532,9 +13540,6 @@ const F_ = /* @__PURE__ */ v(hy, [["render", ky], ["__scopeId", "data-v-dd796dff
         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 !== "" ? x(this.color).toRgbString() : null;
-    },
     colorIsDark() {
       return this.color && this.color !== "" ? x(this.color).isDark() : null;
     },
@@ -13568,7 +13573,7 @@ function By(e, s, t, a, n, i) {
       t.loading ? "loading" : ""
     ]]),
     onClick: s[0] || (s[0] = (...d) => i.handleClick && i.handleClick(...d)),
-    style: B(i.customColorStyle),
+    style: C(i.customColorStyle),
     role: t.hover ? "button" : !1,
     tabindex: t.hover ? "0" : "-1",
     "aria-busy": t.loading || null
@@ -13589,7 +13594,7 @@ function By(e, s, t, a, n, i) {
     _(c)
   ], 14, Sy);
 }
-const V_ = /* @__PURE__ */ v(wy, [["render", By], ["__scopeId", "data-v-877749ec"]]), zy = {
+const V_ = /* @__PURE__ */ v(wy, [["render", By], ["__scopeId", "data-v-40abc85f"]]), zy = {
   name: "ecs-tag-cloud"
 }, Iy = {
   class: "ecs-tag-cloud",