@everchron/ec-shards 9.22.0 → 9.22.1

package/dist/ec-shards.js

@@ -1,4 +1,4 @@
-import { defineAsyncComponent as se, watch as me, openBlock as o, createBlock as h, 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 H, renderList as X, 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 Fe, watchEffect as ut, withKeys as Y, Teleport as hi, withDirectives as je, vShow as nt, mergeProps as Oe, 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 h, 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 H, renderList as X, 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 Fe, watchEffect as ut, withKeys as Y, Teleport as hi, withDirectives as je, vShow as nt, mergeProps as Oe, 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: B(i.styles)
+    style: x(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: B(i.borderStyles),
+    style: x(i.borderStyles),
     role: "alert"
   }, [
     t.dismissable ? (o(), r("button", {
@@ -335,7 +335,7 @@ const Yb = /* @__PURE__ */ y(Di, [["render", Ri], ["__scopeId", "data-v-4e7ca115
       "aria-busy": t.value || null,
       width: e.size,
       height: e.size,
-      style: B(`color: ${n.value}`),
+      style: x(`color: ${n.value}`),
       "data-test-icon-type": e.type
     }, null, 8, ["class", "aria-busy", "width", "height", "style", "data-test-icon-type"])) : u("", !0);
   }
@@ -398,7 +398,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: B({ width: i.calculatedWidth, height: t.height + "px" })
+    style: x({ width: i.calculatedWidth, height: t.height + "px" })
   }, null, 6)) : t.type === "multi" ? (o(), r("div", ji, [
     (o(!0), r(H, null, X(parseInt(t.count), (l) => (o(), r("div", {
       key: l,
@@ -410,7 +410,7 @@ function Ki(e, s, t, a, n, i) {
   }, [
     f("div", {
       class: "skeleton skeleton-single",
-      style: B({ width: i.calculatedWidth })
+      style: x({ width: i.calculatedWidth })
     }, null, 4)
   ], 2));
 }
@@ -551,7 +551,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: B([i.style, t.customStyle]),
+    style: x([i.style, t.customStyle]),
     role: t.image ? "img" : "none",
     "aria-label": t.name
   }, [
@@ -646,7 +646,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: B(i.dismissButtonStyle),
+      style: x(i.dismissButtonStyle),
       class: "close",
       "aria-label": "Dismiss"
     }, [
@@ -801,7 +801,7 @@ const Qb = /* @__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: B(i.gapStyle)
+    style: x(i.gapStyle)
   }, [
     p(e.$slots, "default", {}, void 0, !0)
   ], 6);
@@ -1190,7 +1190,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, m = t.rootBoundary, b = m === void 0 ? Os : m, k = t.elementContext, I = k === void 0 ? Je : k, z = t.altBoundary, x = z === void 0 ? !1 : z, M = t.padding, $ = M === void 0 ? 0 : M, E = Rs(typeof $ != "number" ? $ : Fs($, lt)), T = I === Je ? bn : Je, R = e.rects.popper, O = e.elements[x ? T : I], N = Nn(We(O) ? O : O.contextElement || Ne(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, m = t.rootBoundary, b = m === void 0 ? Os : m, k = t.elementContext, I = k === void 0 ? Je : k, z = t.altBoundary, B = z === void 0 ? !1 : z, M = t.padding, $ = M === void 0 ? 0 : M, E = Rs(typeof $ != "number" ? $ : Fs($, lt)), T = I === Je ? bn : Je, R = e.rects.popper, O = e.elements[B ? T : I], N = Nn(We(O) ? O : O.contextElement || Ne(e.elements.popper), d, b, l), P = Ye(e.elements.reference), V = Vs({
     reference: P,
     element: R,
     strategy: "absolute",
@@ -1249,7 +1249,7 @@ function Vn(e) {
         var R = Pn(Ln([].concat(a, b.options.modifiers)));
         return b.orderedModifiers = R.filter(function(O) {
           return O.enabled;
-        }), x(), z.update();
+        }), B(), z.update();
       },
       // Sync update – it will always be executed, even if not necessary. This
       // is useful for low frequency updates where sync behavior simplifies the
@@ -1298,7 +1298,7 @@ function Vn(e) {
     z.setOptions(m).then(function($) {
       !I && m.onFirstUpdate && m.onFirstUpdate($);
     });
-    function x() {
+    function B() {
       b.orderedModifiers.forEach(function($) {
         var E = $.name, T = $.options, R = T === void 0 ? {} : T, O = $.effect;
         if (typeof O == "function") {
@@ -1373,7 +1373,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, m = e.adaptive, b = e.roundOffsets, k = e.isFixed, I = l.x, z = I === void 0 ? 0 : I, x = l.y, M = x === void 0 ? 0 : x, $ = 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, m = e.adaptive, b = e.roundOffsets, k = e.isFixed, I = l.x, z = I === void 0 ? 0 : I, B = l.y, M = B === void 0 ? 0 : B, $ = typeof b == "function" ? b({
     x: z,
     y: M
   }) : {
@@ -1502,7 +1502,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, m = t.rootBoundary, b = t.altBoundary, k = t.padding, I = t.tether, z = I === void 0 ? !0 : I, x = t.tetherOffset, M = x === void 0 ? 0 : x, $ = 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, m = t.rootBoundary, b = t.altBoundary, k = t.padding, I = t.tether, z = I === void 0 ? !0 : I, B = t.tetherOffset, M = B === void 0 ? 0 : B, $ = qt(s, {
     boundary: d,
     rootBoundary: m,
     padding: k,
@@ -1563,22 +1563,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, m = d === void 0 ? Ds : d, b = Xe(a), k = b ? c ? cs : cs.filter(function(x) {
-    return Xe(x) === b;
-  }) : lt, I = k.filter(function(x) {
-    return m.indexOf(x) >= 0;
+  var t = s, a = t.placement, n = t.boundary, i = t.rootBoundary, l = t.padding, c = t.flipVariations, d = t.allowedAutoPlacements, m = d === void 0 ? Ds : d, b = Xe(a), k = b ? c ? cs : cs.filter(function(B) {
+    return Xe(B) === b;
+  }) : lt, I = k.filter(function(B) {
+    return m.indexOf(B) >= 0;
   });
   I.length === 0 && (I = k);
-  var z = I.reduce(function(x, M) {
-    return x[M] = qt(e, {
+  var z = I.reduce(function(B, M) {
+    return B[M] = qt(e, {
       placement: M,
       boundary: n,
       rootBoundary: i,
       padding: l
-    })[Te(M)], x;
+    })[Te(M)], B;
   }, {});
-  return Object.keys(z).sort(function(x, M) {
-    return z[x] - z[M];
+  return Object.keys(z).sort(function(B, M) {
+    return z[B] - z[M];
   });
 }
 function oa(e) {
@@ -1590,13 +1590,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, m = t.padding, b = t.boundary, k = t.rootBoundary, I = t.altBoundary, z = t.flipVariations, x = z === void 0 ? !0 : z, M = t.allowedAutoPlacements, $ = s.options.placement, E = Te($), T = E === $, R = d || (T || !x ? [ht($)] : oa($)), O = [$].concat(R).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, m = t.padding, b = t.boundary, k = t.rootBoundary, I = t.altBoundary, z = t.flipVariations, B = z === void 0 ? !0 : z, M = t.allowedAutoPlacements, $ = s.options.placement, E = Te($), T = E === $, R = d || (T || !B ? [ht($)] : oa($)), O = [$].concat(R).reduce(function(Ae, Ce) {
       return Ae.concat(Te(Ce) === Rt ? aa(s, {
         placement: Ce,
         boundary: b,
         rootBoundary: k,
         padding: m,
-        flipVariations: x,
+        flipVariations: B,
         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++) {
@@ -1618,7 +1618,7 @@ function la(e) {
       V.set(Z, ke);
     }
     if (q)
-      for (var $e = x ? 3 : 1, Ve = function(Ce) {
+      for (var $e = B ? 3 : 1, Ve = function(Ce) {
         var F = O.find(function(U) {
           var oe = V.get(U);
           if (oe)
@@ -1679,7 +1679,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), m = [de, Be].indexOf(c) >= 0, b = m ? "height" : "width";
   if (!(!i || !l)) {
-    var k = fa(n.padding, t), I = Ht(i), z = 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], E = ot(i), T = E ? d === "y" ? E.clientHeight || 0 : E.clientWidth || 0 : 0, R = M / 2 - $ / 2, O = k[z], N = T - I[b] - k[x], P = T / 2 - I[b] / 2 + R, V = st(O, P, N), q = d;
+    var k = fa(n.padding, t), I = Ht(i), z = 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], E = ot(i), T = E ? d === "y" ? E.clientHeight || 0 : E.clientWidth || 0 : 0, R = M / 2 - $ / 2, O = k[z], N = T - I[b] - k[B], P = T / 2 - I[b] / 2 + R, V = st(O, P, N), q = d;
     t.modifiersData[a] = (s = {}, s[q] = V, s.centerOffset = V - P, s);
   }
 }
@@ -1721,9 +1721,9 @@ function pa({
     d.isOpen || (d.isOpen = !0, s("open:popper"));
   };
   me([() => d.isOpen, i], async ([M]) => {
-    M ? (await x(), b()) : k();
+    M ? (await B(), b()) : k();
   });
-  const x = async () => {
+  const B = async () => {
     await fi(), d.popperInstance = Jn(c.value, l.value, {
       placement: i.value,
       modifiers: [
@@ -1922,7 +1922,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 = Fe(!1), m = Fe(null), b = Fe(null), k = Fe(!1), I = Fe(!1), z = Fe([]), x = Fe(!0), M = () => {
+    const c = "ecs-popover-" + parseInt(Math.ceil(Math.random() * Date.now()).toPrecision(16).toString().replace(".", "")), d = Fe(!1), m = Fe(null), b = Fe(null), k = Fe(!1), I = Fe(!1), z = Fe([]), B = Fe(!0), M = () => {
       n.content ? I.value = !0 : I.value = !1;
     };
     Ts(() => {
@@ -2005,10 +2005,10 @@ const Ca = /* @__PURE__ */ y(ba, [["render", ka], ["__scopeId", "data-v-b4b01b19
         const He = (oe - 1 + U.length) % U.length;
         U[He].focus();
       } else
-        F.key === "Escape" ? (F.preventDefault(), ae()) : F.key === "Tab" && x.value && (F.preventDefault(), x.value = !1, U.length > 0 && U[0].focus());
+        F.key === "Escape" ? (F.preventDefault(), ae()) : F.key === "Tab" && B.value && (F.preventDefault(), B.value = !1, U.length > 0 && U[0].focus());
     };
     return ut(() => {
-      d.value && (Ae(), x.value = !0, z.value.length > 0 && z.value[0].focus());
+      d.value && (Ae(), B.value = !0, z.value.length > 0 && z.value[0].focus());
     }), (F, U) => (o(), r("div", {
       class: "ecs-popover-root",
       onMouseleave: U[2] || (U[2] = (oe) => e.hover && ae())
@@ -2413,12 +2413,12 @@ function Aa(e, s, t, a, n, i) {
     key: 0,
     onClick: i.handleClick,
     as: "button",
-    style: B(i.clickablePadding)
+    style: x(i.clickablePadding)
   }, {
     default: w(() => [
       (o(), h(ue(i.textTag), {
         class: v([[i.typeScaleClass, i.weightClass, i.alignClass, t.preset, i.fontClass], "ecs-text"]),
-        style: B([i.colorStyle, i.fontSizeStyle])
+        style: x([i.colorStyle, i.fontSizeStyle])
       }, {
         default: w(() => [
           p(e.$slots, "default", {}, void 0, !0)
@@ -2430,7 +2430,7 @@ function Aa(e, s, t, a, n, i) {
   }, 8, ["onClick", "style"])) : (o(), h(ue(i.textTag), {
     key: 1,
     class: v([[i.typeScaleClass, i.weightClass, i.alignClass, t.preset, i.fontClass], "ecs-text"]),
-    style: B([i.colorStyle, i.fontSizeStyle])
+    style: x([i.colorStyle, i.fontSizeStyle])
   }, {
     default: w(() => [
       p(e.$slots, "default", {}, void 0, !0)
@@ -2635,7 +2635,7 @@ const rt = /* @__PURE__ */ y(Oa, [["render", Va], ["__scopeId", "data-v-be4ba5ee
 function Ra(e, s, t, a, n, i) {
   return o(), h(ue(i.textTag), {
     class: v([[i.textClass, t.emphasized ? "emphasized" : ""], "ecs-text"]),
-    style: B({ color: i.textColor })
+    style: x({ color: i.textColor })
   }, {
     default: w(() => [
       p(e.$slots, "default", {}, void 0, !0)
@@ -3360,7 +3360,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] = (x) => e.$emit("input", x)),
+        onInput: s[0] || (s[0] = (B) => e.$emit("input", B)),
         disabled: t.disabled || null,
         value: t.value,
         "value-false": t.valueFalse,
@@ -3381,7 +3381,7 @@ function Ao(e, s, t, a, n, i) {
       })) : u("", !0)
     ])) : t.type === "radiobutton" ? (o(), r("div", yo, [
       _(d, {
-        onChange: s[1] || (s[1] = (x) => e.$emit("change", x)),
+        onChange: s[1] || (s[1] = (B) => e.$emit("change", B)),
         disabled: t.disabled || null,
         checked: t.value || null
       }, {
@@ -3399,8 +3399,8 @@ function Ao(e, s, t, a, n, i) {
       })) : u("", !0)
     ])) : t.type === "switch" ? (o(), r("div", _o, [
       _(m, {
-        onInput: s[2] || (s[2] = (x) => e.$emit("input", x)),
-        onChange: s[3] || (s[3] = (x) => e.$emit("change", x)),
+        onInput: s[2] || (s[2] = (B) => e.$emit("input", B)),
+        onChange: s[3] || (s[3] = (B) => e.$emit("change", B)),
         value: t.value,
         "value-false": t.valueFalse,
         "value-true": t.valueTrue,
@@ -3422,7 +3422,7 @@ function Ao(e, s, t, a, n, i) {
       })) : u("", !0)
     ])) : t.type === "sort" ? (o(), r("div", {
       key: 3,
-      onClick: s[4] || (s[4] = (x) => e.$emit("click", x)),
+      onClick: s[4] || (s[4] = (B) => e.$emit("click", B)),
       class: "ecs-popover-list-item control no-hover",
       role: "menuitem",
       tabindex: t.disabled ? -1 : 0
@@ -3446,7 +3446,7 @@ function Ao(e, s, t, a, n, i) {
       _(k, { inset: 0 })
     ], 8, wo)) : t.type === "link" ? (o(), r("a", {
       key: 4,
-      onClick: s[7] || (s[7] = (x) => e.$emit("click", x)),
+      onClick: s[7] || (s[7] = (B) => e.$emit("click", B)),
       class: v(["ecs-popover-list-item", [
         t.danger ? "danger" : "",
         t.subtle ? "subtle" : "",
@@ -3478,8 +3478,8 @@ function Ao(e, s, t, a, n, i) {
         i.secondaryActionOptions.show ? (o(), h(z, {
           key: 0,
           onClick: G(i.handleSecondaryClick, ["stop"]),
-          onMouseover: s[5] || (s[5] = (x) => n.preventHover = !n.preventHover),
-          onMouseleave: s[6] || (s[6] = (x) => n.preventHover = !n.preventHover),
+          onMouseover: s[5] || (s[5] = (B) => n.preventHover = !n.preventHover),
+          onMouseleave: s[6] || (s[6] = (B) => n.preventHover = !n.preventHover),
           size: "sml",
           type: i.secondaryActionOptions.type,
           icon: i.secondaryActionOptions.icon,
@@ -3517,7 +3517,7 @@ function Ao(e, s, t, a, n, i) {
         t.noHover || n.preventHover ? "no-hover" : "",
         t.selected ? "selected" : ""
       ]]),
-      onClick: s[10] || (s[10] = (x) => e.$emit("click", x)),
+      onClick: s[10] || (s[10] = (B) => e.$emit("click", B)),
       role: "menuitem",
       tabindex: t.disabled ? -1 : 0
     }, [
@@ -3541,8 +3541,8 @@ function Ao(e, s, t, a, n, i) {
         i.secondaryActionOptions.show ? (o(), h(z, {
           key: 0,
           onClick: G(i.handleSecondaryClick, ["stop"]),
-          onMouseover: s[8] || (s[8] = (x) => n.preventHover = !n.preventHover),
-          onMouseleave: s[9] || (s[9] = (x) => n.preventHover = !n.preventHover),
+          onMouseover: s[8] || (s[8] = (B) => n.preventHover = !n.preventHover),
+          onMouseleave: s[9] || (s[9] = (B) => n.preventHover = !n.preventHover),
           size: "sml",
           type: i.secondaryActionOptions.type,
           icon: i.secondaryActionOptions.icon,
@@ -3699,7 +3699,7 @@ function Vo(e, s, t, a, n, i) {
     t.badge ? (o(), r("span", {
       key: 1,
       class: "badge",
-      style: B({ background: t.badgeColor })
+      style: x({ background: t.badgeColor })
     }, null, 4)) : u("", !0),
     t.icon && t.iconPosition == "right" || t.loading && t.iconPosition == "right" ? (o(), h(l, {
       key: 2,
@@ -3735,7 +3735,7 @@ function Vo(e, s, t, a, n, i) {
     t.badge ? (o(), r("span", {
       key: 1,
       class: "badge",
-      style: B({ background: t.badgeColor })
+      style: x({ background: t.badgeColor })
     }, null, 4)) : u("", !0),
     t.icon && t.iconPosition == "right" || t.loading && t.iconPosition == "right" ? (o(), h(l, {
       key: 2,
@@ -3796,7 +3796,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: B({ margin: i.marginStyles, width: t.width, height: t.height }),
+    style: x({ margin: i.marginStyles, width: t.width, height: t.height }),
     role: "separator"
   }, null, 6);
 }
@@ -3902,8 +3902,8 @@ function jo(e, s, t, a, n, i) {
           content: w(() => [
             _(b, null, {
               default: w(() => [
-                (o(!0), r(H, null, X(t.options, (z, x) => (o(), h(d, {
-                  key: x,
+                (o(!0), r(H, null, X(t.options, (z, B) => (o(), h(d, {
+                  key: B,
                   disabled: z.disabled || null,
                   onClick: (M) => e.$emit("select", z.action)
                 }, {
@@ -4783,7 +4783,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: B(i.selectedColorText),
+    style: x(i.selectedColorText),
     onClick: s[0] || (s[0] = (d) => e.$emit("click", d))
   }, [
     t.icon || t.loading ? (o(), h(l, {
@@ -4794,7 +4794,7 @@ function Sl(e, s, t, a, n, i) {
     t.selectedColor ? (o(), r("div", {
       key: 1,
       class: "ecs-context-button-color",
-      style: B(i.selectedColorBackground)
+      style: x(i.selectedColorBackground)
     }, null, 4)) : u("", !0),
     p(e.$slots, "default", {}, void 0, !0),
     _(c)
@@ -5159,7 +5159,7 @@ function Yl(e, s, t, a, n, i) {
       t.progress ? (o(), r("div", {
         key: 0,
         class: "progress",
-        style: B({ width: t.progress + "%" })
+        style: x({ width: t.progress + "%" })
       }, null, 4)) : u("", !0)
     ])
   ], 10, Ul);
@@ -5333,7 +5333,7 @@ function cr(e, s, t, a, n, i) {
       _(l, Oe(i.computedAvatar, { size: 24 }), null, 16),
       f("div", {
         class: "ecs-chat-message-bubble",
-        style: B({ backgroundColor: i.bubbleColor })
+        style: x({ backgroundColor: i.bubbleColor })
       }, [
         (o(), r("svg", ar, [
           f("path", {
@@ -5478,7 +5478,7 @@ function pr(e, s, t, a, n, i) {
   return je((o(), r("div", {
     class: v(["ecs-context-menu", n.opened ? " opened" : ""]),
     id: t.elementId,
-    style: B([i.postionStyles])
+    style: x([i.postionStyles])
   }, [
     f("ul", {
       role: "menu",
@@ -5849,7 +5849,7 @@ function Tr(e, s, t, a, n, i) {
     }, [
       f("div", {
         class: "ecs-collection-control-list scrollbar scrollbar-sml",
-        style: B(i.listMaxHeight)
+        style: x(i.listMaxHeight)
       }, [
         p(e.$slots, "default")
       ], 4)
@@ -6245,7 +6245,7 @@ function td(e, s, t) {
     var V = a, q = n;
     return a = n = void 0, m = P, l = e.apply(q, V), l;
   }
-  function x(P) {
+  function B(P) {
     return m = P, c = setTimeout(E, s), b ? z(P) : l;
   }
   function M(P) {
@@ -6275,7 +6275,7 @@ function td(e, s, t) {
     var P = Et(), V = $(P);
     if (a = arguments, n = this, d = P, V) {
       if (c === void 0)
-        return x(d);
+        return B(d);
       if (k)
         return clearTimeout(c), c = setTimeout(E, s), z(d);
     }
@@ -6359,7 +6359,7 @@ const rd = /* @__PURE__ */ Ls(ld), cd = {
 function md(e, s, t, a, n, i) {
   return o(), r("div", {
     class: "ecs-saturation",
-    style: B({ background: i.bgColor }),
+    style: x({ 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)),
@@ -6369,7 +6369,7 @@ function md(e, s, t, a, n, i) {
     ud,
     f("div", {
       class: "ecs-saturation-pointer",
-      style: B({ top: i.pointerTop, left: i.pointerLeft })
+      style: x({ top: i.pointerTop, left: i.pointerLeft })
     }, gd, 4)
   ], 36);
 }
@@ -6459,7 +6459,7 @@ function _d(e, s, t, a, n, i) {
     }, [
       f("div", {
         class: "ecs-hue-pointer",
-        style: B({ top: i.pointerTop, left: i.pointerLeft }),
+        style: x({ top: i.pointerTop, left: i.pointerLeft }),
         role: "presentation"
       }, bd, 4)
     ], 40, vd)
@@ -6509,7 +6509,7 @@ function Sd(e, s, t) {
 function xd(e, s, t, a, n, i) {
   return o(), r("div", {
     class: "ecs-checkerboard",
-    style: B(i.bgStyle)
+    style: x(i.bgStyle)
   }, null, 4);
 }
 const ti = /* @__PURE__ */ y(Cd, [["render", xd]]), Bd = {
@@ -6567,7 +6567,7 @@ function Pd(e, s, t, a, n, i) {
     ]),
     f("div", {
       class: "ecs-alpha-gradient",
-      style: B({ background: i.gradientColor })
+      style: x({ background: i.gradientColor })
     }, null, 4),
     f("div", {
       class: "ecs-alpha-container",
@@ -6578,7 +6578,7 @@ function Pd(e, s, t, a, n, i) {
     }, [
       f("div", {
         class: "ecs-alpha-pointer",
-        style: B({ left: i.colors.a * 100 + "%" })
+        style: x({ left: i.colors.a * 100 + "%" })
       }, Td, 4)
     ], 544)
   ]);
@@ -6710,7 +6710,7 @@ function Gd(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: B({ padding: t.padding + "px", width: 216 + 2 * t.padding + "px" })
+    style: x({ padding: t.padding + "px", width: 216 + 2 * t.padding + "px" })
   }, [
     t.disableCustom ? u("", !0) : (o(), r("div", $d, [
       _(l, {
@@ -6779,7 +6779,7 @@ function Gd(e, s, t, a, n, i) {
     ])) : u("", !0),
     f("div", {
       class: "ecs-color-picker-presets",
-      style: B(t.disableCustom ? "" : "padding-top: var(--spacing-10)"),
+      style: x(t.disableCustom ? "" : "padding-top: var(--spacing-10)"),
       role: "group",
       "aria-label": "A color preset, pick one to set as current color"
     }, [
@@ -6796,7 +6796,7 @@ function Gd(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: B({ background: k.hex }),
+          style: x({ background: k.hex }),
           "aria-selected": e.colors.hex === k.hex ? "true" : "false",
           title: k.title,
           onClick: (I) => i.handlePreset(k.hex)
@@ -6807,7 +6807,7 @@ function Gd(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: B({ background: e.colors.hex })
+        style: x({ background: e.colors.hex })
       }, null, 6))
     ], 4)
   ], 6);
@@ -6891,7 +6891,7 @@ function Zd(e, s, t, a, n, i) {
     default: w(() => [
       f("button", {
         class: v(["ecs-color-picker-input-button", i.sizeClass]),
-        style: B(i.selectedColorStyle)
+        style: x(i.selectedColorStyle)
       }, [
         f("span", null, C(i.selectedColorName), 1)
       ], 6)
@@ -7696,7 +7696,7 @@ function ju(e, s, t, a, n, i) {
       t.fixedLeftLast ? "fixed-left-last" : "",
       t.fixedRight ? "fixed-right" : ""
     ]]),
-    style: B([
+    style: x([
       i.widthType === "string" ? i.widthStyles : {},
       i.fixedStyles
     ]),
@@ -7708,7 +7708,7 @@ function ju(e, s, t, a, n, i) {
     f("div", {
       ref: "resizer",
       class: v(["ecs-data-grid-head-cell-inner", t.resizable ? "resizable" : ""]),
-      style: B([
+      style: x([
         i.widthType === "number" ? i.widthStyles : { width: "100%" },
         i.paddingStyles,
         i.resizeStyles,
@@ -7954,13 +7954,13 @@ function sf(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: B([i.widthType === "string" ? i.widthStyles : {}, i.fixedStyles]),
+    style: x([i.widthType === "string" ? i.widthStyles : {}, i.fixedStyles]),
     role: "cell"
   }, [
     t.fixedRight ? (o(), r("div", Xu)) : u("", !0),
     f("div", {
       class: "ecs-data-grid-cell-inner",
-      style: B([i.widthType === "number" ? i.widthStyles : { width: "100%" }, i.paddingStyles, t.styles]),
+      style: x([i.widthType === "number" ? i.widthStyles : { width: "100%" }, i.paddingStyles, t.styles]),
       "data-column": i.computedId,
       "data-test": i.computedId
     }, [
@@ -8123,7 +8123,7 @@ function ff(e, s, t, a, n, i) {
       i.hasIdentifier ? (o(), r("div", {
         key: 0,
         id: n.definitionId,
-        style: B(i.identifierStyle),
+        style: x(i.identifierStyle),
         class: "ecs-data-list-identifier"
       }, [
         L(C(t.identifier) + " ", 1),
@@ -8156,7 +8156,7 @@ function ff(e, s, t, a, n, i) {
           key: 2,
           class: "progress",
           role: "progressbar",
-          style: B({ width: t.progress + "%" }),
+          style: x({ width: t.progress + "%" }),
           "aria-valuenow": t.progress
         }, null, 12, df)) : u("", !0)
       ], 10, cf)
@@ -8350,7 +8350,7 @@ const x1 = /* @__PURE__ */ y(gf, [["render", hf]]), pf = {
       ));
     }), (n, i) => (o(), r("div", {
       class: v(["ecs-state-icon", e.iconColor]),
-      style: B(t.value)
+      style: x(t.value)
     }, [
       (o(), h(ue(re(a)), {
         height: e.size,
@@ -8523,13 +8523,13 @@ function zf(e, s, t, a, n, i) {
       }, null, 8, ["website"])) : t.legendColor ? (o(), r("div", Bf, [
         f("div", {
           class: "legend-color-dot",
-          style: B("background-color:" + t.legendColor)
+          style: x("background-color:" + t.legendColor)
         }, null, 4)
       ])) : u("", !0),
       t.indicator && !t.loading ? (o(), r("div", {
         key: 5,
         class: "indicator",
-        style: B("background-color:" + t.indicator)
+        style: x("background-color:" + t.indicator)
       }, null, 4)) : u("", !0)
     ]),
     f("div", If, [
@@ -8662,7 +8662,7 @@ const z1 = /* @__PURE__ */ y(Ef, [["render", Of], ["__scopeId", "data-v-8239e8d6
 function Rf(e, s, t, a, n, i) {
   return o(), r("div", {
     class: "ecs-donut-chart",
-    style: B(i.wrapperPadding)
+    style: x(i.wrapperPadding)
   }, [
     (o(), r("svg", {
       height: t.size,
@@ -8803,7 +8803,7 @@ function Yf(e, s, t, a, n, i) {
         t.infinite ? "ecs-progress-infinite" : "",
         t.cancelled ? "ecs-progress-cancelled" : ""
       ]]),
-      style: B({ width: 100 * (t.value / i.computedMax) + "%" })
+      style: x({ width: 100 * (t.value / i.computedMax) + "%" })
     }, null, 6)
   ], 8, Kf);
 }
@@ -8975,15 +8975,15 @@ function ag(e, s, t, a, n, i) {
       t.disabled ? "ecs-dropzone-disabled" : "",
       n.dragging ? "ecs-dropzone-dragging" : ""
     ]]),
-    onDragover: s[3] || (s[3] = (...x) => i.handleDragOver && i.handleDragOver(...x)),
-    onDragenter: s[4] || (s[4] = (...x) => i.handleDragEnter && i.handleDragEnter(...x)),
-    onDragleave: s[5] || (s[5] = (...x) => i.handleDragLeave && i.handleDragLeave(...x)),
-    onDrop: s[6] || (s[6] = G((...x) => i.drop && i.drop(...x), ["prevent"])),
+    onDragover: s[3] || (s[3] = (...B) => i.handleDragOver && i.handleDragOver(...B)),
+    onDragenter: s[4] || (s[4] = (...B) => i.handleDragEnter && i.handleDragEnter(...B)),
+    onDragleave: s[5] || (s[5] = (...B) => i.handleDragLeave && i.handleDragLeave(...B)),
+    onDrop: s[6] || (s[6] = G((...B) => i.drop && i.drop(...B), ["prevent"])),
     "aria-busy": i.isBusy || null,
     "aria-invalid": t.error || null
   }, [
     f("input", {
-      onChange: s[0] || (s[0] = (...x) => i.change && i.change(...x)),
+      onChange: s[0] || (s[0] = (...B) => i.change && i.change(...B)),
       type: "file",
       multiple: t.multiple || null,
       ref: "file"
@@ -9002,8 +9002,8 @@ function ag(e, s, t, a, n, i) {
           e.$slots.customlabel ? u("", !0) : (o(), r(H, { key: 0 }, [
             L(" Drag and drop your " + C(t.fileTypeLabel) + " or ", 1),
             f("i", {
-              onClick: s[1] || (s[1] = (...x) => i.browseFile && i.browseFile(...x)),
-              onKeydown: s[2] || (s[2] = Y((...x) => i.browseFile && i.browseFile(...x), ["enter"])),
+              onClick: s[1] || (s[1] = (...B) => i.browseFile && i.browseFile(...B)),
+              onKeydown: s[2] || (s[2] = Y((...B) => i.browseFile && i.browseFile(...B), ["enter"])),
               tabindex: "0"
             }, [
               L("browse"),
@@ -9375,7 +9375,7 @@ const vg = /* @__PURE__ */ y(ug, [["render", pg], ["__scopeId", "data-v-85fef203
   class: "skipped-documents"
 }, Dg = { key: 0 };
 function Ng(e, s, t, a, n, i) {
-  const l = g("ecs-button"), c = g("ecs-sticker"), d = g("ecs-popover-header"), m = g("ecs-info-tooltip"), b = g("ecs-flex-row"), k = g("ecs-switch"), I = g("ecs-text"), z = g("ecs-select"), x = g("ecs-form-group"), M = g("ecs-checkbox"), $ = g("ecs-button-more"), E = g("ecs-popover");
+  const l = g("ecs-button"), c = g("ecs-sticker"), d = g("ecs-popover-header"), m = g("ecs-info-tooltip"), b = g("ecs-flex-row"), k = g("ecs-switch"), I = g("ecs-text"), z = g("ecs-select"), B = g("ecs-form-group"), M = g("ecs-checkbox"), $ = g("ecs-button-more"), E = g("ecs-popover");
   return o(), h(E, {
     ref: "popoverRef",
     class: "ecs-ecai-select",
@@ -9431,7 +9431,7 @@ function Ng(e, s, t, a, n, i) {
             ]),
             _: 1
           }, 8, ["onInput", "value"])) : u("", !0),
-          n.localSettings.generateSummaries && n.localSettings.generateDocumentSummary && !t.isTranscripts ? (o(), h(x, {
+          n.localSettings.generateSummaries && n.localSettings.generateDocumentSummary && !t.isTranscripts ? (o(), h(B, {
             key: 1,
             class: v(["indent", { "no-padding": t.hideSwitch }])
           }, {
@@ -9483,7 +9483,7 @@ function Ng(e, s, t, a, n, i) {
             ]),
             _: 1
           }, 8, ["onInput", "value"])) : u("", !0),
-          n.localSettings.extractData ? (o(), h(x, {
+          n.localSettings.extractData ? (o(), h(B, {
             key: 4,
             class: "indent checkbox-group"
           }, {
@@ -9614,7 +9614,7 @@ function Rg(e, s, t, a, n, i) {
   const l = g("ecs-icon");
   return o(), r("div", {
     class: v(["ecs-ecai-wrapper", { border: i.hasBorder }]),
-    style: B(i.wrapperStyle)
+    style: x(i.wrapperStyle)
   }, [
     Hg,
     t.icon ? (o(), h(l, {
@@ -9844,7 +9844,7 @@ function im(e, s, t, a, n, i) {
     ]),
     f("div", {
       class: "ecs-excerpt-content scrollbar scrollbar-sml",
-      style: B(i.maxHeightStyles)
+      style: x(i.maxHeightStyles)
     }, [
       t.loading ? (o(), h(l, {
         key: 0,
@@ -9863,10 +9863,10 @@ function im(e, s, t, a, n, i) {
           p(e.$slots, "default", {}, void 0, !0)
         ])) : t.type == "rectangle" ? (o(), r("div", tm, [
           f("span", {
-            style: B("color:" + t.annotationColor)
+            style: x("color:" + t.annotationColor)
           }, "Rectangle Annotation", 4),
           f("div", {
-            style: B("background-color:" + t.annotationColor)
+            style: x("background-color:" + t.annotationColor)
           }, null, 4)
         ])) : (o(), r("div", sm, [
           p(e.$slots, "default", {}, void 0, !0)
@@ -10145,7 +10145,7 @@ function Cm(e, s, t, a, n, i) {
           t.progress ? (o(), r("div", {
             key: 3,
             class: "loading-bar",
-            style: B({ width: t.progress + "%" }),
+            style: x({ width: t.progress + "%" }),
             role: "progressbar",
             "aria-valuenow": t.progress
           }, null, 12, mm)) : u("", !0)
@@ -10187,7 +10187,7 @@ function Cm(e, s, t, a, n, i) {
       default: w(() => [
         e.$slots.edit && t.edit ? (o(), r("div", {
           key: 0,
-          style: B({ maxHeight: n.editHeight + "px" }),
+          style: x({ maxHeight: n.editHeight + "px" }),
           id: n.editId
         }, [
           f("div", km, [
@@ -10505,7 +10505,7 @@ function Nm(e, s, t, a, n, i) {
       t.borderless ? "" : "ecs-scroll-container-border",
       t.hideShadows ? "" : "ecs-scroll-container-shadows"
     ]]),
-    style: B({ maxHeight: t.height, padding: t.padding })
+    style: x({ maxHeight: t.height, padding: t.padding })
   }, [
     p(e.$slots, "default", {}, void 0, !0)
   ], 6);
@@ -10611,7 +10611,7 @@ function qm(e, s, t, a, n, i) {
   const l = g("ecs-text-v2"), c = g("ecs-input-search"), d = g("ecs-button"), m = 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: B({ height: i.selectorHeight })
+    style: x({ height: i.selectorHeight })
   }, [
     t.searchable || t.create || t.refreshable || t.title ? (o(), r("div", Rm, [
       t.title && !t.searchable ? (o(), h(l, {
@@ -10657,7 +10657,7 @@ function qm(e, s, t, a, n, i) {
       }, 8, ["onClick"])) : u("", !0)
     ])) : u("", !0),
     _(b, {
-      style: B(i.scrollHeight),
+      style: x(i.scrollHeight),
       padding: t.framed ? "8px" : "0",
       borderless: ""
     }, {
@@ -10789,7 +10789,7 @@ function eh(e, s, t, a, n, i) {
       i.showHighlight ? (o(), r("div", {
         key: 0,
         class: v(["ecs-highlight", [i.classes]]),
-        style: B({ ...i.highlightColor, ...i.borderRadiusStyle, ...i.insetStyles })
+        style: x({ ...i.highlightColor, ...i.borderRadiusStyle, ...i.insetStyles })
       }, [
         t.layout === "wrap" ? p(e.$slots, "default", { key: 0 }, void 0, !0) : u("", !0)
       ], 6)) : u("", !0)
@@ -11685,7 +11685,7 @@ function lp(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: B(e.style)
+    style: x(e.style)
   }, [
     p(e.$slots, "default")
   ], 4);
@@ -12019,15 +12019,18 @@ const rp = /* @__PURE__ */ y(op, [["render", lp]]), cp = {
     splitPaneSizes: {
       type: Array,
       default: () => [
-        { size: 50 },
-        { size: 25 },
-        { size: 25 }
+        { size: null },
+        { size: 30, minSize: 30 },
+        { size: 30, minSize: 20 }
       ]
     }
   },
   computed: {
     sidebarPosition() {
       return this.overlaySidebar && this.$slots.sidebar ? "bottom: 40px;" : "bottom: 0px;";
+    },
+    hasSecondaryPane() {
+      return !!this.$slots.secondaryPane;
     }
   }
 }, up = { class: "ecs-index-layout-contents" }, fp = {
@@ -12071,24 +12074,26 @@ function mp(e, s, t, a, n, i) {
                 key: 0,
                 size: t.splitPaneSizes[1].size,
                 minSize: t.splitPaneSizes[1].minSize,
-                maxSize: t.splitPaneSizes[1].maxSize
+                maxSize: t.splitPaneSizes[1].maxSize,
+                style: x(t.overlaySidebar && e.$slots.sidebar ? { "--padding-right": i.hasSecondaryPane ? "0px" : "54px" } : {})
               }, {
                 default: w(() => [
                   p(e.$slots, "pane", {}, void 0, !0)
                 ]),
                 _: 3
-              }, 8, ["size", "minSize", "maxSize"])) : u("", !0),
+              }, 8, ["size", "minSize", "maxSize", "style"])) : u("", !0),
               e.$slots.secondaryPane ? (o(), h(l, {
                 key: 1,
                 size: (d = t.splitPaneSizes[2]) == null ? void 0 : d.size,
                 minSize: (m = t.splitPaneSizes[2]) == null ? void 0 : m.minSize,
-                maxSize: (b = t.splitPaneSizes[2]) == null ? void 0 : b.maxSize
+                maxSize: (b = t.splitPaneSizes[2]) == null ? void 0 : b.maxSize,
+                style: x(t.overlaySidebar && e.$slots.sidebar ? { "--padding-right": "54px" } : {})
               }, {
                 default: w(() => [
                   p(e.$slots, "secondaryPane", {}, void 0, !0)
                 ]),
                 _: 3
-              }, 8, ["size", "minSize", "maxSize"])) : u("", !0)
+              }, 8, ["size", "minSize", "maxSize", "style"])) : u("", !0)
             ];
           }),
           _: 3
@@ -12102,14 +12107,14 @@ function mp(e, s, t, a, n, i) {
       e.$slots.sidebar ? (o(), r("div", {
         key: 0,
         class: v(["ecs-index-layout-sidebar", [t.overlaySidebar ? "overlay" : ""]]),
-        style: B(i.sidebarPosition)
+        style: x(i.sidebarPosition)
       }, [
         p(e.$slots, "sidebar", {}, void 0, !0)
       ], 6)) : u("", !0)
     ], 2)
   ], 2);
 }
-const J1 = /* @__PURE__ */ y(dp, [["render", mp], ["__scopeId", "data-v-038e94da"]]), hp = {
+const J1 = /* @__PURE__ */ y(dp, [["render", mp], ["__scopeId", "data-v-9d14d2fd"]]), hp = {
   name: "ecs-layout-directory",
   props: {
     /** Adds some inner padding to the index content area. Should be used for non-table indexes. */
@@ -12235,7 +12240,7 @@ function Ep(e, s, t, a, n, i) {
             key: 0,
             class: "ecs-data-layout-statistics scrollbar scrollbar-sml vertical",
             id: n.statisticsId,
-            style: B({ height: `${t.statisticsHeight}px` })
+            style: x({ height: `${t.statisticsHeight}px` })
           }, [
             p(e.$slots, "statistics", {}, void 0, !0)
           ], 12, Sp)) : u("", !0)
@@ -12349,7 +12354,7 @@ function $p(e, s, t, a, n, i) {
     default: w(() => [
       f("div", {
         class: v(["ecs-legend-item-color", t.type]),
-        style: B({ backgroundColor: t.color })
+        style: x({ backgroundColor: t.color })
       }, null, 6),
       f("div", Pp, C(t.label), 1),
       t.count ? (o(), r("div", Mp, C(t.count), 1)) : u("", !0),
@@ -12357,7 +12362,7 @@ function $p(e, s, t, a, n, i) {
       t.highlight || t.hover ? (o(), r("div", {
         key: 2,
         class: "ecs-legend-item-highlight",
-        style: B({ backgroundColor: t.color })
+        style: x({ backgroundColor: t.color })
       }, null, 4)) : u("", !0),
       t.hover ? (o(), h(l, { key: 3 })) : u("", !0)
     ]),
@@ -12418,7 +12423,7 @@ function Np(e, s, t, a, n, i) {
     "aria-busy": t.loading || null,
     align: "start",
     gap: 8,
-    style: B(i.padding)
+    style: x(i.padding)
   }, {
     default: w(() => [
       t.loading && t.type != "blank" ? (o(), h(l, {
@@ -12554,7 +12559,7 @@ function Yp(e, s, t, a, n, i) {
       }, [
         f("div", {
           class: "ecs-modal-dialog ecs-modal-sheet",
-          style: B(i.fixedHeightStyle)
+          style: x(i.fixedHeightStyle)
         }, [
           e.$slots.header ? (o(), r("div", jp, [
             p(e.$slots, "header", {}, void 0, !0)
@@ -13150,11 +13155,11 @@ function Nv(e, s, t, a, n, i) {
       n.isShown ? (o(), r("div", {
         key: 0,
         class: "ecs-overlay",
-        style: B({ top: t.offsetTop + "px", height: "calc(100vh - " + t.offsetTop + "px" })
+        style: x({ top: t.offsetTop + "px", height: "calc(100vh - " + t.offsetTop + "px" })
       }, [
         f("header", {
           class: "ecs-overlay-header",
-          style: B(e.$slots.alert ? "" : "border-bottom: 1px solid var(--color-gray-4);")
+          style: x(e.$slots.alert ? "" : "border-bottom: 1px solid var(--color-gray-4);")
         }, [
           f("div", wv, [
             t.icon ? (o(), h(l, {
@@ -13222,7 +13227,7 @@ function Nv(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: B({ width: i.contentWidth, maxWidth: i.contentMaxWidth, minWidth: i.contentMinWidth, paddingLeft: i.contentPadding, paddingRight: i.contentPadding })
+              style: x({ width: i.contentWidth, maxWidth: i.contentMaxWidth, minWidth: i.contentMinWidth, paddingLeft: i.contentPadding, paddingRight: i.contentPadding })
             }, [
               p(e.$slots, "default", {}, void 0, !0)
             ], 6),
@@ -13247,7 +13252,7 @@ function Nv(e, s, t, a, n, i) {
           f("div", Av, [
             f("div", {
               class: "ecs-overlay-footer-content-inner",
-              style: B({ width: i.contentWidth, maxWidth: i.contentMaxWidth, minWidth: i.contentMinWidth, paddingLeft: i.contentPadding, paddingRight: i.contentPadding })
+              style: x({ width: i.contentWidth, maxWidth: i.contentMaxWidth, minWidth: i.contentMinWidth, paddingLeft: i.contentPadding, paddingRight: i.contentPadding })
             }, [
               p(e.$slots, "footer", {}, void 0, !0)
             ], 4),
@@ -13382,7 +13387,7 @@ function Gv(e, s, t, a, n, i) {
     _(c, {
       gap: 8,
       class: "ecs-pagination-nav",
-      style: B({ minWidth: t.tabsSpacing - 4 + "px" })
+      style: x({ minWidth: t.tabsSpacing - 4 + "px" })
     }, {
       default: w(() => [
         t.type == "paginated" ? (o(), r(H, { key: 0 }, [
@@ -13594,12 +13599,12 @@ function Zv(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: B({ color: t.color })
+    style: x({ color: t.color })
   }, [
     t.icon && t.iconPosition == "left" ? (o(), r("div", {
       key: 0,
       class: "ecs-party-entry-icon",
-      style: B("margin-right:" + t.iconSpacing)
+      style: x("margin-right:" + t.iconSpacing)
     }, [
       _(l, {
         type: i.iconType,
@@ -13617,7 +13622,7 @@ function Zv(e, s, t, a, n, i) {
     t.icon && t.iconPosition == "right" ? (o(), r("div", {
       key: 1,
       class: "ecs-party-entry-icon",
-      style: B("margin-left:" + t.iconSpacing)
+      style: x("margin-left:" + t.iconSpacing)
     }, [
       _(l, {
         type: i.iconType,
@@ -13996,7 +14001,7 @@ const cy = /* @__PURE__ */ y(ay, [["render", ry], ["__scopeId", "data-v-a6e15633
   class: "meta"
 }, xy = { key: 0 }, By = ["title"];
 function Iy(e, s, t, a, n, i) {
-  const l = g("ecs-icon"), c = g("ecs-focus-ring"), d = g("ecs-rating-favorability"), m = g("ecs-rating-star-read"), b = g("ecs-switch"), k = g("ecs-avatar"), I = g("ecs-popover-list-item"), z = g("ecs-popover-list"), x = 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"), m = g("ecs-rating-star-read"), b = g("ecs-switch"), k = g("ecs-avatar"), I = g("ecs-popover-list-item"), z = g("ecs-popover-list"), B = g("ecs-popover"), M = g("ecs-flex-row"), $ = g("ecs-checkbox");
   return o(), r("li", {
     class: v(["ecs-quicklinks-link", [
       i.typeClass,
@@ -14091,7 +14096,7 @@ function Iy(e, s, t, a, n, i) {
               title: `${E.name} (${E.date})`,
               "aria-label": `Volume ${E.id}${E.active ? " active" : ""}`
             }, C(E.id), 11, Cy))), 128)),
-            n.localVolumes.length > 3 ? (o(), h(x, {
+            n.localVolumes.length > 3 ? (o(), h(B, {
               key: 0,
               disabled: t.disabled || null
             }, {
@@ -14612,7 +14617,7 @@ function b0(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: B(i.height)
+    style: x(i.height)
   }, [
     f("div", y0, [
       _(l, { type: "sidebar" }, {
@@ -15154,7 +15159,7 @@ function X0(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: B({ backgroundColor: l.hex, color: l.hex })
+      style: x({ backgroundColor: l.hex, color: l.hex })
     }, null, 46, Z0))), 128))
   ], 2);
 }
@@ -15436,7 +15441,7 @@ function ub(e, s, t, a, n, i) {
       t.loading ? "loading" : ""
     ]]),
     onClick: s[0] || (s[0] = (...d) => i.handleClick && i.handleClick(...d)),
-    style: B(i.customColorStyle),
+    style: x(i.customColorStyle),
     role: t.hover ? "button" : !1,
     tabindex: t.hover ? "0" : "-1",
     "aria-busy": t.loading || null