@everchron/ec-shards 9.18.25 → 9.18.27

package/dist/ec-shards.js

@@ -1,4 +1,4 @@
-import { defineAsyncComponent as se, watch as me, openBlock as o, createBlock as m, resolveDynamicComponent as ue, unref as re, normalizeClass as v, createElementBlock as r, normalizeStyle as x, resolveComponent as g, createVNode as _, createCommentVNode as u, createElementVNode as f, createTextVNode as L, toDisplayString as C, renderSlot as p, Transition as pe, withCtx as w, computed as Ee, Fragment as F, renderList as J, pushScopeId as ve, popScopeId as ye, reactive as ui, nextTick as fi, onBeforeUnmount as At, toRefs as Es, isRef as gi, onMounted as Ts, useSlots as mi, ref as Re, watchEffect as dt, withKeys as Y, Teleport as hi, withDirectives as je, vShow as nt, mergeProps as qe, normalizeProps as pi, guardReactiveProps as vi, withModifiers as G, resolveDirective as yi, vModelText as bi, createStaticVNode as _i, markRaw as ki, TransitionGroup as Ps, h as Ci, useCssVars as wi } from "vue";
+import { defineAsyncComponent as se, watch as me, openBlock as o, createBlock as m, resolveDynamicComponent as ue, unref as re, normalizeClass as v, createElementBlock as r, normalizeStyle as B, resolveComponent as g, createVNode as _, createCommentVNode as u, createElementVNode as f, createTextVNode as L, toDisplayString as C, renderSlot as p, Transition as pe, withCtx as w, computed as Ee, Fragment as F, renderList as J, pushScopeId as ve, popScopeId as ye, reactive as ui, nextTick as fi, onBeforeUnmount as At, toRefs as Es, isRef as gi, onMounted as Ts, useSlots as mi, ref as Re, watchEffect as dt, withKeys as Y, Teleport as hi, withDirectives as je, vShow as nt, mergeProps as qe, normalizeProps as pi, guardReactiveProps as vi, withModifiers as G, resolveDirective as yi, vModelText as bi, createStaticVNode as _i, markRaw as ki, TransitionGroup as Ps, h as Ci, useCssVars as wi } from "vue";
 const ie = (e, s) => {
   const t = e[s];
   return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((a, n) => {
@@ -84,7 +84,7 @@ const ie = (e, s) => {
 function Bi(e, s, t, a, n, i) {
   return o(), r("span", {
     class: v(["ecs-focus-ring", t.danger ? "ecs-focus-ring-danger" : ""]),
-    style: x(i.styles)
+    style: B(i.styles)
   }, null, 6);
 }
 const D = /* @__PURE__ */ y(xi, [["render", Bi], ["__scopeId", "data-v-8d624905"]]), Ii = {
@@ -176,7 +176,7 @@ function Mi(e, s, t, a, n, i) {
       t.inset ? "ecs-alert-inset" : "",
       t.border !== !1 ? "ecs-alert-border" : ""
     ]]),
-    style: x(i.borderStyles),
+    style: B(i.borderStyles),
     role: "alert"
   }, [
     t.dismissable ? (o(), r("button", {
@@ -335,7 +335,7 @@ const A0 = /* @__PURE__ */ y(Di, [["render", Ri], ["__scopeId", "data-v-4e7ca115
       "aria-busy": t.value || null,
       width: e.size,
       height: e.size,
-      style: x(`color: ${n.value}`)
+      style: B(`color: ${n.value}`)
     }, null, 8, ["class", "aria-busy", "width", "height", "style"])) : u("", !0);
   }
 }, Oe = /* @__PURE__ */ y(Fi, [["__scopeId", "data-v-eda299bd"]]), qi = {
@@ -397,7 +397,7 @@ function Ki(e, s, t, a, n, i) {
   return t.type === "rect" || t.type === "circle" ? (o(), r("div", {
     key: 0,
     class: v(["ecs-skeleton skeleton", i.rectClass]),
-    style: x({ width: i.calculatedWidth, height: t.height + "px" })
+    style: B({ width: i.calculatedWidth, height: t.height + "px" })
   }, null, 6)) : t.type === "multi" ? (o(), r("div", ji, [
     (o(!0), r(F, null, J(parseInt(t.count), (l) => (o(), r("div", {
       key: l,
@@ -409,7 +409,7 @@ function Ki(e, s, t, a, n, i) {
   }, [
     f("div", {
       class: "skeleton skeleton-single",
-      style: x({ width: i.calculatedWidth })
+      style: B({ width: i.calculatedWidth })
     }, null, 4)
   ], 2));
 }
@@ -550,7 +550,7 @@ function Ji(e, s, t, a, n, i) {
   const l = g("ecs-skeleton-loader"), c = g("ecs-sticker");
   return o(), r("div", {
     class: v(["avatar", [i.partyClass]]),
-    style: x([i.style, t.customStyle]),
+    style: B([i.style, t.customStyle]),
     role: t.image ? "img" : "none",
     "aria-label": t.name
   }, [
@@ -645,7 +645,7 @@ function en(e, s, t, a, n, i) {
     t.dismissable ? (o(), r("button", {
       key: 0,
       onClick: s[0] || (s[0] = (...d) => i.dismiss && i.dismiss(...d)),
-      style: x(i.dismissButtonStyle),
+      style: B(i.dismissButtonStyle),
       class: "close",
       "aria-label": "Dismiss"
     }, [
@@ -800,7 +800,7 @@ const V0 = /* @__PURE__ */ y(ln, [["render", cn], ["__scopeId", "data-v-422cc046
 function un(e, s, t, a, n, i) {
   return o(), r("div", {
     class: v(["ecs-flex-row", [i.directionClass, i.justifyClass, i.alignClass, t.wrap ? "ecs-flex-row-wrap" : ""]]),
-    style: x(i.gapStyle)
+    style: B(i.gapStyle)
   }, [
     p(e.$slots, "default", {}, void 0, !0)
   ], 6);
@@ -1189,7 +1189,7 @@ function Fs(e, s) {
 }
 function qt(e, s) {
   s === void 0 && (s = {});
-  var t = s, a = t.placement, n = a === void 0 ? e.placement : a, i = t.strategy, l = i === void 0 ? e.strategy : i, c = t.boundary, d = c === void 0 ? yn : c, h = t.rootBoundary, b = h === void 0 ? Os : h, k = t.elementContext, E = k === void 0 ? Je : k, I = t.altBoundary, B = I === void 0 ? !1 : I, M = t.padding, $ = M === void 0 ? 0 : M, z = Rs(typeof $ != "number" ? $ : Fs($, ot)), T = E === Je ? bn : Je, H = e.rects.popper, O = e.elements[B ? T : E], N = Nn(We(O) ? O : O.contextElement || De(e.elements.popper), d, b, l), P = Ye(e.elements.reference), V = Vs({
+  var t = s, a = t.placement, n = a === void 0 ? e.placement : a, i = t.strategy, l = i === void 0 ? e.strategy : i, c = t.boundary, d = c === void 0 ? yn : c, h = t.rootBoundary, b = h === void 0 ? Os : h, k = t.elementContext, E = k === void 0 ? Je : k, I = t.altBoundary, x = I === void 0 ? !1 : I, M = t.padding, $ = M === void 0 ? 0 : M, z = Rs(typeof $ != "number" ? $ : Fs($, ot)), T = E === Je ? bn : Je, H = e.rects.popper, O = e.elements[x ? T : E], N = Nn(We(O) ? O : O.contextElement || De(e.elements.popper), d, b, l), P = Ye(e.elements.reference), V = Vs({
     reference: P,
     element: H,
     strategy: "absolute",
@@ -1248,7 +1248,7 @@ function Vn(e) {
         var H = Pn($n([].concat(a, b.options.modifiers)));
         return b.orderedModifiers = H.filter(function(O) {
           return O.enabled;
-        }), B(), I.update();
+        }), x(), 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
@@ -1297,7 +1297,7 @@ function Vn(e) {
     I.setOptions(h).then(function($) {
       !E && h.onFirstUpdate && h.onFirstUpdate($);
     });
-    function B() {
+    function x() {
       b.orderedModifiers.forEach(function($) {
         var z = $.name, T = $.options, H = T === void 0 ? {} : T, O = $.effect;
         if (typeof O == "function") {
@@ -1372,7 +1372,7 @@ function jn(e, s) {
   };
 }
 function gs(e) {
-  var s, t = e.popper, a = e.popperRect, n = e.placement, i = e.variation, l = e.offsets, c = e.position, d = e.gpuAcceleration, h = e.adaptive, b = e.roundOffsets, k = e.isFixed, E = l.x, I = E === void 0 ? 0 : E, B = l.y, M = B === void 0 ? 0 : B, $ = typeof b == "function" ? b({
+  var s, t = e.popper, a = e.popperRect, n = e.placement, i = e.variation, l = e.offsets, c = e.position, d = e.gpuAcceleration, h = e.adaptive, b = e.roundOffsets, k = e.isFixed, E = l.x, I = E === void 0 ? 0 : E, x = l.y, M = x === void 0 ? 0 : x, $ = typeof b == "function" ? b({
     x: I,
     y: M
   }) : {
@@ -1501,7 +1501,7 @@ function ea(e, s, t) {
   return a > t ? t : a;
 }
 function ta(e) {
-  var s = e.state, t = e.options, a = e.name, n = t.mainAxis, i = n === void 0 ? !0 : n, l = t.altAxis, c = l === void 0 ? !1 : l, d = t.boundary, h = t.rootBoundary, b = t.altBoundary, k = t.padding, E = t.tether, I = E === void 0 ? !0 : E, B = t.tetherOffset, M = B === void 0 ? 0 : B, $ = qt(s, {
+  var s = e.state, t = e.options, a = e.name, n = t.mainAxis, i = n === void 0 ? !0 : n, l = t.altAxis, c = l === void 0 ? !1 : l, d = t.boundary, h = t.rootBoundary, b = t.altBoundary, k = t.padding, E = t.tether, I = E === void 0 ? !0 : E, x = t.tetherOffset, M = x === void 0 ? 0 : x, $ = qt(s, {
     boundary: d,
     rootBoundary: h,
     padding: k,
@@ -1562,22 +1562,22 @@ function ms(e) {
 }
 function aa(e, s) {
   s === void 0 && (s = {});
-  var t = s, a = t.placement, n = t.boundary, i = t.rootBoundary, l = t.padding, c = t.flipVariations, d = t.allowedAutoPlacements, h = d === void 0 ? Ds : d, b = Ze(a), k = b ? c ? cs : cs.filter(function(B) {
-    return Ze(B) === b;
-  }) : ot, E = k.filter(function(B) {
-    return h.indexOf(B) >= 0;
+  var t = s, a = t.placement, n = t.boundary, i = t.rootBoundary, l = t.padding, c = t.flipVariations, d = t.allowedAutoPlacements, h = d === void 0 ? Ds : d, b = Ze(a), k = b ? c ? cs : cs.filter(function(x) {
+    return Ze(x) === b;
+  }) : ot, E = k.filter(function(x) {
+    return h.indexOf(x) >= 0;
   });
   E.length === 0 && (E = k);
-  var I = E.reduce(function(B, M) {
-    return B[M] = qt(e, {
+  var I = E.reduce(function(x, M) {
+    return x[M] = qt(e, {
       placement: M,
       boundary: n,
       rootBoundary: i,
       padding: l
-    })[Te(M)], B;
+    })[Te(M)], x;
   }, {});
-  return Object.keys(I).sort(function(B, M) {
-    return I[B] - I[M];
+  return Object.keys(I).sort(function(x, M) {
+    return I[x] - I[M];
   });
 }
 function oa(e) {
@@ -1589,13 +1589,13 @@ function oa(e) {
 function la(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, l = t.altAxis, c = l === void 0 ? !0 : l, d = t.fallbackPlacements, h = t.padding, b = t.boundary, k = t.rootBoundary, E = t.altBoundary, I = t.flipVariations, B = I === void 0 ? !0 : I, M = t.allowedAutoPlacements, $ = s.options.placement, z = Te($), T = z === $, H = d || (T || !B ? [mt($)] : oa($)), O = [$].concat(H).reduce(function(Ae, Ce) {
+    for (var n = t.mainAxis, i = n === void 0 ? !0 : n, l = t.altAxis, c = l === void 0 ? !0 : l, d = t.fallbackPlacements, h = t.padding, b = t.boundary, k = t.rootBoundary, E = t.altBoundary, I = t.flipVariations, x = I === void 0 ? !0 : I, M = t.allowedAutoPlacements, $ = s.options.placement, z = Te($), T = z === $, H = d || (T || !x ? [mt($)] : oa($)), O = [$].concat(H).reduce(function(Ae, Ce) {
       return Ae.concat(Te(Ce) === Rt ? aa(s, {
         placement: Ce,
         boundary: b,
         rootBoundary: k,
         padding: h,
-        flipVariations: B,
+        flipVariations: x,
         allowedAutoPlacements: M
       }) : Ce);
     }, []), N = s.rects.reference, P = s.rects.popper, V = /* @__PURE__ */ new Map(), q = !0, j = O[0], K = 0; K < O.length; K++) {
@@ -1617,7 +1617,7 @@ function la(e) {
       V.set(X, ke);
     }
     if (q)
-      for (var Le = B ? 3 : 1, Ne = function(Ce) {
+      for (var Le = x ? 3 : 1, Ne = function(Ce) {
         var R = O.find(function(U) {
           var oe = V.get(U);
           if (oe)
@@ -1678,7 +1678,7 @@ var fa = function(s, t) {
 function ga(e) {
   var s, t = e.state, a = e.name, n = e.options, i = t.elements.arrow, l = t.modifiersData.popperOffsets, c = Te(t.placement), d = Ft(c), h = [de, Be].indexOf(c) >= 0, b = h ? "height" : "width";
   if (!(!i || !l)) {
-    var k = fa(n.padding, t), E = Ht(i), I = d === "y" ? ce : de, B = d === "y" ? xe : Be, M = t.rects.reference[b] + t.rects.reference[d] - l[d] - t.rects.popper[b], $ = l[d] - t.rects.reference[d], z = at(i), T = z ? d === "y" ? z.clientHeight || 0 : z.clientWidth || 0 : 0, H = M / 2 - $ / 2, O = k[I], N = T - E[b] - k[B], P = T / 2 - E[b] / 2 + H, V = st(O, P, N), q = d;
+    var k = fa(n.padding, t), E = Ht(i), I = d === "y" ? ce : de, x = d === "y" ? xe : Be, M = t.rects.reference[b] + t.rects.reference[d] - l[d] - t.rects.popper[b], $ = l[d] - t.rects.reference[d], z = at(i), T = z ? d === "y" ? z.clientHeight || 0 : z.clientWidth || 0 : 0, H = M / 2 - $ / 2, O = k[I], N = T - E[b] - k[x], P = T / 2 - E[b] / 2 + H, V = st(O, P, N), q = d;
     t.modifiersData[a] = (s = {}, s[q] = V, s.centerOffset = V - P, s);
   }
 }
@@ -1720,9 +1720,9 @@ function pa({
     d.isOpen || (d.isOpen = !0, s("open:popper"));
   };
   me([() => d.isOpen, i], async ([M]) => {
-    M ? (await B(), b()) : k();
+    M ? (await x(), b()) : k();
   });
-  const B = async () => {
+  const x = async () => {
     await fi(), d.popperInstance = Jn(c.value, l.value, {
       placement: i.value,
       modifiers: [
@@ -1921,7 +1921,7 @@ const Ca = /* @__PURE__ */ y(ba, [["render", ka], ["__scopeId", "data-v-b4b01b19
   setup(e, { expose: s, emit: t }) {
     const a = t, n = mi(), i = e;
     let l = null;
-    const c = "ecs-popover-" + parseInt(Math.ceil(Math.random() * Date.now()).toPrecision(16).toString().replace(".", "")), d = Re(!1), h = Re(null), b = Re(null), k = Re(!1), E = Re(!1), I = Re([]), B = Re(!0), M = () => {
+    const c = "ecs-popover-" + parseInt(Math.ceil(Math.random() * Date.now()).toPrecision(16).toString().replace(".", "")), d = Re(!1), h = Re(null), b = Re(null), k = Re(!1), E = Re(!1), I = Re([]), x = Re(!0), M = () => {
       n.content ? E.value = !0 : E.value = !1;
     };
     Ts(() => {
@@ -2004,10 +2004,10 @@ const Ca = /* @__PURE__ */ y(ba, [["render", ka], ["__scopeId", "data-v-b4b01b19
         const Ve = (oe - 1 + U.length) % U.length;
         U[Ve].focus();
       } else
-        R.key === "Escape" ? (R.preventDefault(), ae()) : R.key === "Tab" && B.value && (R.preventDefault(), B.value = !1, U.length > 0 && U[0].focus());
+        R.key === "Escape" ? (R.preventDefault(), ae()) : R.key === "Tab" && x.value && (R.preventDefault(), x.value = !1, U.length > 0 && U[0].focus());
     };
     return dt(() => {
-      d.value && (Ae(), B.value = !0, I.value.length > 0 && I.value[0].focus());
+      d.value && (Ae(), x.value = !0, I.value.length > 0 && I.value[0].focus());
     }), (R, U) => (o(), r("div", {
       class: "ecs-popover-root",
       onMouseleave: U[2] || (U[2] = (oe) => e.hover && ae())
@@ -2412,12 +2412,12 @@ function Aa(e, s, t, a, n, i) {
     key: 0,
     onClick: i.handleClick,
     as: "button",
-    style: x(i.clickablePadding)
+    style: B(i.clickablePadding)
   }, {
     default: w(() => [
       (o(), m(ue(i.textTag), {
         class: v([[i.typeScaleClass, i.weightClass, i.alignClass, t.preset, i.fontClass], "ecs-text"]),
-        style: x([i.colorStyle, i.fontSizeStyle])
+        style: B([i.colorStyle, i.fontSizeStyle])
       }, {
         default: w(() => [
           p(e.$slots, "default", {}, void 0, !0)
@@ -2429,7 +2429,7 @@ function Aa(e, s, t, a, n, i) {
   }, 8, ["onClick", "style"])) : (o(), m(ue(i.textTag), {
     key: 1,
     class: v([[i.typeScaleClass, i.weightClass, i.alignClass, t.preset, i.fontClass], "ecs-text"]),
-    style: x([i.colorStyle, i.fontSizeStyle])
+    style: B([i.colorStyle, i.fontSizeStyle])
   }, {
     default: w(() => [
       p(e.$slots, "default", {}, void 0, !0)
@@ -2634,7 +2634,7 @@ const lt = /* @__PURE__ */ y(Oa, [["render", Va], ["__scopeId", "data-v-be4ba5ee
 function Ra(e, s, t, a, n, i) {
   return o(), m(ue(i.textTag), {
     class: v([[i.textClass, t.emphasized ? "emphasized" : ""], "ecs-text"]),
-    style: x({ color: i.textColor })
+    style: B({ color: i.textColor })
   }, {
     default: w(() => [
       p(e.$slots, "default", {}, void 0, !0)
@@ -3358,7 +3358,7 @@ function Ao(e, s, t, a, n, i) {
   return o(), r("li", null, [
     t.type === "checkbox" ? (o(), r("div", po, [
       _(l, {
-        onInput: s[0] || (s[0] = (B) => e.$emit("input", B)),
+        onInput: s[0] || (s[0] = (x) => e.$emit("input", x)),
         disabled: t.disabled || null,
         value: t.value,
         "value-false": t.valueFalse,
@@ -3379,7 +3379,7 @@ function Ao(e, s, t, a, n, i) {
       })) : u("", !0)
     ])) : t.type === "radiobutton" ? (o(), r("div", yo, [
       _(d, {
-        onChange: s[1] || (s[1] = (B) => e.$emit("change", B)),
+        onChange: s[1] || (s[1] = (x) => e.$emit("change", x)),
         disabled: t.disabled || null,
         checked: t.value || null
       }, {
@@ -3397,7 +3397,8 @@ function Ao(e, s, t, a, n, i) {
       })) : u("", !0)
     ])) : t.type === "switch" ? (o(), r("div", _o, [
       _(h, {
-        onChange: s[2] || (s[2] = (B) => e.$emit("input", B)),
+        onInput: s[2] || (s[2] = (x) => e.$emit("input", x)),
+        onChange: s[3] || (s[3] = (x) => e.$emit("change", x)),
         value: t.value,
         "value-false": t.valueFalse,
         "value-true": t.valueTrue,
@@ -3419,7 +3420,7 @@ function Ao(e, s, t, a, n, i) {
       })) : u("", !0)
     ])) : t.type === "sort" ? (o(), r("div", {
       key: 3,
-      onClick: s[3] || (s[3] = (B) => e.$emit("click", B)),
+      onClick: s[4] || (s[4] = (x) => e.$emit("click", x)),
       class: "ecs-popover-list-item control no-hover",
       role: "menuitem",
       tabindex: t.disabled ? -1 : 0
@@ -3443,7 +3444,7 @@ function Ao(e, s, t, a, n, i) {
       _(k, { inset: 0 })
     ], 8, wo)) : t.type === "link" ? (o(), r("a", {
       key: 4,
-      onClick: s[6] || (s[6] = (B) => e.$emit("click", B)),
+      onClick: s[7] || (s[7] = (x) => e.$emit("click", x)),
       class: v(["ecs-popover-list-item", [
         t.danger ? "danger" : "",
         t.subtle ? "subtle" : "",
@@ -3475,8 +3476,8 @@ function Ao(e, s, t, a, n, i) {
         i.secondaryActionOptions.show ? (o(), m(I, {
           key: 0,
           onClick: G(i.handleSecondaryClick, ["stop"]),
-          onMouseover: s[4] || (s[4] = (B) => n.preventHover = !n.preventHover),
-          onMouseleave: s[5] || (s[5] = (B) => n.preventHover = !n.preventHover),
+          onMouseover: s[5] || (s[5] = (x) => n.preventHover = !n.preventHover),
+          onMouseleave: s[6] || (s[6] = (x) => n.preventHover = !n.preventHover),
           size: "sml",
           type: i.secondaryActionOptions.type,
           icon: i.secondaryActionOptions.icon,
@@ -3514,7 +3515,7 @@ function Ao(e, s, t, a, n, i) {
         t.noHover || n.preventHover ? "no-hover" : "",
         t.selected ? "selected" : ""
       ]]),
-      onClick: s[9] || (s[9] = (B) => e.$emit("click", B)),
+      onClick: s[10] || (s[10] = (x) => e.$emit("click", x)),
       role: "menuitem",
       tabindex: t.disabled ? -1 : 0
     }, [
@@ -3538,8 +3539,8 @@ function Ao(e, s, t, a, n, i) {
         i.secondaryActionOptions.show ? (o(), m(I, {
           key: 0,
           onClick: G(i.handleSecondaryClick, ["stop"]),
-          onMouseover: s[7] || (s[7] = (B) => n.preventHover = !n.preventHover),
-          onMouseleave: s[8] || (s[8] = (B) => n.preventHover = !n.preventHover),
+          onMouseover: s[8] || (s[8] = (x) => n.preventHover = !n.preventHover),
+          onMouseleave: s[9] || (s[9] = (x) => n.preventHover = !n.preventHover),
           size: "sml",
           type: i.secondaryActionOptions.type,
           icon: i.secondaryActionOptions.icon,
@@ -3572,7 +3573,7 @@ function Ao(e, s, t, a, n, i) {
     ], 10, To))
   ]);
 }
-const Gs = /* @__PURE__ */ y(ho, [["render", Ao], ["__scopeId", "data-v-95a821ae"]]), Oo = {
+const Gs = /* @__PURE__ */ y(ho, [["render", Ao], ["__scopeId", "data-v-1e380d18"]]), Oo = {
   name: "ecs-button-toolbar",
   emits: ["click"],
   components: {
@@ -3696,7 +3697,7 @@ function Vo(e, s, t, a, n, i) {
     t.badge ? (o(), r("span", {
       key: 1,
       class: "badge",
-      style: x({ background: t.badgeColor })
+      style: B({ background: t.badgeColor })
     }, null, 4)) : u("", !0),
     t.icon && t.iconPosition == "right" || t.loading && t.iconPosition == "right" ? (o(), m(l, {
       key: 2,
@@ -3732,7 +3733,7 @@ function Vo(e, s, t, a, n, i) {
     t.badge ? (o(), r("span", {
       key: 1,
       class: "badge",
-      style: x({ background: t.badgeColor })
+      style: B({ background: t.badgeColor })
     }, null, 4)) : u("", !0),
     t.icon && t.iconPosition == "right" || t.loading && t.iconPosition == "right" ? (o(), m(l, {
       key: 2,
@@ -3793,7 +3794,7 @@ const _t = /* @__PURE__ */ y(Oo, [["render", Vo], ["__scopeId", "data-v-72592c75
 function Ro(e, s, t, a, n, i) {
   return o(), r("div", {
     class: v(["ecs-separator", i.classes]),
-    style: x({ margin: i.marginStyles, width: t.width, height: t.height }),
+    style: B({ margin: i.marginStyles, width: t.width, height: t.height }),
     role: "separator"
   }, null, 6);
 }
@@ -3899,8 +3900,8 @@ function jo(e, s, t, a, n, i) {
           content: w(() => [
             _(b, null, {
               default: w(() => [
-                (o(!0), r(F, null, J(t.options, (I, B) => (o(), m(d, {
-                  key: B,
+                (o(!0), r(F, null, J(t.options, (I, x) => (o(), m(d, {
+                  key: x,
                   disabled: I.disabled || null,
                   onClick: (M) => e.$emit("select", I.action)
                 }, {
@@ -4780,7 +4781,7 @@ function Sl(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: x(i.selectedColorText),
+    style: B(i.selectedColorText),
     onClick: s[0] || (s[0] = (d) => e.$emit("click", d))
   }, [
     t.icon || t.loading ? (o(), m(l, {
@@ -4791,7 +4792,7 @@ function Sl(e, s, t, a, n, i) {
     t.selectedColor ? (o(), r("div", {
       key: 1,
       class: "ecs-context-button-color",
-      style: x(i.selectedColorBackground)
+      style: B(i.selectedColorBackground)
     }, null, 4)) : u("", !0),
     p(e.$slots, "default", {}, void 0, !0),
     _(c)
@@ -5156,7 +5157,7 @@ function Yl(e, s, t, a, n, i) {
       t.progress ? (o(), r("div", {
         key: 0,
         class: "progress",
-        style: x({ width: t.progress + "%" })
+        style: B({ width: t.progress + "%" })
       }, null, 4)) : u("", !0)
     ])
   ], 10, Ul);
@@ -5359,7 +5360,7 @@ function ar(e, s, t, a, n, i) {
   return je((o(), r("div", {
     class: v(["ecs-context-menu", n.opened ? " opened" : ""]),
     id: t.elementId,
-    style: x([i.postionStyles])
+    style: B([i.postionStyles])
   }, [
     f("ul", {
       role: "menu",
@@ -5730,7 +5731,7 @@ function br(e, s, t, a, n, i) {
     }, [
       f("div", {
         class: "ecs-collection-control-list scrollbar scrollbar-sml",
-        style: x(i.listMaxHeight)
+        style: B(i.listMaxHeight)
       }, [
         p(e.$slots, "default")
       ], 4)
@@ -6126,7 +6127,7 @@ function Wc(e, s, t) {
     var V = a, q = n;
     return a = n = void 0, h = P, l = e.apply(q, V), l;
   }
-  function B(P) {
+  function x(P) {
     return h = P, c = setTimeout(z, s), b ? I(P) : l;
   }
   function M(P) {
@@ -6156,7 +6157,7 @@ function Wc(e, s, t) {
     var P = Et(), V = $(P);
     if (a = arguments, n = this, d = P, V) {
       if (c === void 0)
-        return B(d);
+        return x(d);
       if (k)
         return clearTimeout(c), c = setTimeout(z, s), I(d);
     }
@@ -6240,7 +6241,7 @@ const Zc = /* @__PURE__ */ $s(Xc), Jc = {
 function id(e, s, t, a, n, i) {
   return o(), r("div", {
     class: "ecs-saturation",
-    style: x({ background: i.bgColor }),
+    style: B({ background: i.bgColor }),
     ref: "container",
     onMousedown: s[0] || (s[0] = (...l) => i.handleMouseDown && i.handleMouseDown(...l)),
     onTouchmove: s[1] || (s[1] = (...l) => i.handleChange && i.handleChange(...l)),
@@ -6250,7 +6251,7 @@ function id(e, s, t, a, n, i) {
     ed,
     f("div", {
       class: "ecs-saturation-pointer",
-      style: x({ top: i.pointerTop, left: i.pointerLeft })
+      style: B({ top: i.pointerTop, left: i.pointerLeft })
     }, sd, 4)
   ], 36);
 }
@@ -6340,7 +6341,7 @@ function cd(e, s, t, a, n, i) {
     }, [
       f("div", {
         class: "ecs-hue-pointer",
-        style: x({ top: i.pointerTop, left: i.pointerLeft }),
+        style: B({ top: i.pointerTop, left: i.pointerLeft }),
         role: "presentation"
       }, rd, 4)
     ], 40, od)
@@ -6390,7 +6391,7 @@ function gd(e, s, t) {
 function md(e, s, t, a, n, i) {
   return o(), r("div", {
     class: "ecs-checkerboard",
-    style: x(i.bgStyle)
+    style: B(i.bgStyle)
   }, null, 4);
 }
 const ti = /* @__PURE__ */ y(ud, [["render", md]]), hd = {
@@ -6448,7 +6449,7 @@ function _d(e, s, t, a, n, i) {
     ]),
     f("div", {
       class: "ecs-alpha-gradient",
-      style: x({ background: i.gradientColor })
+      style: B({ background: i.gradientColor })
     }, null, 4),
     f("div", {
       class: "ecs-alpha-container",
@@ -6459,7 +6460,7 @@ function _d(e, s, t, a, n, i) {
     }, [
       f("div", {
         class: "ecs-alpha-pointer",
-        style: x({ left: i.colors.a * 100 + "%" })
+        style: B({ left: i.colors.a * 100 + "%" })
       }, bd, 4)
     ], 544)
   ]);
@@ -6591,7 +6592,7 @@ function Od(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: x({ 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(), r("div", wd, [
       _(l, {
@@ -6660,7 +6661,7 @@ function Od(e, s, t, a, n, i) {
     ])) : u("", !0),
     f("div", {
       class: "ecs-color-picker-presets",
-      style: x(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"
     }, [
@@ -6677,7 +6678,7 @@ function Od(e, s, t, a, n, i) {
           class: v(["ecs-color-picker-presets-color", { active: e.colors.hex === k.hex }]),
           "aria-label": k.title,
           key: "if-" + k.id,
-          style: x({ background: k.hex }),
+          style: B({ background: k.hex }),
           "aria-selected": e.colors.hex === k.hex ? "true" : "false",
           title: k.title,
           onClick: (E) => i.handlePreset(k.hex)
@@ -6688,7 +6689,7 @@ function Od(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: x({ background: e.colors.hex })
+        style: B({ background: e.colors.hex })
       }, null, 6))
     ], 4)
   ], 6);
@@ -6772,7 +6773,7 @@ function Vd(e, s, t, a, n, i) {
     default: w(() => [
       f("button", {
         class: v(["ecs-color-picker-input-button", i.sizeClass]),
-        style: x(i.selectedColorStyle)
+        style: B(i.selectedColorStyle)
       }, [
         f("span", null, C(i.selectedColorName), 1)
       ], 6)
@@ -7577,7 +7578,7 @@ function Lu(e, s, t, a, n, i) {
       t.fixedLeftLast ? "fixed-left-last" : "",
       t.fixedRight ? "fixed-right" : ""
     ]]),
-    style: x([
+    style: B([
       i.widthType === "string" ? i.widthStyles : {},
       i.fixedStyles
     ]),
@@ -7589,7 +7590,7 @@ function Lu(e, s, t, a, n, i) {
     f("div", {
       ref: "resizer",
       class: v(["ecs-data-grid-head-cell-inner", t.resizable ? "resizable" : ""]),
-      style: x([
+      style: B([
         i.widthType === "number" ? i.widthStyles : { width: "100%" },
         i.paddingStyles,
         i.resizeStyles,
@@ -7835,13 +7836,13 @@ function ju(e, s, t, a, n, i) {
   const l = g("ecs-button-collapse");
   return o(), r("div", {
     class: v(["ecs-data-grid-cell", [t.fixedLeft ? "fixed-left" : "", t.fixedLeftLast ? "fixed-left-last" : "", t.fixedRight ? "fixed-right" : ""]]),
-    style: x([i.widthType === "string" ? i.widthStyles : {}, i.fixedStyles]),
+    style: B([i.widthType === "string" ? i.widthStyles : {}, i.fixedStyles]),
     role: "cell"
   }, [
     t.fixedRight ? (o(), r("div", Hu)) : u("", !0),
     f("div", {
       class: "ecs-data-grid-cell-inner",
-      style: x([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
     }, [
@@ -7998,7 +7999,7 @@ function ef(e, s, t, a, n, i) {
       i.hasIdentifier ? (o(), r("div", {
         key: 0,
         id: n.definitionId,
-        style: x(i.identifierStyle),
+        style: B(i.identifierStyle),
         class: "ecs-data-list-identifier"
       }, [
         L(C(t.identifier) + " ", 1),
@@ -8031,7 +8032,7 @@ function ef(e, s, t, a, n, i) {
           key: 2,
           class: "progress",
           role: "progressbar",
-          style: x({ width: t.progress + "%" }),
+          style: B({ width: t.progress + "%" }),
           "aria-valuenow": t.progress
         }, null, 12, Ju)) : u("", !0)
       ], 10, Zu)
@@ -8225,7 +8226,7 @@ const c_ = /* @__PURE__ */ y(tf, [["render", nf]]), af = {
       ));
     }), (n, i) => (o(), r("div", {
       class: v(["ecs-state-icon", e.iconColor]),
-      style: x(t.value)
+      style: B(t.value)
     }, [
       (o(), m(ue(re(a)), {
         height: e.size,
@@ -8398,13 +8399,13 @@ function vf(e, s, t, a, n, i) {
       }, null, 8, ["website"])) : t.legendColor ? (o(), r("div", hf, [
         f("div", {
           class: "legend-color-dot",
-          style: x("background-color:" + t.legendColor)
+          style: B("background-color:" + t.legendColor)
         }, null, 4)
       ])) : u("", !0),
       t.indicator && !t.loading ? (o(), r("div", {
         key: 5,
         class: "indicator",
-        style: x("background-color:" + t.indicator)
+        style: B("background-color:" + t.indicator)
       }, null, 4)) : u("", !0)
     ]),
     f("div", pf, [
@@ -8537,7 +8538,7 @@ const f_ = /* @__PURE__ */ y(yf, [["render", xf], ["__scopeId", "data-v-8239e8d6
 function Tf(e, s, t, a, n, i) {
   return o(), r("div", {
     class: "ecs-donut-chart",
-    style: x(i.wrapperPadding)
+    style: B(i.wrapperPadding)
   }, [
     (o(), r("svg", {
       height: t.size,
@@ -8678,7 +8679,7 @@ function Nf(e, s, t, a, n, i) {
         t.infinite ? "ecs-progress-infinite" : "",
         t.cancelled ? "ecs-progress-cancelled" : ""
       ]]),
-      style: x({ width: 100 * (t.value / i.computedMax) + "%" })
+      style: B({ width: 100 * (t.value / i.computedMax) + "%" })
     }, null, 6)
   ], 8, Df);
 }
@@ -8850,15 +8851,15 @@ function Kf(e, s, t, a, n, i) {
       t.disabled ? "ecs-dropzone-disabled" : "",
       n.dragging ? "ecs-dropzone-dragging" : ""
     ]]),
-    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] = G((...B) => i.drop && i.drop(...B), ["prevent"])),
+    onDragover: s[3] || (s[3] = (...x) => i.handleDragOver && i.handleDragOver(...x)),
+    onDragenter: s[4] || (s[4] = (...x) => i.handleDragEnter && i.handleDragEnter(...x)),
+    onDragleave: s[5] || (s[5] = (...x) => i.handleDragLeave && i.handleDragLeave(...x)),
+    onDrop: s[6] || (s[6] = G((...x) => i.drop && i.drop(...x), ["prevent"])),
     "aria-busy": i.isBusy || null,
     "aria-invalid": t.error || null
   }, [
     f("input", {
-      onChange: s[0] || (s[0] = (...B) => i.change && i.change(...B)),
+      onChange: s[0] || (s[0] = (...x) => i.change && i.change(...x)),
       type: "file",
       multiple: t.multiple || null,
       ref: "file"
@@ -8877,8 +8878,8 @@ function Kf(e, s, t, a, n, i) {
           e.$slots.customlabel ? u("", !0) : (o(), r(F, { key: 0 }, [
             L(" Drag and drop your " + C(t.fileTypeLabel) + " or ", 1),
             f("i", {
-              onClick: s[1] || (s[1] = (...B) => i.browseFile && i.browseFile(...B)),
-              onKeydown: s[2] || (s[2] = Y((...B) => i.browseFile && i.browseFile(...B), ["enter"])),
+              onClick: s[1] || (s[1] = (...x) => i.browseFile && i.browseFile(...x)),
+              onKeydown: s[2] || (s[2] = Y((...x) => i.browseFile && i.browseFile(...x), ["enter"])),
               tabindex: "0"
             }, [
               L("browse"),
@@ -9245,7 +9246,7 @@ const og = /* @__PURE__ */ y(eg, [["render", ag], ["__scopeId", "data-v-85fef203
   class: "skipped-documents"
 }, Bg = { key: 0 };
 function Ig(e, s, t, a, n, i) {
-  const l = g("ecs-button"), c = g("ecs-sticker"), d = g("ecs-popover-header"), h = g("ecs-info-tooltip"), b = g("ecs-flex-row"), k = g("ecs-switch"), E = g("ecs-text"), I = g("ecs-select"), B = g("ecs-form-group"), M = g("ecs-checkbox"), $ = g("ecs-button-more"), z = g("ecs-popover");
+  const l = g("ecs-button"), c = g("ecs-sticker"), d = g("ecs-popover-header"), h = g("ecs-info-tooltip"), b = g("ecs-flex-row"), k = g("ecs-switch"), E = g("ecs-text"), I = g("ecs-select"), x = g("ecs-form-group"), M = g("ecs-checkbox"), $ = g("ecs-button-more"), z = g("ecs-popover");
   return o(), m(z, {
     ref: "popoverRef",
     class: "ecs-ecai-select",
@@ -9300,7 +9301,7 @@ function Ig(e, s, t, a, n, i) {
             ]),
             _: 1
           }, 8, ["onInput", "value"])) : u("", !0),
-          n.localSettings.generateSummaries && n.localSettings.generateDocumentSummary && !t.isTranscripts ? (o(), m(B, {
+          n.localSettings.generateSummaries && n.localSettings.generateDocumentSummary && !t.isTranscripts ? (o(), m(x, {
             key: 1,
             class: v(["indent", { "no-padding": t.hideSwitch }])
           }, {
@@ -9352,7 +9353,7 @@ function Ig(e, s, t, a, n, i) {
             ]),
             _: 1
           }, 8, ["onInput", "value"])) : u("", !0),
-          n.localSettings.extractData ? (o(), m(B, {
+          n.localSettings.extractData ? (o(), m(x, {
             key: 4,
             class: "indent checkbox-group"
           }, {
@@ -9483,7 +9484,7 @@ function Tg(e, s, t, a, n, i) {
   const l = g("ecs-icon");
   return o(), r("div", {
     class: v(["ecs-ecai-wrapper", { border: i.hasBorder }]),
-    style: x(i.wrapperStyle)
+    style: B(i.wrapperStyle)
   }, [
     Eg,
     t.icon ? (o(), m(l, {
@@ -9713,7 +9714,7 @@ function Ug(e, s, t, a, n, i) {
     ]),
     f("div", {
       class: "ecs-excerpt-content scrollbar scrollbar-sml",
-      style: x(i.maxHeightStyles)
+      style: B(i.maxHeightStyles)
     }, [
       t.loading ? (o(), m(l, {
         key: 0,
@@ -9732,10 +9733,10 @@ function Ug(e, s, t, a, n, i) {
           p(e.$slots, "default", {}, void 0, !0)
         ])) : t.type == "rectangle" ? (o(), r("div", Wg, [
           f("span", {
-            style: x("color:" + t.annotationColor)
+            style: B("color:" + t.annotationColor)
           }, "Rectangle Annotation", 4),
           f("div", {
-            style: x("background-color:" + t.annotationColor)
+            style: B("background-color:" + t.annotationColor)
           }, null, 4)
         ])) : (o(), r("div", jg, [
           p(e.$slots, "default", {}, void 0, !0)
@@ -10009,7 +10010,7 @@ function rm(e, s, t, a, n, i) {
           t.progress ? (o(), r("div", {
             key: 3,
             class: "loading-bar",
-            style: x({ width: t.progress + "%" }),
+            style: B({ width: t.progress + "%" }),
             role: "progressbar",
             "aria-valuenow": t.progress
           }, null, 12, im)) : u("", !0)
@@ -10034,7 +10035,7 @@ function rm(e, s, t, a, n, i) {
       default: w(() => [
         e.$slots.edit && t.edit ? (o(), r("div", {
           key: 0,
-          style: x({ maxHeight: n.editHeight + "px" }),
+          style: B({ maxHeight: n.editHeight + "px" }),
           id: n.editId
         }, [
           f("div", lm, [
@@ -10346,7 +10347,7 @@ function Sm(e, s, t, a, n, i) {
       t.borderless ? "" : "ecs-scroll-container-border",
       t.hideShadows ? "" : "ecs-scroll-container-shadows"
     ]]),
-    style: x({ maxHeight: t.height, padding: t.padding })
+    style: B({ maxHeight: t.height, padding: t.padding })
   }, [
     p(e.$slots, "default", {}, void 0, !0)
   ], 6);
@@ -10452,7 +10453,7 @@ function Em(e, s, t, a, n, i) {
   const l = g("ecs-text-v2"), c = g("ecs-input-search"), d = g("ecs-button"), h = g("ecs-empty-state"), b = g("ecs-scroll-container");
   return o(), r("div", {
     class: v(["ecs-folder-selector", [t.framed ? "ecs-folder-selector-border" : ""]]),
-    style: x({ height: i.selectorHeight })
+    style: B({ height: i.selectorHeight })
   }, [
     t.searchable || t.create || t.refreshable || t.title ? (o(), r("div", Im, [
       t.title && !t.searchable ? (o(), m(l, {
@@ -10498,7 +10499,7 @@ function Em(e, s, t, a, n, i) {
       }, 8, ["onClick"])) : u("", !0)
     ])) : u("", !0),
     _(b, {
-      style: x(i.scrollHeight),
+      style: B(i.scrollHeight),
       padding: t.framed ? "8px" : "0",
       borderless: ""
     }, {
@@ -10630,7 +10631,7 @@ function Hm(e, s, t, a, n, i) {
       i.showHighlight ? (o(), r("div", {
         key: 0,
         class: v(["ecs-highlight", [i.classes]]),
-        style: x({ ...i.highlightColor, ...i.borderRadiusStyle, ...i.insetStyles })
+        style: B({ ...i.highlightColor, ...i.borderRadiusStyle, ...i.insetStyles })
       }, [
         t.layout === "wrap" ? p(e.$slots, "default", { key: 0 }, void 0, !0) : u("", !0)
       ], 6)) : u("", !0)
@@ -11526,7 +11527,7 @@ function Gh(e, s, t, a, n, i) {
   return o(), r("div", {
     class: "ecs-pane",
     onClick: s[0] || (s[0] = (l) => i.onPaneClick(l, e._.uid)),
-    style: x(e.style)
+    style: B(e.style)
   }, [
     p(e.$slots, "default")
   ], 4);
@@ -11927,7 +11928,7 @@ function ep(e, s, t, a, n, i) {
       e.$slots.sidebar ? (o(), r("div", {
         key: 0,
         class: v(["ecs-index-layout-sidebar", [t.overlaySidebar ? "overlay" : ""]]),
-        style: x(i.sidebarPosition)
+        style: B(i.sidebarPosition)
       }, [
         p(e.$slots, "sidebar", {}, void 0, !0)
       ], 6)) : u("", !0)
@@ -12060,7 +12061,7 @@ function hp(e, s, t, a, n, i) {
             key: 0,
             class: "ecs-data-layout-statistics scrollbar scrollbar-sml vertical",
             id: n.statisticsId,
-            style: x({ height: `${t.statisticsHeight}px` })
+            style: B({ height: `${t.statisticsHeight}px` })
           }, [
             p(e.$slots, "statistics", {}, void 0, !0)
           ], 12, dp)) : u("", !0)
@@ -12174,7 +12175,7 @@ function _p(e, s, t, a, n, i) {
     default: w(() => [
       f("div", {
         class: v(["ecs-legend-item-color", t.type]),
-        style: x({ backgroundColor: t.color })
+        style: B({ backgroundColor: t.color })
       }, null, 6),
       f("div", vp, C(t.label), 1),
       t.count ? (o(), r("div", yp, C(t.count), 1)) : u("", !0),
@@ -12182,7 +12183,7 @@ function _p(e, s, t, a, n, i) {
       t.highlight || t.hover ? (o(), r("div", {
         key: 2,
         class: "ecs-legend-item-highlight",
-        style: x({ backgroundColor: t.color })
+        style: B({ backgroundColor: t.color })
       }, null, 4)) : u("", !0),
       t.hover ? (o(), m(l, { key: 3 })) : u("", !0)
     ]),
@@ -12243,7 +12244,7 @@ function Sp(e, s, t, a, n, i) {
     "aria-busy": t.loading || null,
     align: "start",
     gap: 8,
-    style: x(i.padding)
+    style: B(i.padding)
   }, {
     default: w(() => [
       t.loading && t.type != "blank" ? (o(), m(l, {
@@ -12379,7 +12380,7 @@ function Ap(e, s, t, a, n, i) {
       }, [
         f("div", {
           class: "ecs-modal-dialog ecs-modal-sheet",
-          style: x(i.fixedHeightStyle)
+          style: B(i.fixedHeightStyle)
         }, [
           e.$slots.header ? (o(), r("div", Pp, [
             p(e.$slots, "header", {}, void 0, !0)
@@ -12975,11 +12976,11 @@ function Sv(e, s, t, a, n, i) {
       n.isShown ? (o(), r("div", {
         key: 0,
         class: "ecs-overlay",
-        style: x({ 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: x(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", cv, [
             t.icon ? (o(), m(l, {
@@ -13047,7 +13048,7 @@ function Sv(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: x({ 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 })
             }, [
               p(e.$slots, "default", {}, void 0, !0)
             ], 6),
@@ -13072,7 +13073,7 @@ function Sv(e, s, t, a, n, i) {
           f("div", kv, [
             f("div", {
               class: "ecs-overlay-footer-content-inner",
-              style: x({ width: i.contentWidth, maxWidth: i.contentMaxWidth, minWidth: i.contentMinWidth, paddingLeft: i.contentPadding, paddingRight: i.contentPadding })
+              style: B({ width: i.contentWidth, maxWidth: i.contentMaxWidth, minWidth: i.contentMinWidth, paddingLeft: i.contentPadding, paddingRight: i.contentPadding })
             }, [
               p(e.$slots, "footer", {}, void 0, !0)
             ], 4),
@@ -13207,7 +13208,7 @@ function $v(e, s, t, a, n, i) {
     _(c, {
       gap: 8,
       class: "ecs-pagination-nav",
-      style: x({ minWidth: t.tabsSpacing - 4 + "px" })
+      style: B({ minWidth: t.tabsSpacing - 4 + "px" })
     }, {
       default: w(() => [
         t.type == "paginated" ? (o(), r(F, { key: 0 }, [
@@ -13419,12 +13420,12 @@ function Ov(e, s, t, a, n, i) {
   const l = g("ecs-icon"), c = g("ecs-sticker");
   return o(), r("div", {
     class: v(["ecs-party-entry", [t.party, t.color && t.background ? "ecs-party-entry-colored" : ""]]),
-    style: x({ color: t.color })
+    style: B({ color: t.color })
   }, [
     t.icon && t.iconPosition == "left" ? (o(), r("div", {
       key: 0,
       class: "ecs-party-entry-icon",
-      style: x("margin-right:" + t.iconSpacing)
+      style: B("margin-right:" + t.iconSpacing)
     }, [
       _(l, {
         type: i.iconType,
@@ -13442,7 +13443,7 @@ function Ov(e, s, t, a, n, i) {
     t.icon && t.iconPosition == "right" ? (o(), r("div", {
       key: 1,
       class: "ecs-party-entry-icon",
-      style: x("margin-left:" + t.iconSpacing)
+      style: B("margin-left:" + t.iconSpacing)
     }, [
       _(l, {
         type: i.iconType,
@@ -13821,7 +13822,7 @@ const Yv = /* @__PURE__ */ y(jv, [["render", Kv], ["__scopeId", "data-v-a6e15633
   class: "meta"
 }, uy = { key: 0 }, fy = ["title"];
 function gy(e, s, t, a, n, i) {
-  const l = g("ecs-icon"), c = g("ecs-focus-ring"), d = g("ecs-rating-favorability"), h = g("ecs-rating-star-read"), b = g("ecs-switch"), k = g("ecs-avatar"), E = g("ecs-popover-list-item"), I = g("ecs-popover-list"), B = g("ecs-popover"), M = g("ecs-flex-row"), $ = g("ecs-checkbox");
+  const l = g("ecs-icon"), c = g("ecs-focus-ring"), d = g("ecs-rating-favorability"), h = g("ecs-rating-star-read"), b = g("ecs-switch"), k = g("ecs-avatar"), E = g("ecs-popover-list-item"), I = g("ecs-popover-list"), x = g("ecs-popover"), M = g("ecs-flex-row"), $ = g("ecs-checkbox");
   return o(), r("li", {
     class: v(["ecs-quicklinks-link", [
       i.typeClass,
@@ -13916,7 +13917,7 @@ function gy(e, s, t, a, n, i) {
               title: `${z.name} (${z.date})`,
               "aria-label": `Volume ${z.id}${z.active ? " active" : ""}`
             }, C(z.id), 11, ry))), 128)),
-            n.localVolumes.length > 3 ? (o(), m(B, {
+            n.localVolumes.length > 3 ? (o(), m(x, {
               key: 0,
               disabled: t.disabled || null
             }, {
@@ -14437,7 +14438,7 @@ function ab(e, s, t, a, n, i) {
   const l = g("ecs-tab-bar"), c = g("ecs-tabs");
   return o(), r("aside", {
     class: v(["ecs-sidebar", [i.sizeClass, i.expandClass]]),
-    style: x(i.height)
+    style: B(i.height)
   }, [
     f("div", nb, [
       _(l, { type: "sidebar" }, {
@@ -14979,7 +14980,7 @@ function Db(e, s, t, a, n, i) {
       "aria-label": l.title,
       "aria-checked": n.selectedColor == l.hex ? "true" : "false",
       class: v(["ecs-swatches-color", n.selectedColor == l.hex ? "active" : ""]),
-      style: x({ backgroundColor: l.hex, color: l.hex })
+      style: B({ backgroundColor: l.hex, color: l.hex })
     }, null, 46, Ob))), 128))
   ], 2);
 }
@@ -15261,7 +15262,7 @@ function Zb(e, s, t, a, n, i) {
       t.loading ? "loading" : ""
     ]]),
     onClick: s[0] || (s[0] = (...d) => i.handleClick && i.handleClick(...d)),
-    style: x(i.customColorStyle),
+    style: B(i.customColorStyle),
     role: t.hover ? "button" : !1,
     tabindex: t.hover ? "0" : "-1",
     "aria-busy": t.loading || null