@everchron/ec-shards 14.10.1 → 14.10.2

package/dist/ec-shards.js

@@ -1,4 +1,4 @@
-import { defineAsyncComponent as ne, watch as ve, createBlock as h, openBlock as o, resolveDynamicComponent as be, unref as de, normalizeClass as v, createElementBlock as r, normalizeStyle as S, resolveComponent as g, createCommentVNode as u, createElementVNode as f, createVNode as b, createTextVNode as L, toDisplayString as w, renderSlot as p, Transition as _e, withCtx as x, computed as ze, Fragment as D, renderList as J, reactive as Ai, nextTick as Ri, onBeforeUnmount as Gt, toRefs as ei, isRef as Vi, onMounted as ti, useSlots as Di, ref as Fe, watchEffect as rt, withKeys as ee, Teleport as Ni, withDirectives as $e, vShow as it, mergeProps as Ae, normalizeProps as Fi, guardReactiveProps as Hi, withModifiers as W, resolveDirective as qi, vModelText as $i, createStaticVNode as si, markRaw as Wi, TransitionGroup as ii, h as ji, useCssVars as Ui } from "vue";
+import { defineAsyncComponent as ne, watch as ve, createBlock as h, openBlock as o, resolveDynamicComponent as be, unref as de, normalizeClass as v, createElementBlock as r, normalizeStyle as x, resolveComponent as g, createCommentVNode as u, createElementVNode as f, createVNode as b, createTextVNode as L, toDisplayString as w, renderSlot as p, Transition as _e, withCtx as S, computed as ze, Fragment as D, renderList as J, reactive as Ai, nextTick as Ri, onBeforeUnmount as Gt, toRefs as ei, isRef as Vi, onMounted as ti, useSlots as Di, ref as Fe, watchEffect as rt, withKeys as ee, Teleport as Ni, withDirectives as $e, vShow as it, mergeProps as Ae, normalizeProps as Fi, guardReactiveProps as Hi, withModifiers as W, resolveDirective as qi, vModelText as $i, createStaticVNode as si, markRaw as Wi, TransitionGroup as ii, h as ji, useCssVars as Ui } from "vue";
 const ae = (e, s, t) => {
   const a = e[s];
   return a ? typeof a == "function" ? a() : Promise.resolve(a) : new Promise((n, i) => {
@@ -91,7 +91,7 @@ const ae = (e, s, t) => {
 function Yi(e, s, t, a, n, i) {
   return o(), r("span", {
     class: v(["ecs-focus-ring", t.danger ? "ecs-focus-ring-danger" : ""]),
-    style: S(i.styles)
+    style: x(i.styles)
   }, null, 6);
 }
 const V = /* @__PURE__ */ _(Ki, [["render", Yi], ["__scopeId", "data-v-8d624905"]]), Xi = {
@@ -183,7 +183,7 @@ function tn(e, s, t, a, n, i) {
       t.inset ? "ecs-alert-inset" : "",
       t.border !== !1 ? "ecs-alert-border" : ""
     ]]),
-    style: S(i.borderStyles),
+    style: x(i.borderStyles),
     role: "alert"
   }, [
     t.dismissable ? (o(), r("button", {
@@ -234,7 +234,7 @@ function an(e, s, t, a, n, i) {
     name: "action-bar",
     appear: ""
   }, {
-    default: x(() => [
+    default: S(() => [
       f("div", nn, [
         p(e.$slots, "default", {}, void 0, !0)
       ])
@@ -342,7 +342,7 @@ const h_ = /* @__PURE__ */ _(ln, [["render", un], ["__scopeId", "data-v-4e7ca115
       "aria-busy": t.value || null,
       width: e.size,
       height: e.size,
-      style: S(`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);
   }
@@ -408,7 +408,7 @@ function hn(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, { ai: t.ai }]]),
-    style: S({ width: i.calculatedWidth, height: t.height + "px" })
+    style: x({ width: i.calculatedWidth, height: t.height + "px" })
   }, null, 6)) : t.type === "multi" ? (o(), r("div", mn, [
     (o(!0), r(D, null, J(parseInt(t.count), (l) => (o(), r("div", {
       key: l,
@@ -424,7 +424,7 @@ function hn(e, s, t, a, n, i) {
   }, [
     f("div", {
       class: v(["skeleton skeleton-single", { ai: t.ai }]),
-      style: S({ width: i.calculatedWidth })
+      style: x({ width: i.calculatedWidth })
     }, null, 6)
   ], 2));
 }
@@ -565,7 +565,7 @@ function bn(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: S([i.style, t.customStyle]),
+    style: x([i.style, t.customStyle]),
     role: t.image ? "img" : "none",
     "aria-label": t.name
   }, [
@@ -660,7 +660,7 @@ function kn(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: S(i.dismissButtonStyle),
+      style: x(i.dismissButtonStyle),
       class: "close",
       "aria-label": "Dismiss"
     }, [
@@ -688,7 +688,7 @@ const p_ = /* @__PURE__ */ _(_n, [["render", kn], ["__scopeId", "data-v-c7118217
     }
   }
 };
-function xn(e, s, t, a, n, i) {
+function Sn(e, s, t, a, n, i) {
   return o(), r("nav", {
     class: v(["ecs-breadcrumb", i.sizeClass]),
     "aria-label": "breadcrumb"
@@ -696,7 +696,7 @@ function xn(e, s, t, a, n, i) {
     p(e.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-const v_ = /* @__PURE__ */ _(wn, [["render", xn], ["__scopeId", "data-v-d1ff2486"]]), Sn = {
+const v_ = /* @__PURE__ */ _(wn, [["render", Sn], ["__scopeId", "data-v-d1ff2486"]]), xn = {
   name: "ecs-breadcrumb-button",
   emits: ["click"],
   components: {
@@ -754,7 +754,7 @@ function Bn(e, s, t, a, n, i) {
     b(c)
   ], 2);
 }
-const y_ = /* @__PURE__ */ _(Sn, [["render", Bn], ["__scopeId", "data-v-3ff24c2e"]]), zn = {
+const y_ = /* @__PURE__ */ _(xn, [["render", Bn], ["__scopeId", "data-v-3ff24c2e"]]), zn = {
   name: "ecs-breadcrumb-title"
 }, In = {
   class: "ecs-breadcrumb-title",
@@ -815,7 +815,7 @@ const b_ = /* @__PURE__ */ _(zn, [["render", En], ["__scopeId", "data-v-422cc046
 function Pn(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: S(i.gapStyle)
+    style: x(i.gapStyle)
   }, [
     p(e.$slots, "default", {}, void 0, !0)
   ], 6);
@@ -849,7 +849,7 @@ function Ln() {
   }
   return e.debounce = e, wt = e, wt;
 }
-var xt = Ln();
+var St = Ln();
 function ge(e) {
   if (e == null)
     return window;
@@ -1016,7 +1016,7 @@ function at(e) {
     t = ws(t);
   return t && (Ee(t) === "html" || Ee(t) === "body" && Le(t).position === "static") ? s : t || Dn(e) || s;
 }
-var ue = "top", Ce = "bottom", Be = "right", fe = "left", es = "auto", ot = [ue, Ce, Be, fe], Ye = "start", st = "end", Nn = "clippingParents", li = "viewport", Je = "popper", Fn = "reference", xs = /* @__PURE__ */ ot.reduce(function(e, s) {
+var ue = "top", Ce = "bottom", Be = "right", fe = "left", es = "auto", ot = [ue, Ce, Be, fe], Ye = "start", st = "end", Nn = "clippingParents", li = "viewport", Je = "popper", Fn = "reference", Ss = /* @__PURE__ */ ot.reduce(function(e, s) {
   return e.concat([s + "-" + Ye, s + "-" + st]);
 }, []), ri = /* @__PURE__ */ [].concat(ot, [es]).reduce(function(e, s) {
   return e.concat([s, s + "-" + Ye, s + "-" + st]);
@@ -1119,7 +1119,7 @@ function ia(e, s) {
   var t = Ke(e, !1, s === "fixed");
   return t.top = t.top + e.clientTop, t.left = t.left + e.clientLeft, t.bottom = t.top + e.clientHeight, t.right = t.left + e.clientWidth, t.width = e.clientWidth, t.height = e.clientHeight, t.x = t.left, t.y = t.top, t;
 }
-function Ss(e, s, t) {
+function xs(e, s, t) {
   return s === li ? jt(ta(e, t)) : qe(s) ? ia(s, t) : jt(sa(Re(e)));
 }
 function na(e) {
@@ -1130,9 +1130,9 @@ function na(e) {
 }
 function aa(e, s, t, a) {
   var n = s === "clippingParents" ? na(e) : [].concat(s), i = [].concat(n, [t]), l = i[0], c = i.reduce(function(d, m) {
-    var y = Ss(e, m, a);
+    var y = xs(e, m, a);
     return d.top = He(y.top, d.top), d.right = gt(y.right, d.right), d.bottom = gt(y.bottom, d.bottom), d.left = He(y.left, d.left), d;
-  }, Ss(e, l, a));
+  }, xs(e, l, a));
   return c.width = c.right - c.left, c.height = c.bottom - c.top, c.x = c.left, c.y = c.top, c;
 }
 function Ie(e) {
@@ -1551,14 +1551,14 @@ function wa(e) {
     s.modifiersData[a] = Z;
   }
 }
-const xa = {
+const Sa = {
   name: "preventOverflow",
   enabled: !0,
   phase: "main",
   fn: wa,
   requiresIfExists: ["offset"]
 };
-var Sa = {
+var xa = {
   left: "right",
   right: "left",
   bottom: "top",
@@ -1566,7 +1566,7 @@ var Sa = {
 };
 function ft(e) {
   return e.replace(/left|right|bottom|top/g, function(s) {
-    return Sa[s];
+    return xa[s];
   });
 }
 var Ca = {
@@ -1580,7 +1580,7 @@ function Is(e) {
 }
 function Ba(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 ? ri : d, y = Xe(a), k = y ? c ? xs : xs.filter(function(B) {
+  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 ? ri : d, y = Xe(a), k = y ? c ? Ss : Ss.filter(function(B) {
     return Xe(B) === y;
   }) : ot, E = k.filter(function(B) {
     return m.indexOf(B) >= 0;
@@ -1711,7 +1711,7 @@ const Ra = {
   effect: Aa,
   requires: ["popperOffsets"],
   requiresIfExists: ["preventOverflow"]
-}, St = (e) => parseInt(e, 10);
+}, xt = (e) => parseInt(e, 10);
 function Va({
   arrowPadding: e,
   emit: s,
@@ -1743,7 +1743,7 @@ function Va({
     await Ri(), d.popperInstance = ba(c.value, l.value, {
       placement: i.value,
       modifiers: [
-        xa,
+        Sa,
         Ea,
         {
           name: "flip",
@@ -1753,14 +1753,14 @@ function Va({
         {
           name: "arrow",
           options: {
-            padding: St(e.value)
+            padding: xt(e.value)
           }
         },
         La,
         {
           name: "offset",
           options: {
-            offset: [St(n.value), St(a.value)]
+            offset: [xt(n.value), xt(a.value)]
           }
         }
       ]
@@ -1977,7 +1977,7 @@ const $a = /* @__PURE__ */ _(Fa, [["render", qa], ["__scopeId", "data-v-b4b01b19
     ze(
       () => N.value ? `border: ${H.value}px solid transparent; margin: -${H.value}px;` : null
     );
-    const ke = xt.debounce(R, G.value), Me = xt.debounce(Q, C.value), Ve = async () => {
+    const ke = St.debounce(R, G.value), Me = St.debounce(Q, C.value), Ve = async () => {
       te.value || se.value || (Me.clear(), d.value = !0, ke());
     }, le = async () => {
       se.value || (ke.clear(), d.value = !1, Me());
@@ -1987,7 +1987,7 @@ const $a = /* @__PURE__ */ _(Fa, [["render", qa], ["__scopeId", "data-v-b4b01b19
     ve([E, A], ([$, Y]) => {
       Z.value && (!$ || Y) && Q();
     }), ve(Z, ($) => {
-      $ ? (a("shown"), k.value = !0) : xt.debounce(() => {
+      $ ? (a("shown"), k.value = !0) : St.debounce(() => {
         k.value = !1;
       }, 200);
     }), rt(() => {
@@ -2042,7 +2042,7 @@ const $a = /* @__PURE__ */ _(Fa, [["render", qa], ["__scopeId", "data-v-b4b01b19
       ], 40, Wa),
       (o(), h(Ni, { to: "body" }, [
         b(_e, { name: "fade" }, {
-          default: x(() => [
+          default: S(() => [
             e.persistent || d.value ? $e((o(), r("div", {
               key: 0,
               onClick: Y[1] || (Y[1] = (re) => !de(N) && le()),
@@ -2159,10 +2159,10 @@ function Ka(e, s, t, a, n, i) {
     arrow: t.arrow || null,
     persistent: t.persistent || null
   }), {
-    content: x((c) => [
+    content: S((c) => [
       p(e.$slots, "content", Fi(Hi(c)))
     ]),
-    default: x(() => [
+    default: S(() => [
       p(e.$slots, "default")
     ]),
     _: 3
@@ -2276,7 +2276,7 @@ function eo(e, s, t, a, n, i) {
     }]),
     tabindex: t.disabled ? -1 : 0
   }, {
-    default: x(() => [
+    default: S(() => [
       p(e.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
@@ -2427,14 +2427,14 @@ function so(e, s, t, a, n, i) {
     key: 0,
     onClick: i.handleClick,
     as: "button",
-    style: S(i.clickablePadding)
+    style: x(i.clickablePadding)
   }, {
-    default: x(() => [
+    default: S(() => [
       (o(), h(be(i.textTag), {
         class: v([[i.typeScaleClass, i.weightClass, i.alignClass, t.preset, i.fontClass], "ecs-text"]),
-        style: S([i.colorStyle, i.fontSizeStyle])
+        style: x([i.colorStyle, i.fontSizeStyle])
       }, {
-        default: x(() => [
+        default: S(() => [
           p(e.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
@@ -2444,9 +2444,9 @@ function so(e, s, t, a, n, i) {
   }, 8, ["onClick", "style"])) : (o(), h(be(i.textTag), {
     key: 1,
     class: v([[i.typeScaleClass, i.weightClass, i.alignClass, t.preset, i.fontClass], "ecs-text"]),
-    style: S([i.colorStyle, i.fontSizeStyle])
+    style: x([i.colorStyle, i.fontSizeStyle])
   }, {
-    default: x(() => [
+    default: S(() => [
       p(e.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
@@ -2575,7 +2575,7 @@ function oo(e, s, t, a, n, i) {
     ]),
     error: t.error
   }, {
-    default: x(() => [
+    default: S(() => [
       f("input", {
         class: v(["ecs-form-check-input", n.indeterminateState ? "indeterminate" : ""]),
         type: "checkbox",
@@ -2599,7 +2599,7 @@ function oo(e, s, t, a, n, i) {
           preset: "form",
           class: "ecs-form-check-help"
         }, {
-          default: x(() => [
+          default: S(() => [
             L(w(t.help), 1)
           ]),
           _: 1
@@ -2696,7 +2696,7 @@ function uo(e, s, t, a, n, i) {
       e.$slots.default ? "" : "stand-alone"
     ])
   }, {
-    default: x(() => [
+    default: S(() => [
       f("input", {
         class: "ecs-form-check-input",
         ref: "check",
@@ -2720,7 +2720,7 @@ function uo(e, s, t, a, n, i) {
           preset: "form",
           class: "ecs-form-check-help"
         }, {
-          default: x(() => [
+          default: S(() => [
             L(w(t.help), 1)
           ]),
           _: 1
@@ -2898,7 +2898,7 @@ function ko(e, s, t, a, n, i) {
       t.inline ? "ecs-form-check-inline" : ""
     ]])
   }, {
-    default: x(() => [
+    default: S(() => [
       s[1] || (s[1] = f("span", { class: "ecs-sort-box" }, null, -1)),
       f("label", {
         class: "ecs-form-check-label",
@@ -2978,7 +2978,7 @@ const wo = /* @__PURE__ */ _(_o, [["render", ko], ["__scopeId", "data-v-2f0cb806
       "data-test-icon-type": e.type
     }, null, 8, ["width", "height", "data-test-icon-type"]));
   }
-}, xo = {
+}, So = {
   name: "EcsButton",
   emits: ["click", "mouseover", "mouseleave"],
   components: {
@@ -3055,7 +3055,7 @@ const wo = /* @__PURE__ */ _(_o, [["render", ko], ["__scopeId", "data-v-2f0cb806
   mounted() {
     this.iconOnly && (!this.ariaLabel || this.ariaLabel.trim());
   }
-}, So = ["href", "target", "aria-label", "aria-busy", "disabled"], Co = ["aria-label", "aria-busy", "disabled"], Bo = ["disabled"];
+}, xo = ["href", "target", "aria-label", "aria-busy", "disabled"], Co = ["aria-label", "aria-busy", "disabled"], Bo = ["disabled"];
 function zo(e, s, t, a, n, i) {
   const l = g("ecs-icon"), c = g("ecs-focus-ring");
   return t.href && !t.addon ? (o(), r("a", {
@@ -3090,7 +3090,7 @@ function zo(e, s, t, a, n, i) {
       inset: t.focusInset,
       danger: t.type == "danger" || t.type == "danger-vibrant"
     }, null, 8, ["inset", "danger"])
-  ], 42, So)) : t.addon ? (o(), r("button", {
+  ], 42, xo)) : t.addon ? (o(), r("button", {
     key: 2,
     "aria-label": "More",
     class: v(["ecs-button ecs-button-addon", [
@@ -3152,7 +3152,7 @@ function zo(e, s, t, a, n, i) {
     }, null, 8, ["inset", "danger"])
   ], 42, Co));
 }
-const pe = /* @__PURE__ */ _(xo, [["render", zo], ["__scopeId", "data-v-47d42f7e"]]), Io = {
+const pe = /* @__PURE__ */ _(So, [["render", zo], ["__scopeId", "data-v-47d42f7e"]]), Io = {
   name: "ecs-popover-list-item",
   emits: ["click", "input", "change", "secondaryClick"],
   components: { EcsCheckbox: vt, EcsRadiobutton: fo, EcsSwitch: hi, EcsSortbutton: wo, EcsIcon: O, EcsFileIcon: as, EcsButton: pe, EcsFocusRing: V },
@@ -3354,7 +3354,7 @@ function Ko(e, s, t, a, n, i) {
         "value-true": t.valueTrue,
         indeterminate: t.indeterminate
       }, {
-        default: x(() => [
+        default: S(() => [
           p(e.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
@@ -3372,7 +3372,7 @@ function Ko(e, s, t, a, n, i) {
         disabled: t.disabled || null,
         checked: t.value || null
       }, {
-        default: x(() => [
+        default: S(() => [
           p(e.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
@@ -3394,7 +3394,7 @@ function Ko(e, s, t, a, n, i) {
         size: "sml-toggle",
         disabled: t.disabled || null
       }, {
-        default: x(() => [
+        default: S(() => [
           p(e.$slots, "default", {}, void 0, !0),
           i.secondaryActionOptions.show ? (o(), h(m, {
             key: 0,
@@ -3410,7 +3410,7 @@ function Ko(e, s, t, a, n, i) {
             title: i.secondaryActionOptions.iconOnly ? i.secondaryActionOptions.label : void 0,
             disabled: i.secondaryActionOptions.disabled
           }, {
-            default: x(() => [
+            default: S(() => [
               L(w(i.secondaryActionOptions.label), 1)
             ]),
             _: 1
@@ -3437,7 +3437,7 @@ function Ko(e, s, t, a, n, i) {
         sort: t.sort,
         disabled: t.disabled || null
       }, {
-        default: x(() => [
+        default: S(() => [
           p(e.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
@@ -3496,7 +3496,7 @@ function Ko(e, s, t, a, n, i) {
           title: i.secondaryActionOptions.iconOnly ? i.secondaryActionOptions.label : void 0,
           disabled: i.secondaryActionOptions.disabled
         }, {
-          default: x(() => [
+          default: S(() => [
             L(w(i.secondaryActionOptions.label), 1)
           ]),
           _: 1
@@ -3561,7 +3561,7 @@ function Ko(e, s, t, a, n, i) {
           title: i.secondaryActionOptions.iconOnly ? i.secondaryActionOptions.label : void 0,
           disabled: i.secondaryActionOptions.disabled
         }, {
-          default: x(() => [
+          default: S(() => [
             L(w(i.secondaryActionOptions.label), 1)
           ]),
           _: 1
@@ -3715,7 +3715,7 @@ function Zo(e, s, t, a, n, i) {
     t.badge ? (o(), r("span", {
       key: 1,
       class: "badge",
-      style: S({ 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,
@@ -3752,7 +3752,7 @@ function Zo(e, s, t, a, n, i) {
     t.badge ? (o(), r("span", {
       key: 1,
       class: "badge",
-      style: S({ 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,
@@ -3813,7 +3813,7 @@ const yt = /* @__PURE__ */ _(Yo, [["render", Zo], ["__scopeId", "data-v-8164b50a
 function el(e, s, t, a, n, i) {
   return o(), r("div", {
     class: v(["ecs-separator", i.classes]),
-    style: S({ 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,7 +3902,7 @@ function il(e, s, t, a, n, i) {
     gap: 8,
     class: "ecs-bulk-selector"
   }, {
-    default: x(() => [
+    default: S(() => [
       f("div", sl, [
         b(l, {
           value: t.value,
@@ -3916,15 +3916,15 @@ function il(e, s, t, a, n, i) {
           onShown: s[1] || (s[1] = (I) => e.$emit("popover-shown")),
           onHidden: s[2] || (s[2] = (I) => e.$emit("popover-hidden"))
         }, {
-          content: x(() => [
+          content: S(() => [
             b(y, null, {
-              default: x(() => [
+              default: S(() => [
                 (o(!0), r(D, null, J(t.options, (I, B) => (o(), h(d, {
                   key: B,
                   disabled: I.disabled || null,
                   onClick: (P) => e.$emit("select", I.action)
                 }, {
-                  default: x(() => [
+                  default: S(() => [
                     L(w(I.label), 1)
                   ]),
                   _: 2
@@ -3936,7 +3936,7 @@ function il(e, s, t, a, n, i) {
                   value: n.familiesIncluded,
                   onInput: i.setFamiliesIncluded
                 }, {
-                  default: x(() => s[3] || (s[3] = [
+                  default: S(() => s[3] || (s[3] = [
                     L(" Include Families ")
                   ])),
                   _: 1
@@ -3945,7 +3945,7 @@ function il(e, s, t, a, n, i) {
               _: 1
             })
           ]),
-          default: x(() => [
+          default: S(() => [
             b(c, {
               dropdown: "",
               "aria-label": "Select options",
@@ -3959,7 +3959,7 @@ function il(e, s, t, a, n, i) {
         gap: 3,
         class: "ecs-bulk-selector-count"
       }, {
-        default: x(() => [
+        default: S(() => [
           f("span", null, w(t.count), 1),
           L(" Selected " + w(i.pluralizedType), 1)
         ]),
@@ -4180,7 +4180,7 @@ z.prototype = {
     return this._applyModification(bl, arguments);
   },
   spin: function() {
-    return this._applyModification(xl, arguments);
+    return this._applyModification(Sl, arguments);
   },
   _applyCombination: function(s, t) {
     return s.apply(null, [this].concat([].slice.call(t)));
@@ -4189,7 +4189,7 @@ z.prototype = {
     return this._applyCombination(Bl, arguments);
   },
   complement: function() {
-    return this._applyCombination(Sl, arguments);
+    return this._applyCombination(xl, arguments);
   },
   monochromatic: function() {
     return this._applyCombination(zl, arguments);
@@ -4318,15 +4318,15 @@ function hl(e, s, t) {
   };
 }
 function Ps(e, s, t, a) {
-  var n = [Se(Math.round(e).toString(16)), Se(Math.round(s).toString(16)), Se(Math.round(t).toString(16))];
+  var n = [xe(Math.round(e).toString(16)), xe(Math.round(s).toString(16)), xe(Math.round(t).toString(16))];
   return a && n[0].charAt(0) == n[0].charAt(1) && n[1].charAt(0) == n[1].charAt(1) && n[2].charAt(0) == n[2].charAt(1) ? n[0].charAt(0) + n[1].charAt(0) + n[2].charAt(0) : n.join("");
 }
 function pl(e, s, t, a, n) {
-  var i = [Se(Math.round(e).toString(16)), Se(Math.round(s).toString(16)), Se(Math.round(t).toString(16)), Se(yi(a))];
+  var i = [xe(Math.round(e).toString(16)), xe(Math.round(s).toString(16)), xe(Math.round(t).toString(16)), xe(yi(a))];
   return n && i[0].charAt(0) == i[0].charAt(1) && i[1].charAt(0) == i[1].charAt(1) && i[2].charAt(0) == i[2].charAt(1) && i[3].charAt(0) == i[3].charAt(1) ? i[0].charAt(0) + i[1].charAt(0) + i[2].charAt(0) + i[3].charAt(0) : i.join("");
 }
 function Ls(e, s, t, a) {
-  var n = [Se(yi(a)), Se(Math.round(e).toString(16)), Se(Math.round(s).toString(16)), Se(Math.round(t).toString(16))];
+  var n = [xe(yi(a)), xe(Math.round(e).toString(16)), xe(Math.round(s).toString(16)), xe(Math.round(t).toString(16))];
   return n.join("");
 }
 z.equals = function(e, s) {
@@ -4367,11 +4367,11 @@ function wl(e, s) {
   var t = z(e).toHsl();
   return t.l -= s / 100, t.l = bt(t.l), z(t);
 }
-function xl(e, s) {
+function Sl(e, s) {
   var t = z(e).toHsl(), a = (t.h + s) % 360;
   return t.h = a < 0 ? 360 + a : a, z(t);
 }
-function Sl(e) {
+function xl(e) {
   var s = z(e).toHsl();
   return s.h = (s.h + 180) % 360, z(s);
 }
@@ -4632,7 +4632,7 @@ function Tl(e) {
 function Pl(e) {
   return typeof e == "string" && e.indexOf("%") != -1;
 }
-function Se(e) {
+function xe(e) {
   return e.length == 1 ? "0" + e : "" + e;
 }
 function Qe(e) {
@@ -4644,7 +4644,7 @@ function yi(e) {
 function Os(e) {
   return ce(e) / 255;
 }
-var xe = function() {
+var Se = function() {
   var e = "[-\\+]?\\d+%?", s = "[-\\+]?\\d*\\.\\d+%?", t = "(?:" + s + ")|(?:" + e + ")", a = "[\\s|\\(]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")\\s*\\)?", n = "[\\s|\\(]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")\\s*\\)?";
   return {
     CSS_UNIT: new RegExp(t),
@@ -4661,7 +4661,7 @@ var xe = function() {
   };
 }();
 function Pe(e) {
-  return !!xe.CSS_UNIT.exec(e);
+  return !!Se.CSS_UNIT.exec(e);
 }
 function Ll(e) {
   e = e.replace(dl, "").replace(ul, "").toLowerCase();
@@ -4677,51 +4677,51 @@ function Ll(e) {
       format: "name"
     };
   var t;
-  return (t = xe.rgb.exec(e)) ? {
+  return (t = Se.rgb.exec(e)) ? {
     r: t[1],
     g: t[2],
     b: t[3]
-  } : (t = xe.rgba.exec(e)) ? {
+  } : (t = Se.rgba.exec(e)) ? {
     r: t[1],
     g: t[2],
     b: t[3],
     a: t[4]
-  } : (t = xe.hsl.exec(e)) ? {
+  } : (t = Se.hsl.exec(e)) ? {
     h: t[1],
     s: t[2],
     l: t[3]
-  } : (t = xe.hsla.exec(e)) ? {
+  } : (t = Se.hsla.exec(e)) ? {
     h: t[1],
     s: t[2],
     l: t[3],
     a: t[4]
-  } : (t = xe.hsv.exec(e)) ? {
+  } : (t = Se.hsv.exec(e)) ? {
     h: t[1],
     s: t[2],
     v: t[3]
-  } : (t = xe.hsva.exec(e)) ? {
+  } : (t = Se.hsva.exec(e)) ? {
     h: t[1],
     s: t[2],
     v: t[3],
     a: t[4]
-  } : (t = xe.hex8.exec(e)) ? {
+  } : (t = Se.hex8.exec(e)) ? {
     r: ce(t[1]),
     g: ce(t[2]),
     b: ce(t[3]),
     a: Os(t[4]),
     format: s ? "name" : "hex8"
-  } : (t = xe.hex6.exec(e)) ? {
+  } : (t = Se.hex6.exec(e)) ? {
     r: ce(t[1]),
     g: ce(t[2]),
     b: ce(t[3]),
     format: s ? "name" : "hex"
-  } : (t = xe.hex4.exec(e)) ? {
+  } : (t = Se.hex4.exec(e)) ? {
     r: ce(t[1] + "" + t[1]),
     g: ce(t[2] + "" + t[2]),
     b: ce(t[3] + "" + t[3]),
     a: Os(t[4] + "" + t[4]),
     format: s ? "name" : "hex8"
-  } : (t = xe.hex3.exec(e)) ? {
+  } : (t = Se.hex3.exec(e)) ? {
     r: ce(t[1] + "" + t[1]),
     g: ce(t[2] + "" + t[2]),
     b: ce(t[3] + "" + t[3]),
@@ -4800,7 +4800,7 @@ function Rl(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: S(i.selectedColorText),
+    style: x(i.selectedColorText),
     onClick: s[0] || (s[0] = (d) => e.$emit("click", d))
   }, [
     t.icon || t.loading ? (o(), h(l, {
@@ -4811,7 +4811,7 @@ function Rl(e, s, t, a, n, i) {
     t.selectedColor ? (o(), r("div", {
       key: 1,
       class: "ecs-context-button-color",
-      style: S(i.selectedColorBackground)
+      style: x(i.selectedColorBackground)
     }, null, 4)) : u("", !0),
     p(e.$slots, "default", {}, void 0, !0),
     b(c)
@@ -4825,7 +4825,7 @@ function Nl(e, s, t, a, n, i) {
     p(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const x_ = /* @__PURE__ */ _(Vl, [["render", Nl], ["__scopeId", "data-v-94a53b69"]]), Fl = {
+const S_ = /* @__PURE__ */ _(Vl, [["render", Nl], ["__scopeId", "data-v-94a53b69"]]), Fl = {
   name: "ecs-button-dialog",
   emits: ["click"],
   components: {
@@ -4874,7 +4874,7 @@ function ql(e, s, t, a, n, i) {
     }, null, 8, ["danger"])
   ], 10, Hl);
 }
-const S_ = /* @__PURE__ */ _(Fl, [["render", ql], ["__scopeId", "data-v-d40a7cc1"]]), $l = {
+const x_ = /* @__PURE__ */ _(Fl, [["render", ql], ["__scopeId", "data-v-d40a7cc1"]]), $l = {
   name: "ecs-button-more",
   emits: ["click"],
   components: {
@@ -5183,7 +5183,7 @@ function lr(e, s, t, a, n, i) {
       t.progress ? (o(), r("div", {
         key: 0,
         class: "progress",
-        style: S({ width: t.progress + "%" })
+        style: x({ width: t.progress + "%" })
       }, null, 4)) : u("", !0)
     ])
   ], 10, nr);
@@ -5232,7 +5232,7 @@ const B_ = /* @__PURE__ */ _(ir, [["render", lr], ["__scopeId", "data-v-8d449816
 function dr(e, s, t, a, n, i) {
   const l = g("ecs-flex-row");
   return o(), h(l, { class: "ecs-citation-line" }, {
-    default: x(() => [
+    default: S(() => [
       f("div", {
         class: v(["ecs-citation-line-cite", [t.state, t.editable ? "editable" : ""]]),
         ref: "editable",
@@ -5248,7 +5248,7 @@ function dr(e, s, t, a, n, i) {
         justify: "end",
         class: "ecs-citation-line-actions"
       }, {
-        default: x(() => [
+        default: S(() => [
           p(e.$slots, "actions", {}, void 0, !0)
         ]),
         _: 3
@@ -5361,7 +5361,7 @@ function wr(e, s, t, a, n, i) {
       ])),
       f("div", {
         class: "ecs-chat-message-bubble",
-        style: S({ backgroundColor: i.bubbleColor })
+        style: x({ backgroundColor: i.bubbleColor })
       }, [
         (o(), r("svg", yr, [
           f("path", {
@@ -5379,7 +5379,7 @@ function wr(e, s, t, a, n, i) {
 }
 const E_ = /* @__PURE__ */ _(mr, [["render", wr], ["__scopeId", "data-v-81361268"]]);
 var Ze = {}, As;
-function xr() {
+function Sr() {
   if (As) return Ze;
   As = 1, Object.defineProperty(Ze, "__esModule", {
     value: !0
@@ -5396,8 +5396,8 @@ function xr() {
   };
   return Ze.default = e, Ze;
 }
-var Sr = xr();
-const Cr = /* @__PURE__ */ Kt(Sr), Br = {
+var xr = Sr();
+const Cr = /* @__PURE__ */ Kt(xr), Br = {
   name: "ecs-context-menu",
   emits: ["option-clicked", "menu-closed", "menu-opened"],
   components: { EcsIcon: O, EcsFocusRing: V, EcsButton: pe },
@@ -5511,7 +5511,7 @@ function Tr(e, s, t, a, n, i) {
   return $e((o(), r("div", {
     class: v(["ecs-context-menu", n.opened ? " opened" : ""]),
     id: t.elementId,
-    style: S([i.postionStyles])
+    style: x([i.postionStyles])
   }, [
     f("ul", {
       role: "menu",
@@ -5710,7 +5710,7 @@ function Vr(e, s, t, a, n, i) {
         "aria-controls": `collapse-${this.id}`
       }, [
         b(c, { gap: 4 }, {
-          default: x(() => [
+          default: S(() => [
             L(w(t.title) + " ", 1),
             t.count ? (o(), r("span", Or, "(" + w(t.count) + ")", 1)) : u("", !0)
           ]),
@@ -5721,7 +5721,7 @@ function Vr(e, s, t, a, n, i) {
           radius: 0
         }),
         b(_e, { name: "fade" }, {
-          default: x(() => [
+          default: S(() => [
             e.$slots.controls && (!t.hideControlsWhenCollapsed || n.isVisible) ? (o(), r("div", Ar, [
               p(e.$slots, "controls", {}, void 0, !0)
             ])) : u("", !0)
@@ -5882,7 +5882,7 @@ function Wr(e, s, t, a, n, i) {
     }, [
       f("div", {
         class: "ecs-collection-control-list scrollbar scrollbar-sml",
-        style: S(i.listMaxHeight)
+        style: x(i.listMaxHeight)
       }, [
         p(e.$slots, "default")
       ], 4)
@@ -6040,7 +6040,7 @@ function nc(e, s, t, a, n, i) {
       key: 0,
       class: "ecs-comment-body"
     }, {
-      default: x(() => [
+      default: S(() => [
         p(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
@@ -6297,7 +6297,7 @@ function wc() {
   return Ot = i, Ot;
 }
 var At, js;
-function xc() {
+function Sc() {
   if (js) return At;
   js = 1;
   var e = Object.prototype, s = e.toString;
@@ -6307,10 +6307,10 @@ function xc() {
   return At = t, At;
 }
 var Rt, Us;
-function Sc() {
+function xc() {
   if (Us) return Rt;
   Us = 1;
-  var e = wi(), s = wc(), t = xc(), a = "[object Null]", n = "[object Undefined]", i = e ? e.toStringTag : void 0;
+  var e = wi(), s = wc(), t = Sc(), a = "[object Null]", n = "[object Undefined]", i = e ? e.toStringTag : void 0;
   function l(c) {
     return c == null ? c === void 0 ? n : a : i && i in Object(c) ? s(c) : t(c);
   }
@@ -6329,7 +6329,7 @@ var Dt, Ks;
 function Bc() {
   if (Ks) return Dt;
   Ks = 1;
-  var e = Sc(), s = Cc(), t = "[object Symbol]";
+  var e = xc(), s = Cc(), t = "[object Symbol]";
   function a(n) {
     return typeof n == "symbol" || s(n) && e(n) == t;
   }
@@ -6491,7 +6491,7 @@ const Pc = /* @__PURE__ */ Kt(Tc), Lc = {
 function Mc(e, s, t, a, n, i) {
   return o(), r("div", {
     class: "ecs-saturation",
-    style: S({ 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)),
@@ -6501,7 +6501,7 @@ function Mc(e, s, t, a, n, i) {
     s[5] || (s[5] = f("div", { class: "ecs-saturation--black" }, null, -1)),
     f("div", {
       class: "ecs-saturation-pointer",
-      style: S({ top: i.pointerTop, left: i.pointerLeft })
+      style: x({ top: i.pointerTop, left: i.pointerLeft })
     }, s[3] || (s[3] = [
       f("div", { class: "ecs-saturation-circle" }, null, -1)
     ]), 4)
@@ -6591,7 +6591,7 @@ function Vc(e, s, t, a, n, i) {
     }, [
       f("div", {
         class: "ecs-hue-pointer",
-        style: S({ top: i.pointerTop, left: i.pointerLeft }),
+        style: x({ top: i.pointerTop, left: i.pointerLeft }),
         role: "presentation"
       }, s[3] || (s[3] = [
         f("div", { class: "ecs-hue-picker" }, null, -1)
@@ -6643,17 +6643,17 @@ function Hc(e, s, t) {
 function qc(e, s, t, a, n, i) {
   return o(), r("div", {
     class: "ecs-checkerboard",
-    style: S(i.bgStyle)
+    style: x(i.bgStyle)
   }, null, 4);
 }
-const xi = /* @__PURE__ */ _(Nc, [["render", qc]]), $c = {
+const Si = /* @__PURE__ */ _(Nc, [["render", qc]]), $c = {
   name: "Alpha",
   props: {
     modelValue: Object,
     onChange: Function
   },
   components: {
-    checkboard: xi
+    checkboard: Si
   },
   computed: {
     colors() {
@@ -6699,7 +6699,7 @@ function Uc(e, s, t, a, n, i) {
     ]),
     f("div", {
       class: "ecs-alpha-gradient",
-      style: S({ background: i.gradientColor })
+      style: x({ background: i.gradientColor })
     }, null, 4),
     f("div", {
       class: "ecs-alpha-container",
@@ -6710,7 +6710,7 @@ function Uc(e, s, t, a, n, i) {
     }, [
       f("div", {
         class: "ecs-alpha-pointer",
-        style: S({ left: i.colors.a * 100 + "%" })
+        style: x({ left: i.colors.a * 100 + "%" })
       }, s[3] || (s[3] = [
         f("div", { class: "ecs-alpha-picker" }, null, -1)
       ]), 4)
@@ -6725,7 +6725,7 @@ const Gc = /* @__PURE__ */ _($c, [["render", Uc]]), Kc = {
     hue: Dc,
     alpha: Gc,
     "ed-in": hc,
-    checkboard: xi
+    checkboard: Si
   },
   props: {
     /** The available color swatches the user can choose from. Array structure: contains Objects with `id`, `title`, `hex`. **Note:** swatches that should be available for use are stored in the database `organization/annotation_colors`. */
@@ -6844,7 +6844,7 @@ function rd(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: S({ 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", Yc, [
       b(l, {
@@ -6913,7 +6913,7 @@ function rd(e, s, t, a, n, i) {
     ])) : u("", !0),
     f("div", {
       class: "ecs-color-picker-presets",
-      style: S(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"
     }, [
@@ -6930,7 +6930,7 @@ function rd(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: S({ background: k.hex }),
+          style: x({ background: k.hex }),
           "aria-selected": e.colors.hex === k.hex ? "true" : "false",
           title: k.title,
           onClick: (E) => i.handlePreset(k.hex)
@@ -6941,16 +6941,16 @@ function rd(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: S({ background: e.colors.hex })
+        style: x({ background: e.colors.hex })
       }, null, 6))
     ], 4)
   ], 6);
 }
-const Si = /* @__PURE__ */ _(Kc, [["render", rd]]), cd = {
+const xi = /* @__PURE__ */ _(Kc, [["render", rd]]), cd = {
   name: "ecs-color-picker-input",
   emits: ["update:modelValue"],
   components: {
-    EcsColorPicker: Si,
+    EcsColorPicker: xi,
     EcsPopover: pt
   },
   props: {
@@ -7010,7 +7010,7 @@ const Si = /* @__PURE__ */ _(Kc, [["render", rd]]), cd = {
 function dd(e, s, t, a, n, i) {
   const l = g("ecs-color-picker"), c = g("ecs-popover");
   return o(), h(c, { class: "ecs-color-picker-input" }, {
-    content: x(() => [
+    content: S(() => [
       b(l, {
         "onUpdate:modelValue": s[0] || (s[0] = (d) => e.$emit("update:modelValue", d)),
         modelValue: t.modelValue,
@@ -7022,10 +7022,10 @@ function dd(e, s, t, a, n, i) {
         preventUnusableColors: t.preventUnusableColors
       }, null, 8, ["modelValue", "swatches", "disableAlpha", "disableFields", "disableCustom", "preventUnusableColors"])
     ]),
-    default: x(() => [
+    default: S(() => [
       f("button", {
         class: v(["ecs-color-picker-input-button", i.sizeClass]),
-        style: S(i.selectedColorStyle)
+        style: x(i.selectedColorStyle)
       }, [
         f("span", null, w(i.selectedColorName), 1)
       ], 6)
@@ -7249,7 +7249,7 @@ function wd(e, s, t, a, n, i) {
     p(e.$slots, "default")
   ]);
 }
-const V_ = /* @__PURE__ */ _(_d, [["render", wd]]), xd = {
+const V_ = /* @__PURE__ */ _(_d, [["render", wd]]), Sd = {
   name: "ecs-party-entry",
   components: { EcsIcon: O, EcsSticker: We },
   props: {
@@ -7331,7 +7331,7 @@ const V_ = /* @__PURE__ */ _(_d, [["render", wd]]), xd = {
       }
     }
   }
-}, Sd = {
+}, xd = {
   key: 2,
   class: "ecs-party-entry-background"
 };
@@ -7339,12 +7339,12 @@ function Cd(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: S({ color: t.color })
+    style: x({ color: t.color })
   }, [
     t.icon && t.iconPosition == "left" ? (o(), r("div", {
       key: 0,
       class: "ecs-party-entry-icon",
-      style: S("margin-right:" + t.iconSpacing)
+      style: x("margin-right:" + t.iconSpacing)
     }, [
       b(l, {
         type: i.iconType,
@@ -7363,7 +7363,7 @@ function Cd(e, s, t, a, n, i) {
     t.icon && t.iconPosition == "right" ? (o(), r("div", {
       key: 1,
       class: "ecs-party-entry-icon",
-      style: S("margin-left:" + t.iconSpacing)
+      style: x("margin-left:" + t.iconSpacing)
     }, [
       b(l, {
         type: i.iconType,
@@ -7376,10 +7376,10 @@ function Cd(e, s, t, a, n, i) {
         size: t.badgeSize
       }, null, 8, ["type", "size"])) : u("", !0)
     ], 4)) : u("", !0),
-    t.background ? (o(), r("div", Sd)) : u("", !0)
+    t.background ? (o(), r("div", xd)) : u("", !0)
   ], 6);
 }
-const Bd = /* @__PURE__ */ _(xd, [["render", Cd], ["__scopeId", "data-v-4f34cac7"]]), zd = {
+const Bd = /* @__PURE__ */ _(Sd, [["render", Cd], ["__scopeId", "data-v-4f34cac7"]]), zd = {
   name: "ecs-data-card-row",
   components: { EcsIcon: O, EcsButton: pe, EcsPartyEntry: Bd, EcsButtonTable: rs },
   emits: ["pill-click", "open-button-click", "title-click", "count-click"],
@@ -7605,7 +7605,7 @@ function Md(e, s, t, a, n, i) {
           "icon-spacing": "var(--spacing-5)",
           class: v({ clickable: t.pill.clickable, emphasized: t.pill.emphasized, "has-background": t.pill.background, "is-hovered": n.isHovered })
         }, {
-          default: x(() => [
+          default: S(() => [
             L(w(t.pill.text), 1)
           ]),
           _: 1
@@ -7615,7 +7615,7 @@ function Md(e, s, t, a, n, i) {
           onMouseenter: s[3] || (s[3] = (P) => i.handleHover(!0)),
           onMouseleave: s[4] || (s[4] = (P) => i.handleHover(!1)),
           class: v(["ecs-data-card-row-pill", { clickable: t.pill.clickable, emphasized: t.pill.emphasized, "has-background": t.pill.background, ai: t.pill.ai, "is-hovered": n.isHovered }]),
-          style: S({ color: t.pill.color }),
+          style: x({ color: t.pill.color }),
           ref: "pillText"
         }, [
           t.pill.icon ? (o(), h(d, {
@@ -7628,7 +7628,7 @@ function Md(e, s, t, a, n, i) {
           t.pill.background ? (o(), r("span", {
             key: 1,
             class: "background",
-            style: S(i.getPillBackgroundStyle)
+            style: x(i.getPillBackgroundStyle)
           }, null, 4)) : u("", !0),
           t.pill.border && t.pill.background ? (o(), r("span", Pd)) : u("", !0)
         ], 38)) : u("", !0),
@@ -7647,7 +7647,7 @@ function Md(e, s, t, a, n, i) {
             onMouseenter: s[6] || (s[6] = (P) => i.handleHover(!0)),
             onMouseleave: s[7] || (s[7] = (P) => i.handleHover(!1)),
             class: v(["ecs-data-card-row-title-text", { escape: t.wrap === "wrap-row", clickable: t.title.clickable, emphasized: t.title.emphasized, "is-hovered": n.isHovered }]),
-            style: S({ color: t.title.textColor }),
+            style: x({ color: t.title.textColor }),
             ref: "titleText"
           }, w(t.title.text), 39),
           p(e.$slots, "titleControls", {}, void 0, !0)
@@ -7675,7 +7675,7 @@ function Md(e, s, t, a, n, i) {
           "badge-size": 12,
           class: "designation has-background"
         }, {
-          default: x(() => [
+          default: S(() => [
             L(w(t.designation.text), 1)
           ]),
           _: 1
@@ -7905,7 +7905,7 @@ function Ud(e, s, t, a, n, i) {
       type: t.headerRowType,
       onCollapse: i.handleCollapse
     }, {
-      default: x(() => [
+      default: S(() => [
         p(e.$slots, "cells", {}, void 0, !0)
       ]),
       _: 3
@@ -8303,7 +8303,7 @@ function mu(e, s, t, a, n, i) {
       t.fixedLeftLast ? "fixed-left-last" : "",
       t.fixedRight ? "fixed-right" : ""
     ]]),
-    style: S([
+    style: x([
       i.widthType === "string" ? i.widthStyles : {},
       i.fixedStyles
     ]),
@@ -8315,7 +8315,7 @@ function mu(e, s, t, a, n, i) {
     f("div", {
       ref: "resizer",
       class: v(["ecs-data-grid-head-cell-inner", t.resizable ? "resizable" : ""]),
-      style: S([
+      style: x([
         i.widthType === "number" ? i.widthStyles : { width: "100%" },
         i.paddingStyles,
         i.resizeStyles,
@@ -8346,7 +8346,7 @@ function mu(e, s, t, a, n, i) {
         disabled: t.disabled,
         type: "invisible"
       }, {
-        default: x(() => [
+        default: S(() => [
           (o(!0), r(D, null, J(t.select, (m, y) => (o(), r("option", {
             key: y,
             selected: m.selected,
@@ -8563,17 +8563,17 @@ const q_ = /* @__PURE__ */ _(hu, [["render", vu], ["__scopeId", "data-v-ee025ab5
   key: 1,
   class: "shadow right"
 };
-function xu(e, s, t, a, n, i) {
+function Su(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: S([i.widthType === "string" ? i.widthStyles : {}, i.fixedStyles]),
+    style: x([i.widthType === "string" ? i.widthStyles : {}, i.fixedStyles]),
     role: "cell"
   }, [
     t.fixedRight ? (o(), r("div", bu)) : u("", !0),
     f("div", {
       class: v(["ecs-data-grid-cell-inner", { focus: t.focus }]),
-      style: S([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
     }, [
@@ -8590,7 +8590,7 @@ function xu(e, s, t, a, n, i) {
     t.fixedLeftLast ? (o(), r("div", wu)) : u("", !0)
   ], 6);
 }
-const $_ = /* @__PURE__ */ _(yu, [["render", xu], ["__scopeId", "data-v-82bc0b07"]]), Su = {
+const $_ = /* @__PURE__ */ _(yu, [["render", Su], ["__scopeId", "data-v-82bc0b07"]]), xu = {
   name: "ecs-data-list"
 }, Cu = {
   class: "ecs-data-list",
@@ -8601,7 +8601,7 @@ function Bu(e, s, t, a, n, i) {
     p(e.$slots, "default")
   ]);
 }
-const W_ = /* @__PURE__ */ _(Su, [["render", Bu]]), zu = {
+const W_ = /* @__PURE__ */ _(xu, [["render", Bu]]), zu = {
   name: "ecs-data-list-item",
   emits: ["toggled"],
   components: { EcsButtonMore: bi, EcsSkeletonLoader: ie },
@@ -8736,7 +8736,7 @@ function Lu(e, s, t, a, n, i) {
       i.hasIdentifier ? (o(), r("div", {
         key: 0,
         id: n.definitionId,
-        style: S(i.identifierStyle),
+        style: x(i.identifierStyle),
         class: "ecs-data-list-identifier"
       }, [
         L(w(t.identifier) + " ", 1),
@@ -8769,7 +8769,7 @@ function Lu(e, s, t, a, n, i) {
           key: 2,
           class: "progress",
           role: "progressbar",
-          style: S({ width: t.progress + "%" }),
+          style: x({ width: t.progress + "%" }),
           "aria-valuenow": t.progress
         }, null, 12, Tu)) : u("", !0)
       ], 10, Eu)
@@ -8964,7 +8964,7 @@ const U_ = /* @__PURE__ */ _(Mu, [["render", Au]]), Ru = {
       ));
     }), (n, i) => (o(), r("div", {
       class: v(["ecs-state-icon", e.iconColor]),
-      style: S(t.value)
+      style: x(t.value)
     }, [
       (o(), h(be(de(a)), {
         height: e.size,
@@ -9136,13 +9136,13 @@ function Ku(e, s, t, a, n, i) {
       }, null, 8, ["website"])) : t.legendColor ? (o(), r("div", Uu, [
         f("div", {
           class: "legend-color-dot",
-          style: S("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: S("background-color:" + t.indicator)
+        style: x("background-color:" + t.indicator)
       }, null, 4)) : u("", !0)
     ]),
     f("div", Gu, [
@@ -9275,7 +9275,7 @@ const Y_ = /* @__PURE__ */ _(Yu, [["render", sf], ["__scopeId", "data-v-df132a03
 function rf(e, s, t, a, n, i) {
   return o(), r("div", {
     class: "ecs-donut-chart",
-    style: S(i.wrapperPadding)
+    style: x(i.wrapperPadding)
   }, [
     (o(), r("svg", {
       height: t.size,
@@ -9416,7 +9416,7 @@ function pf(e, s, t, a, n, i) {
         t.infinite ? "ecs-progress-infinite" : "",
         t.cancelled ? "ecs-progress-cancelled" : ""
       ]]),
-      style: S({ width: 100 * (t.value / i.computedMax) + "%" })
+      style: x({ width: 100 * (t.value / i.computedMax) + "%" })
     }, null, 6)
   ], 8, hf);
 }
@@ -9572,10 +9572,10 @@ const vf = /* @__PURE__ */ _(mf, [["render", pf], ["__scopeId", "data-v-1b81f485
   beforeUnmount() {
     document.removeEventListener("dragenter", this.show);
   }
-}, bf = ["aria-busy", "aria-invalid"], _f = ["multiple"], kf = { key: 1 }, wf = { key: 1 }, xf = {
+}, bf = ["aria-busy", "aria-invalid"], _f = ["multiple"], kf = { key: 1 }, wf = { key: 1 }, Sf = {
   key: 2,
   class: "ecs-dropzone-hint"
-}, Sf = {
+}, xf = {
   key: 3,
   class: "ecs-dropzone-stats"
 }, Cf = ["innerHTML"];
@@ -9604,7 +9604,7 @@ function Bf(e, s, t, a, n, i) {
       type: i.iconType,
       iconColor: i.iconColor
     }, {
-      default: x(() => [
+      default: S(() => [
         t.initializing ? (o(), h(l, {
           key: 0,
           type: "single",
@@ -9626,21 +9626,21 @@ function Bf(e, s, t, a, n, i) {
           e.$slots.customlabel ? (o(), r("div", wf, [
             p(e.$slots, "customlabel", {}, void 0, !0)
           ])) : u("", !0),
-          e.$slots.hint && !t.uploadStats.show ? (o(), r("div", xf, [
+          e.$slots.hint && !t.uploadStats.show ? (o(), r("div", Sf, [
             p(e.$slots, "hint", {}, void 0, !0)
           ])) : u("", !0),
-          t.uploadStats.show ? (o(), r("div", Sf, [
+          t.uploadStats.show ? (o(), r("div", xf, [
             b(y, {
               gap: 8,
               justify: "center"
             }, {
-              default: x(() => [
+              default: S(() => [
                 t.uploadStats.speed > 2e6 ? (o(), h(d, {
                   key: 0,
                   weight: "medium",
                   color: "var(--color-gray-10)"
                 }, {
-                  default: x(() => s[9] || (s[9] = [
+                  default: S(() => s[9] || (s[9] = [
                     L("Uploading")
                   ])),
                   _: 1
@@ -9649,13 +9649,13 @@ function Bf(e, s, t, a, n, i) {
                   gap: 4,
                   title: "Slow network, please check your connection."
                 }, {
-                  default: x(() => [
+                  default: S(() => [
                     b(m, { type: "warning" }),
                     b(d, {
                       weight: "medium",
                       color: "var(--color-yellow-10)"
                     }, {
-                      default: x(() => s[10] || (s[10] = [
+                      default: S(() => s[10] || (s[10] = [
                         L("Uploading")
                       ])),
                       _: 1
@@ -9691,7 +9691,7 @@ function Bf(e, s, t, a, n, i) {
       icon: i.cancelButtonOptions.icon,
       class: "ecs-dropzone-cancel"
     }, {
-      default: x(() => [
+      default: S(() => [
         L(w(i.cancelButtonOptions.label), 1)
       ]),
       _: 1
@@ -9738,7 +9738,7 @@ function If(e, s, t, a, n, i) {
   const l = g("ecs-icon");
   return o(), r("div", {
     class: v(["ecs-ecai-wrapper", { border: i.hasBorder }]),
-    style: S(i.wrapperStyle)
+    style: x(i.wrapperStyle)
   }, [
     s[0] || (s[0] = si('<span class="border-gradient" data-v-05133d05></span><div class="ecai-background" data-v-05133d05><span class="bg-circle bg-circle-1" data-v-05133d05></span><span class="bg-circle bg-circle-2" data-v-05133d05></span><span class="bg-circle bg-circle-3" data-v-05133d05></span></div>', 2)),
     t.icon ? (o(), h(l, {
@@ -9976,7 +9976,7 @@ function Wf(e, s, t, a, n, i) {
     ]),
     f("div", {
       class: "ecs-excerpt-content scrollbar scrollbar-sml",
-      style: S(i.maxHeightStyles)
+      style: x(i.maxHeightStyles)
     }, [
       t.loading ? (o(), h(l, {
         key: 0,
@@ -9987,7 +9987,7 @@ function Wf(e, s, t, a, n, i) {
           key: 0,
           small: i.smallFormatted
         }, {
-          default: x(() => [
+          default: S(() => [
             p(e.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
@@ -9995,10 +9995,10 @@ function Wf(e, s, t, a, n, i) {
           p(e.$slots, "default", {}, void 0, !0)
         ])) : t.type == "rectangle" ? (o(), r("div", qf, [
           f("span", {
-            style: S("color:" + t.annotationColor)
+            style: x("color:" + t.annotationColor)
           }, "Rectangle Annotation", 4),
           f("div", {
-            style: S("background-color:" + t.annotationColor)
+            style: x("background-color:" + t.annotationColor)
           }, null, 4)
         ])) : (o(), r("div", $f, [
           p(e.$slots, "default", {}, void 0, !0)
@@ -10301,7 +10301,7 @@ const Zf = /* @__PURE__ */ _(Yf, [["render", Jf], ["__scopeId", "data-v-442eb0eb
     EcsPopoverListHeadline: Zf,
     EcsPopoverList: is,
     EcsPopoverListItem: os,
-    EcsColorPicker: Si
+    EcsColorPicker: xi
   },
   props: {
     /** Determines if the editor is read-only. */
@@ -10641,6 +10641,8 @@ const Zf = /* @__PURE__ */ _(Yf, [["render", Jf], ["__scopeId", "data-v-442eb0eb
     updateFocusedLine(e, s) {
       if (this.focusedLineIndex !== null) {
         const t = this.lineInputs[this.focusedLineIndex], a = t == null ? void 0 : t.selectionStart, n = t == null ? void 0 : t.selectionEnd;
+        if (e === "size" && (s < 8 || s > 32))
+          return;
         this.updateLine(this.focusedLineIndex, e, s), this.$nextTick(() => {
           t && typeof a == "number" && typeof n == "number" && (t.focus(), t.setSelectionRange(a, n));
         });
@@ -10697,9 +10699,9 @@ function wg(e, s, t, a, n, i) {
       gap: 4,
       align: "start"
     }, {
-      default: x(() => [
+      default: S(() => [
         b(l, { preset: "label-1" }, {
-          default: x(() => s[10] || (s[10] = [
+          default: S(() => s[10] || (s[10] = [
             L("Sticker shape")
           ])),
           _: 1
@@ -10710,7 +10712,7 @@ function wg(e, s, t, a, n, i) {
           "aria-label": "Sticker shape options",
           class: "shape-preview-buttons"
         }, {
-          default: x(() => [
+          default: S(() => [
             f("button", {
               role: "radio",
               class: v(["shape-preview-button", { active: n.localSticker.shape === "roundedRect" }]),
@@ -10721,7 +10723,7 @@ function wg(e, s, t, a, n, i) {
             }, [
               f("div", {
                 class: "shape-preview rounded-rect",
-                style: S({ backgroundColor: n.localSticker.color, borderColor: i.stickerBorderColor })
+                style: x({ backgroundColor: n.localSticker.color, borderColor: i.stickerBorderColor })
               }, null, 4)
             ], 10, og),
             f("button", {
@@ -10734,7 +10736,7 @@ function wg(e, s, t, a, n, i) {
             }, [
               f("div", {
                 class: "shape-preview rect",
-                style: S({ backgroundColor: n.localSticker.color, borderColor: i.stickerBorderColor })
+                style: x({ backgroundColor: n.localSticker.color, borderColor: i.stickerBorderColor })
               }, null, 4)
             ], 10, lg),
             f("button", {
@@ -10747,7 +10749,7 @@ function wg(e, s, t, a, n, i) {
             }, [
               f("div", {
                 class: "shape-preview rounded-square",
-                style: S({ backgroundColor: n.localSticker.color, borderColor: i.stickerBorderColor })
+                style: x({ backgroundColor: n.localSticker.color, borderColor: i.stickerBorderColor })
               }, null, 4)
             ], 10, rg),
             f("button", {
@@ -10760,7 +10762,7 @@ function wg(e, s, t, a, n, i) {
             }, [
               f("div", {
                 class: "shape-preview square",
-                style: S({ backgroundColor: n.localSticker.color, borderColor: i.stickerBorderColor })
+                style: x({ backgroundColor: n.localSticker.color, borderColor: i.stickerBorderColor })
               }, null, 4)
             ], 10, cg)
           ]),
@@ -10774,7 +10776,7 @@ function wg(e, s, t, a, n, i) {
         key: 0,
         preset: "label-1"
       }, {
-        default: x(() => s[11] || (s[11] = [
+        default: S(() => s[11] || (s[11] = [
           L("Edit content and formatting")
         ])),
         _: 1
@@ -10783,11 +10785,11 @@ function wg(e, s, t, a, n, i) {
         t.pagePosition ? (o(), r("div", fg, [
           f("div", {
             class: "page-position-indicator",
-            style: S(i.pagePositionIndicatorStyles)
+            style: x(i.pagePositionIndicatorStyles)
           }, [
             f("div", {
               class: "abstract-line",
-              style: S({
+              style: x({
                 width: "6px",
                 height: "0.5px",
                 backgroundColor: i.stickerTextColor
@@ -10795,7 +10797,7 @@ function wg(e, s, t, a, n, i) {
             }, null, 4),
             f("div", {
               class: "abstract-line",
-              style: S({
+              style: x({
                 width: "4px",
                 height: "0.5px",
                 backgroundColor: i.stickerTextColor
@@ -10803,7 +10805,7 @@ function wg(e, s, t, a, n, i) {
             }, null, 4),
             f("div", {
               class: "abstract-line",
-              style: S({
+              style: x({
                 width: "4px",
                 height: "1px",
                 backgroundColor: i.stickerTextColor
@@ -10814,7 +10816,7 @@ function wg(e, s, t, a, n, i) {
         t.readOnly ? (o(), r("div", {
           key: 2,
           class: "sticker",
-          style: S({
+          style: x({
             backgroundColor: n.localSticker.color,
             borderColor: i.stickerBorderColor,
             color: i.stickerTextColor,
@@ -10831,7 +10833,7 @@ function wg(e, s, t, a, n, i) {
               f("div", bg, [
                 f("span", {
                   class: "line-preview",
-                  style: S(i.getLineStyle(T)),
+                  style: x(i.getLineStyle(T)),
                   innerHTML: i.processTextContent(T.content)
                 }, null, 12, _g)
               ])
@@ -10840,7 +10842,7 @@ function wg(e, s, t, a, n, i) {
         ], 4)) : (o(), r("div", {
           key: 1,
           class: "sticker",
-          style: S({
+          style: x({
             backgroundColor: n.localSticker.color,
             borderColor: i.stickerBorderColor,
             color: i.stickerTextColor,
@@ -10850,7 +10852,7 @@ function wg(e, s, t, a, n, i) {
           f("div", gg, [
             (o(!0), r(D, null, J(n.localSticker.text, (T, C) => (o(), r("div", {
               key: C,
-              class: v(["line", { focused: i.isLineFocused(C) }]),
+              class: v(["line editable", { focused: i.isLineFocused(C) }]),
               ref_for: !0,
               ref: `line-${C}`
             }, [
@@ -10886,7 +10888,7 @@ function wg(e, s, t, a, n, i) {
                   onFocus: (M) => i.setFocusedLine(C),
                   onBlur: s[4] || (s[4] = (...M) => i.clearFocusedLine && i.clearFocusedLine(...M)),
                   onKeydown: (M) => i.handleKeyboardInput(M, C),
-                  style: S(i.getLineStyle(T)),
+                  style: x(i.getLineStyle(T)),
                   ref_for: !0,
                   ref: (M) => {
                     M && (n.lineInputs[C] = M);
@@ -10894,7 +10896,7 @@ function wg(e, s, t, a, n, i) {
                 }, null, 44, pg),
                 f("span", {
                   class: "line-preview",
-                  style: S(i.getLineStyle(T)),
+                  style: x(i.getLineStyle(T)),
                   innerHTML: i.processTextContent(T.content)
                 }, null, 12, vg)
               ]),
@@ -10921,9 +10923,9 @@ function wg(e, s, t, a, n, i) {
         justify: "center",
         class: "ecs-exhibit-sticker-editor-controls"
       }, {
-        default: x(() => [
+        default: S(() => [
           b(y, null, {
-            content: x(() => [
+            content: S(() => [
               b(m, {
                 modelValue: n.colorPickerValue,
                 "onUpdate:modelValue": s[5] || (s[5] = (T) => n.colorPickerValue = T),
@@ -10933,10 +10935,10 @@ function wg(e, s, t, a, n, i) {
                 "disable-custom": !1
               }, null, 8, ["modelValue", "swatches"])
             ]),
-            default: x(() => [
+            default: S(() => [
               f("button", {
                 class: "color-button",
-                style: S({ backgroundColor: n.localSticker.color })
+                style: x({ backgroundColor: n.localSticker.color })
               }, null, 4)
             ]),
             _: 1
@@ -10962,7 +10964,7 @@ function wg(e, s, t, a, n, i) {
             width: "1px"
           }),
           b(c, { gap: 4 }, {
-            default: x(() => [
+            default: S(() => [
               b(E, {
                 onInput: s[6] || (s[6] = (T) => i.updateFocusedLine("size", parseInt(T.target.value))),
                 type: "number",
@@ -11029,12 +11031,12 @@ function wg(e, s, t, a, n, i) {
             key: 1,
             disabled: n.focusedLineIndex === null
           }, {
-            content: x(() => [
+            content: S(() => [
               f("div", kg, [
                 b(P, null, {
-                  default: x(() => [
+                  default: S(() => [
                     b(I, null, {
-                      default: x(() => s[12] || (s[12] = [
+                      default: S(() => s[12] || (s[12] = [
                         L("Insert Field Value")
                       ])),
                       _: 1
@@ -11044,7 +11046,7 @@ function wg(e, s, t, a, n, i) {
                       help: T.value,
                       onClick: (C) => i.insertVariable(T.variable)
                     }, {
-                      default: x(() => [
+                      default: S(() => [
                         L(w(T.name), 1)
                       ]),
                       _: 2
@@ -11054,7 +11056,7 @@ function wg(e, s, t, a, n, i) {
                 })
               ])
             ]),
-            default: x(() => [
+            default: S(() => [
               b(d, {
                 type: "secondary",
                 icon: "variable",
@@ -11076,12 +11078,12 @@ function wg(e, s, t, a, n, i) {
         justify: "center",
         class: "ecs-exhibit-sticker-editor-errors"
       }, {
-        default: x(() => [
+        default: S(() => [
           b(l, {
             preset: "form",
             color: "negative"
           }, {
-            default: x(() => s[13] || (s[13] = [
+            default: S(() => s[13] || (s[13] = [
               L(" Your sticker template contains an invalid variable. Please correct the value in order to save. ")
             ])),
             _: 1
@@ -11092,7 +11094,7 @@ function wg(e, s, t, a, n, i) {
     ])
   ]);
 }
-const tk = /* @__PURE__ */ _(ng, [["render", wg], ["__scopeId", "data-v-3043808d"]]), sk = {
+const tk = /* @__PURE__ */ _(ng, [["render", wg], ["__scopeId", "data-v-e72cf4a4"]]), sk = {
   __name: "fill-icon",
   props: {
     /** The identifier of the icon which should show up. */
@@ -11134,18 +11136,18 @@ const tk = /* @__PURE__ */ _(ng, [["render", wg], ["__scopeId", "data-v-3043808d
       width: e.width
     }, null, 8, ["height", "width"]));
   }
-}, xg = {
-  name: "ecs-file-list"
 }, Sg = {
+  name: "ecs-file-list"
+}, xg = {
   class: "ecs-file-list",
   role: "list"
 };
 function Cg(e, s, t, a, n, i) {
-  return o(), r("div", Sg, [
+  return o(), r("div", xg, [
     p(e.$slots, "default")
   ]);
 }
-const ik = /* @__PURE__ */ _(xg, [["render", Cg]]), Bg = {
+const ik = /* @__PURE__ */ _(Sg, [["render", Cg]]), Bg = {
   name: "ecs-file-list-item",
   emits: ["click", "remove", "toggled", "title-click"],
   components: {
@@ -11299,7 +11301,7 @@ function Hg(e, s, t, a, n, i) {
   }, [
     t.hover ? (o(), h(l, { key: 0 })) : u("", !0),
     b(_e, { name: "title" }, {
-      default: x(() => [
+      default: S(() => [
         t.showTitleEdit || !t.edit ? (o(), r("div", Ig, [
           t.icon ? (o(), h(c, {
             key: 0,
@@ -11362,7 +11364,7 @@ function Hg(e, s, t, a, n, i) {
           t.progress ? (o(), r("div", {
             key: 3,
             class: "loading-bar",
-            style: S({ width: t.progress + "%" }),
+            style: x({ width: t.progress + "%" }),
             role: "progressbar",
             "aria-valuenow": t.progress
           }, null, 12, Mg)) : u("", !0)
@@ -11401,10 +11403,10 @@ function Hg(e, s, t, a, n, i) {
       p(e.$slots, "collapse", {}, void 0, !0)
     ], 10, Dg)) : u("", !0),
     b(_e, { name: "edit" }, {
-      default: x(() => [
+      default: S(() => [
         e.$slots.edit && t.edit ? (o(), r("div", {
           key: 0,
-          style: S({ maxHeight: n.editHeight + "px" }),
+          style: x({ maxHeight: n.editHeight + "px" }),
           id: n.editId
         }, [
           f("div", Fg, [
@@ -11722,7 +11724,7 @@ function im(e, s, t, a, n, i) {
       t.borderless ? "" : "ecs-scroll-container-border",
       t.hideShadows ? "" : "ecs-scroll-container-shadows"
     ]]),
-    style: S({ maxHeight: t.height, padding: t.padding })
+    style: x({ maxHeight: t.height, padding: t.padding })
   }, [
     p(e.$slots, "default", {}, void 0, !0)
   ], 6);
@@ -11828,7 +11830,7 @@ function rm(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"), y = g("ecs-scroll-container");
   return o(), r("div", {
     class: v(["ecs-folder-selector", [t.framed ? "ecs-folder-selector-border" : ""]]),
-    style: S({ height: i.selectorHeight })
+    style: x({ height: i.selectorHeight })
   }, [
     t.searchable || t.create || t.refreshable || t.title ? (o(), r("div", om, [
       t.title && !t.searchable ? (o(), h(l, {
@@ -11836,7 +11838,7 @@ function rm(e, s, t, a, n, i) {
         preset: "headline-5",
         class: "ecs-folder-selector-title"
       }, {
-        default: x(() => [
+        default: S(() => [
           L(w(t.title), 1)
         ]),
         _: 1
@@ -11867,18 +11869,18 @@ function rm(e, s, t, a, n, i) {
         class: "ecs-folder-selector-add",
         "focus-inset": 0
       }, {
-        default: x(() => s[1] || (s[1] = [
+        default: S(() => s[1] || (s[1] = [
           L("Add Folder")
         ])),
         _: 1
       }, 8, ["onClick"])) : u("", !0)
     ])) : u("", !0),
     b(y, {
-      style: S(i.scrollHeight),
+      style: x(i.scrollHeight),
       padding: t.framed ? "8px" : "0",
       borderless: ""
     }, {
-      default: x(() => [
+      default: S(() => [
         t.loading ? (o(), h(m, {
           key: 0,
           type: "loading"
@@ -12069,11 +12071,11 @@ function wm(e, s, t, a, n, i) {
     name: "fade",
     appear: ""
   }, {
-    default: x(() => [
+    default: S(() => [
       i.showHighlight ? (o(), r("div", {
         key: 0,
         class: v(["ecs-highlight", [i.classes]]),
-        style: S({ ...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)
@@ -12081,7 +12083,7 @@ function wm(e, s, t, a, n, i) {
     _: 3
   });
 }
-const ck = /* @__PURE__ */ _(km, [["render", wm], ["__scopeId", "data-v-ad0ca7b9"]]), xm = {
+const ck = /* @__PURE__ */ _(km, [["render", wm], ["__scopeId", "data-v-ad0ca7b9"]]), Sm = {
   name: "EcsIllustration",
   props: {
     /** The type of illustration to be shown. */
@@ -12128,7 +12130,7 @@ const ck = /* @__PURE__ */ _(km, [["render", wm], ["__scopeId", "data-v-ad0ca7b9
     }
   }
 };
-function Sm(e, s, t, a, n, i) {
+function xm(e, s, t, a, n, i) {
   return o(), h(be(n.illustrationComponent), {
     class: "ecs-illustration",
     width: t.size,
@@ -12137,7 +12139,7 @@ function Sm(e, s, t, a, n, i) {
     "data-test-illustration-type": t.type
   }, null, 8, ["width", "height", "data-test-illustration-type"]);
 }
-const Cm = /* @__PURE__ */ _(xm, [["render", Sm], ["__scopeId", "data-v-ff7cc16f"]]), Bm = {
+const Cm = /* @__PURE__ */ _(Sm, [["render", xm], ["__scopeId", "data-v-ff7cc16f"]]), Bm = {
   name: "ecs-toolbar",
   props: {
     /** Determines the type of the toolbar. */
@@ -12186,15 +12188,15 @@ const Em = /* @__PURE__ */ _(Bm, [["render", Im], ["__scopeId", "data-v-e0681f01
 function Om(e, s, t, a, n, i) {
   const l = g("ecs-button-toolbar-group"), c = g("ecs-flex-row"), d = g("ecs-flex-col"), m = g("ecs-toolbar");
   return o(), h(m, { class: "ecs-index-toolbar" }, {
-    default: x(() => [
+    default: S(() => [
       b(c, { class: "ecs-index-toolbar-content" }, {
-        default: x(() => [
+        default: S(() => [
           b(d, {
             columns: i.hasRightSections ? 9 : 12
           }, {
-            default: x(() => [
+            default: S(() => [
               e.$slots.searchbuttons ? (o(), h(l, { key: 0 }, {
-                default: x(() => [
+                default: S(() => [
                   p(e.$slots, "searchbuttons", {}, void 0, !0)
                 ]),
                 _: 3
@@ -12207,7 +12209,7 @@ function Om(e, s, t, a, n, i) {
                 gap: 4,
                 class: "ecs-toolbar-search-results"
               }, {
-                default: x(() => [
+                default: S(() => [
                   f("span", Lm, w(t.count), 1),
                   f("span", Mm, w(t.type), 1)
                 ]),
@@ -12221,12 +12223,12 @@ function Om(e, s, t, a, n, i) {
             columns: 3,
             class: "ecs-index-toolbar-right-sections"
           }, {
-            default: x(() => [
+            default: S(() => [
               b(c, {
                 gap: 8,
                 class: "ecs-toolbar-right-section"
               }, {
-                default: x(() => [
+                default: S(() => [
                   p(e.$slots, "actions-left", {}, void 0, !0)
                 ]),
                 _: 3
@@ -12235,7 +12237,7 @@ function Om(e, s, t, a, n, i) {
                 gap: 8,
                 class: "ecs-toolbar-right-section"
               }, {
-                default: x(() => [
+                default: S(() => [
                   p(e.$slots, "actions-right", {}, void 0, !0)
                 ]),
                 _: 3
@@ -12289,7 +12291,7 @@ function Rm(e, s, t, a, n, i) {
   return o(), r("i", {
     class: v(["ecs-info-tooltip", { "hover-color": i.shouldShowHover }]),
     onClick: s[0] || (s[0] = (...c) => i.handleClick && i.handleClick(...c)),
-    style: S(i.iconStyle)
+    style: x(i.iconStyle)
   }, [
     b(l, {
       type: t.icon,
@@ -12514,7 +12516,7 @@ function Zm(e, s, t, a, n, i) {
       class: "inplace-container",
       onEnter: i.enter
     }, {
-      default: x(() => [
+      default: S(() => [
         i.currentSlot ? (o(), r("div", {
           key: n.currentIndex,
           class: "inplace-item",
@@ -12601,7 +12603,7 @@ const pk = /* @__PURE__ */ _(Ym, [["render", Zm]]), Qm = {
 function sh(e, s, t, a, n, i) {
   const l = g("ecs-button-toolbar"), c = g("ecs-button-toolbar-group");
   return o(), h(c, { class: "ecs-viewer-toolbar-jumper" }, {
-    default: x(() => [
+    default: S(() => [
       b(l, {
         onClick: s[0] || (s[0] = (d) => e.$emit("goToPrev")),
         disabled: i.disabledPrev,
@@ -12714,7 +12716,7 @@ const vk = /* @__PURE__ */ _(Qm, [["render", sh], ["__scopeId", "data-v-d9c9eec2
 function rh(e, s, t, a, n, i) {
   const l = g("ecs-button-toolbar"), c = g("ecs-button-toolbar-group");
   return o(), h(c, { class: "ecs-jumper" }, {
-    default: x(() => [
+    default: S(() => [
       b(l, {
         onClick: i.previousSearchResult,
         disabled: t.currentCount <= 1 || null,
@@ -12850,7 +12852,7 @@ function wh(e, s, t, a, n, i) {
     ])
   ]);
 }
-const bk = /* @__PURE__ */ _(ch, [["render", wh], ["__scopeId", "data-v-5c8f8c17"]]), xh = {
+const bk = /* @__PURE__ */ _(ch, [["render", wh], ["__scopeId", "data-v-5c8f8c17"]]), Sh = {
   // eslint-disable-next-line vue/multi-word-component-names
   name: "ecs-pane",
   inject: ["requestUpdate", "onPaneAdd", "onPaneRemove", "onPaneClick"],
@@ -12900,16 +12902,16 @@ const bk = /* @__PURE__ */ _(ch, [["render", wh], ["__scopeId", "data-v-5c8f8c17
     }
   }
 };
-function Sh(e, s, t, a, n, i) {
+function xh(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: S(e.style)
+    style: x(e.style)
   }, [
     p(e.$slots, "default")
   ], 4);
 }
-const Ch = /* @__PURE__ */ _(xh, [["render", Sh]]), Bh = {
+const Ch = /* @__PURE__ */ _(Sh, [["render", xh]]), Bh = {
   // eslint-disable-next-line vue/multi-word-component-names
   name: "ecs-splitpanes",
   emits: ["ready", "resize", "resized", "pane-click", "pane-maximize", "pane-add", "pane-remove", "splitter-click"],
@@ -13274,7 +13276,7 @@ function Ph(e, s, t, a, n, i) {
           onResized: s[0] || (s[0] = (d) => e.$emit("resized")),
           pushOtherPanes: !1
         }, {
-          default: x(() => {
+          default: S(() => {
             var d, m, y;
             return [
               b(l, {
@@ -13283,7 +13285,7 @@ function Ph(e, s, t, a, n, i) {
                 maxSize: t.splitPaneSizes[0].maxSize,
                 class: "ecs-index-layout-table scrollbar"
               }, {
-                default: x(() => [
+                default: S(() => [
                   p(e.$slots, "default", {}, void 0, !0)
                 ]),
                 _: 3
@@ -13293,9 +13295,9 @@ function Ph(e, s, t, a, n, i) {
                 size: t.splitPaneSizes[1].size,
                 minSize: t.splitPaneSizes[1].minSize,
                 maxSize: t.splitPaneSizes[1].maxSize,
-                style: S(t.overlaySidebar && e.$slots.sidebar ? { "--padding-right": e.$slots.secondaryPane ? "0px" : "54px" } : {})
+                style: x(t.overlaySidebar && e.$slots.sidebar ? { "--padding-right": e.$slots.secondaryPane ? "0px" : "54px" } : {})
               }, {
-                default: x(() => [
+                default: S(() => [
                   p(e.$slots, "pane", {}, void 0, !0)
                 ]),
                 _: 3
@@ -13305,9 +13307,9 @@ function Ph(e, s, t, a, n, i) {
                 size: (d = t.splitPaneSizes[2]) == null ? void 0 : d.size,
                 minSize: (m = t.splitPaneSizes[2]) == null ? void 0 : m.minSize,
                 maxSize: (y = t.splitPaneSizes[2]) == null ? void 0 : y.maxSize,
-                style: S(t.overlaySidebar && e.$slots.sidebar ? { "--padding-right": "54px" } : {})
+                style: x(t.overlaySidebar && e.$slots.sidebar ? { "--padding-right": "54px" } : {})
               }, {
-                default: x(() => [
+                default: S(() => [
                   p(e.$slots, "secondaryPane", {}, void 0, !0)
                 ]),
                 _: 3
@@ -13325,7 +13327,7 @@ function Ph(e, s, t, a, n, i) {
       e.$slots.sidebar ? (o(), r("div", {
         key: 0,
         class: v(["ecs-index-layout-sidebar", [t.overlaySidebar ? "overlay" : ""]]),
-        style: S(i.sidebarPosition)
+        style: x(i.sidebarPosition)
       }, [
         p(e.$slots, "sidebar", {}, void 0, !0)
       ], 6)) : u("", !0)
@@ -13453,12 +13455,12 @@ function Uh(e, s, t, a, n, i) {
         }, null, 8, ["onClick", "type", "active", "aria-label", "title", "aria-controls"])) : u("", !0)
       ])) : u("", !0),
       b(_e, { name: n.statisticsBarTransition }, {
-        default: x(() => [
+        default: S(() => [
           e.$slots.statistics && n.showStatistics ? (o(), r("div", {
             key: 0,
             class: "ecs-data-layout-statistics scrollbar scrollbar-sml vertical",
             id: n.statisticsId,
-            style: S({ height: `${t.statisticsHeight}px` })
+            style: x({ height: `${t.statisticsHeight}px` })
           }, [
             p(e.$slots, "statistics", {}, void 0, !0)
           ], 12, Hh)) : u("", !0)
@@ -13466,7 +13468,7 @@ function Uh(e, s, t, a, n, i) {
         _: 3
       }, 8, ["name"]),
       e.$slots.actionbar ? $e((o(), h(c, { key: 1 }, {
-        default: x(() => [
+        default: S(() => [
           p(e.$slots, "actionbar", {}, void 0, !0)
         ]),
         _: 3
@@ -13569,10 +13571,10 @@ function Jh(e, s, t, a, n, i) {
     ]]),
     gap: 8
   }, {
-    default: x(() => [
+    default: S(() => [
       f("div", {
         class: v(["ecs-legend-item-color", t.type]),
-        style: S({ backgroundColor: t.color })
+        style: x({ backgroundColor: t.color })
       }, null, 6),
       f("div", Kh, w(t.label), 1),
       t.count ? (o(), r("div", Yh, w(t.count), 1)) : u("", !0),
@@ -13580,14 +13582,14 @@ function Jh(e, s, t, a, n, i) {
       t.highlight || t.hover ? (o(), r("div", {
         key: 2,
         class: "ecs-legend-item-highlight",
-        style: S({ backgroundColor: t.color })
+        style: x({ backgroundColor: t.color })
       }, null, 4)) : u("", !0),
       t.hover ? (o(), h(l, { key: 3 })) : u("", !0)
     ]),
     _: 1
   }, 8, ["role", "tabindex", "class"]);
 }
-const xk = /* @__PURE__ */ _(Gh, [["render", Jh], ["__scopeId", "data-v-6d506293"]]), Zh = {
+const Sk = /* @__PURE__ */ _(Gh, [["render", Jh], ["__scopeId", "data-v-6d506293"]]), Zh = {
   name: "ecs-log-message",
   components: {
     EcsFlexRow: me,
@@ -13655,9 +13657,9 @@ function ip(e, s, t, a, n, i) {
     "aria-busy": t.loading || null,
     align: "start",
     gap: 8,
-    style: S(i.padding)
+    style: x(i.padding)
   }, {
-    default: x(() => [
+    default: S(() => [
       t.variant === "indicator" ? (o(), r("div", Qh)) : u("", !0),
       t.loading && t.type != "blank" ? (o(), h(l, {
         key: 1,
@@ -13694,7 +13696,7 @@ function ip(e, s, t, a, n, i) {
     _: 3
   }, 8, ["class", "role", "aria-busy", "style"]);
 }
-const Sk = /* @__PURE__ */ _(Zh, [["render", ip], ["__scopeId", "data-v-e0610fe5"]]), np = {
+const xk = /* @__PURE__ */ _(Zh, [["render", ip], ["__scopeId", "data-v-e0610fe5"]]), np = {
   name: "ecs-map",
   components: { EcsFocusRing: V },
   props: {
@@ -13798,14 +13800,14 @@ const Ck = /* @__PURE__ */ _(np, [["render", lp], ["__scopeId", "data-v-219f95e2
 };
 function fp(e, s, t, a, n, i) {
   return o(), h(_e, { name: "dialog-fade" }, {
-    default: x(() => [
+    default: S(() => [
       n.isShown ? (o(), r("div", {
         key: 0,
         class: v(["ecs-modal", [i.typeClass, t.clickthrough ? "ecs-modal-click-through" : ""]])
       }, [
         f("div", {
           class: "ecs-modal-dialog ecs-modal-sheet",
-          style: S(i.fixedHeightStyle)
+          style: x(i.fixedHeightStyle)
         }, [
           e.$slots.header ? (o(), r("div", cp, [
             p(e.$slots, "header", {}, void 0, !0)
@@ -13910,7 +13912,7 @@ function wp(e, s, t, a, n, i) {
     ])
   ]);
 }
-const Ik = /* @__PURE__ */ _(yp, [["render", wp], ["__scopeId", "data-v-206d1ced"]]), xp = {
+const Ik = /* @__PURE__ */ _(yp, [["render", wp], ["__scopeId", "data-v-206d1ced"]]), Sp = {
   name: "ecs-select-text",
   emits: ["change", "focus", "blur"],
   components: { EcsIcon: O, EcsFocusRing: V },
@@ -13988,7 +13990,7 @@ const Ik = /* @__PURE__ */ _(yp, [["render", wp], ["__scopeId", "data-v-206d1ced
       this.selectedText = t.text;
     }
   }
-}, Sp = ["disabled"];
+}, xp = ["disabled"];
 function Cp(e, s, t, a, n, i) {
   const l = g("ecs-icon"), c = g("ecs-focus-ring");
   return o(), r("div", {
@@ -14009,13 +14011,13 @@ function Cp(e, s, t, a, n, i) {
       class: t.alignment == "right" ? "right" : "left"
     }), [
       p(e.$slots, "default", {}, void 0, !0)
-    ], 16, Sp),
+    ], 16, xp),
     b(c, {
       inset: t.size == "xsml" ? -2 : -4
     }, null, 8, ["inset"])
   ], 2);
 }
-const Bp = /* @__PURE__ */ _(xp, [["render", Cp], ["__scopeId", "data-v-e4819f41"]]), zp = {
+const Bp = /* @__PURE__ */ _(Sp, [["render", Cp], ["__scopeId", "data-v-e4819f41"]]), zp = {
   name: "ecs-multiselect-search-token",
   emits: ["remove", "change", "operatorChange", "operatorToggle"],
   components: {
@@ -14105,7 +14107,7 @@ function Mp(e, s, t, a, n, i) {
         value: t.operator,
         class: "operator-select"
       }, {
-        default: x(() => [
+        default: S(() => [
           (o(!0), r(D, null, J(t.operatorSelectOptions, (m) => (o(), r("option", {
             value: m,
             key: m
@@ -14222,7 +14224,7 @@ function Np(e, s, t, a, n, i) {
       gap: 8,
       class: "ecs-multiselect-option-content"
     }, {
-      default: x(() => [
+      default: S(() => [
         t.icon ? (o(), h(l, {
           key: 0,
           type: t.icon,
@@ -14239,7 +14241,7 @@ function Np(e, s, t, a, n, i) {
       class: v(["ecs-multiselect-option-help", t.icon ? "has-icon" : ""])
     }, [
       b(d, { preset: "form" }, {
-        default: x(() => [
+        default: S(() => [
           L(w(t.help), 1)
         ]),
         _: 1
@@ -14425,15 +14427,15 @@ function sv(e, s, t, a, n, i) {
     name: "fade",
     appear: ""
   }, {
-    default: x(() => [
+    default: S(() => [
       n.isShown ? (o(), r("div", {
         key: 0,
         class: "ecs-overlay",
-        style: S({ 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: S(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", Hp, [
             t.icon ? (o(), h(l, {
@@ -14469,7 +14471,7 @@ function sv(e, s, t, a, n, i) {
             disabled: t.closeDisabled || null,
             icon: "close"
           }, {
-            default: x(() => [
+            default: S(() => [
               L(w(t.closeText), 1)
             ]),
             _: 1
@@ -14482,7 +14484,7 @@ function sv(e, s, t, a, n, i) {
           border: [0, 0, 1, 0],
           class: "ecs-overlay-alert"
         }, {
-          default: x(() => [
+          default: S(() => [
             p(e.$slots, "alert", {}, void 0, !0)
           ]),
           _: 3
@@ -14501,7 +14503,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: S({ 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),
@@ -14509,7 +14511,7 @@ function sv(e, s, t, a, n, i) {
               p(e.$slots, "sidebar", {}, void 0, !0)
             ])) : u("", !0),
             b(_e, { name: "slide" }, {
-              default: x(() => [
+              default: S(() => [
                 $e(f("div", Yp, [
                   p(e.$slots, "sidebar", {}, void 0, !0)
                 ], 512), [
@@ -14526,7 +14528,7 @@ function sv(e, s, t, a, n, i) {
           f("div", Qp, [
             f("div", {
               class: "ecs-overlay-footer-content-inner",
-              style: S({ 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),
@@ -14661,12 +14663,12 @@ function cv(e, s, t, a, n, i) {
     b(c, {
       gap: 8,
       class: "ecs-pagination-nav",
-      style: S({ minWidth: t.tabsSpacing - 4 + "px" })
+      style: x({ minWidth: t.tabsSpacing - 4 + "px" })
     }, {
-      default: x(() => [
+      default: S(() => [
         t.type == "paginated" ? (o(), r(D, { key: 0 }, [
           b(c, null, {
-            default: x(() => [
+            default: S(() => [
               b(l, {
                 onClick: s[0] || (s[0] = (m) => e.$emit("firstPage", m)),
                 disabled: i.disabledPrev,
@@ -14691,7 +14693,7 @@ function cv(e, s, t, a, n, i) {
             _: 1
           }),
           b(c, { gap: 4 }, {
-            default: x(() => [
+            default: S(() => [
               s[7] || (s[7] = f("span", null, "Page", -1)),
               b(d, {
                 modelValue: n.updatedCurrentPage,
@@ -14699,7 +14701,7 @@ function cv(e, s, t, a, n, i) {
                 disabled: i.disabledPageSelect,
                 size: "sml"
               }, {
-                default: x(() => [
+                default: S(() => [
                   (o(!0), r(D, null, J(t.totalPages, (m) => (o(), r("option", {
                     key: m,
                     value: m,
@@ -14713,7 +14715,7 @@ function cv(e, s, t, a, n, i) {
             _: 1
           }),
           b(c, null, {
-            default: x(() => [
+            default: S(() => [
               b(l, {
                 onClick: s[3] || (s[3] = (m) => e.$emit("nextPage", m)),
                 disabled: i.disabledNext,
@@ -14754,7 +14756,7 @@ function cv(e, s, t, a, n, i) {
       gap: 4,
       class: "ecs-pagination-items"
     }, {
-      default: x(() => [
+      default: S(() => [
         s[10] || (s[10] = f("span", null, "Items per page", -1)),
         b(d, {
           modelValue: n.updatedItemsPerPageSelected,
@@ -14763,7 +14765,7 @@ function cv(e, s, t, a, n, i) {
           disabled: t.loading || null,
           size: "sml"
         }, {
-          default: x(() => [
+          default: S(() => [
             (o(!0), r(D, null, J(t.itemsPerPage, (m) => (o(), r("option", {
               key: m,
               value: m,
@@ -14780,7 +14782,7 @@ function cv(e, s, t, a, n, i) {
       gap: 4,
       class: "ecs-pagination-controls"
     }, {
-      default: x(() => [
+      default: S(() => [
         p(e.$slots, "controls", {}, void 0, !0)
       ]),
       _: 3
@@ -14826,7 +14828,7 @@ function hv(e, s, t, a, n, i) {
         color: "#B4B9BE"
       }, null, 8, ["type"])) : u("", !0),
       b(c, { preset: "headline-4" }, {
-        default: x(() => [
+        default: S(() => [
           L(w(t.title), 1)
         ]),
         _: 1
@@ -14956,8 +14958,8 @@ const _v = /* @__PURE__ */ _(pv, [["render", bv], ["__scopeId", "data-v-7e609016
       this.disabled || this.$emit("click", e);
     }
   }
-}, wv = ["aria-busy"], xv = ["title"];
-function Sv(e, s, t, a, n, i) {
+}, wv = ["aria-busy"], Sv = ["title"];
+function xv(e, s, t, a, n, i) {
   const l = g("ecs-icon"), c = g("ecs-skeleton-loader");
   return o(), r("div", {
     onClick: s[0] || (s[0] = (...d) => i.handleClick && i.handleClick(...d)),
@@ -14969,7 +14971,7 @@ function Sv(e, s, t, a, n, i) {
       title: i.labelText
     }, [
       b(l, { type: i.iconType }, null, 8, ["type"])
-    ], 10, xv),
+    ], 10, Sv),
     t.label ? (o(), r("span", {
       key: 0,
       class: v(["label", t.loading ? "loading" : ""])
@@ -14988,7 +14990,7 @@ function Sv(e, s, t, a, n, i) {
     })) : u("", !0)
   ], 10, wv);
 }
-const Cv = /* @__PURE__ */ _(kv, [["render", Sv], ["__scopeId", "data-v-a6e15633"]]), Bv = {
+const Cv = /* @__PURE__ */ _(kv, [["render", xv], ["__scopeId", "data-v-a6e15633"]]), Bv = {
   name: "ecs-quicklinks-link",
   emits: ["click", "input", "toggle", "update:volumes"],
   components: { EcsCheckbox: vt, EcsRatingStarRead: _v, EcsRatingFavorability: Cv, EcsSwitch: hi, EcsIcon: O, EcsFocusRing: V, EcsAvatar: nt, EcsFlexRow: me, EcsPopover: pt, EcsPopoverList: is, EcsPopoverListItem: os },
@@ -15191,7 +15193,7 @@ function $v(e, s, t, a, n, i) {
       disabled: t.disabled || null,
       indeterminate: i.isIndeterminate
     }, {
-      default: x(() => [
+      default: S(() => [
         t.type === "rating" ? (o(), h(m, {
           key: 0,
           rating: t.rating
@@ -15203,7 +15205,7 @@ function $v(e, s, t, a, n, i) {
           size: "sml-toggle",
           colored: ""
         }, {
-          default: x(() => [
+          default: S(() => [
             L(w(t.label), 1)
           ]),
           _: 1
@@ -15221,7 +15223,7 @@ function $v(e, s, t, a, n, i) {
           gap: 2,
           class: "volume-list"
         }, {
-          default: x(() => [
+          default: S(() => [
             (o(!0), r(D, null, J(i.displayedVolumes, (C) => (o(), r("button", {
               key: C.id,
               class: v(["volume", { active: C.active }]),
@@ -15233,9 +15235,9 @@ function $v(e, s, t, a, n, i) {
               key: 0,
               disabled: t.disabled || null
             }, {
-              content: x(() => [
+              content: S(() => [
                 b(I, null, {
-                  default: x(() => [
+                  default: S(() => [
                     (o(!0), r(D, null, J(n.localVolumes.slice(3), (C) => (o(), h(E, {
                       key: C.id,
                       onClick: (M) => i.toggleVolume(C.id),
@@ -15243,7 +15245,7 @@ function $v(e, s, t, a, n, i) {
                       title: `${C.name} (${C.date})`,
                       "aria-label": `Volume ${C.id}${C.active ? " active" : ""}`
                     }, {
-                      default: x(() => [
+                      default: S(() => [
                         L(w(C.id), 1)
                       ]),
                       _: 2
@@ -15252,7 +15254,7 @@ function $v(e, s, t, a, n, i) {
                   _: 1
                 })
               ]),
-              default: x(() => [
+              default: S(() => [
                 f("button", {
                   class: v(["volume more", { active: n.localVolumes.slice(3).some((C) => C.active) }]),
                   title: "More",
@@ -15684,7 +15686,7 @@ function my(e, s, t, a, n, i) {
   return o(), r("div", {
     class: "ecs-selection-grid",
     role: t.type === "single" ? "radiogroup" : "group",
-    style: S({
+    style: x({
       "--grid-columns": t.columns
     })
   }, [
@@ -15714,9 +15716,9 @@ function my(e, s, t, a, n, i) {
         align: "start",
         class: "ecs-selection-grid-item-text"
       }, {
-        default: x(() => [
+        default: S(() => [
           b(d, { scale: "3" }, {
-            default: x(() => [
+            default: S(() => [
               L(w(y.label), 1)
             ]),
             _: 2
@@ -15726,7 +15728,7 @@ function my(e, s, t, a, n, i) {
             scale: "2",
             color: "var(--color-gray-9)"
           }, {
-            default: x(() => [
+            default: S(() => [
               L(w(y.help), 1)
             ]),
             _: 2
@@ -15827,7 +15829,7 @@ function wy(e, s, t, a, n, i) {
     p(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const qk = /* @__PURE__ */ _(_y, [["render", wy], ["__scopeId", "data-v-69c3c73d"]]), xy = {
+const qk = /* @__PURE__ */ _(_y, [["render", wy], ["__scopeId", "data-v-69c3c73d"]]), Sy = {
   name: "ecs-sequence-map-button",
   emits: ["click"],
   components: { EcsIcon: O, EcsFocusRing: V },
@@ -15858,7 +15860,7 @@ const qk = /* @__PURE__ */ _(_y, [["render", wy], ["__scopeId", "data-v-69c3c73d
       default: !1
     }
   }
-}, Sy = ["aria-busy"], Cy = { class: "count" };
+}, xy = ["aria-busy"], Cy = { class: "count" };
 function By(e, s, t, a, n, i) {
   const l = g("ecs-icon"), c = g("ecs-focus-ring");
   return o(), r("button", {
@@ -15883,9 +15885,9 @@ function By(e, s, t, a, n, i) {
     p(e.$slots, "default", {}, void 0, !0),
     b(c, { inset: 4 }),
     s[1] || (s[1] = f("div", { class: "step-indicator" }, null, -1))
-  ], 10, Sy);
+  ], 10, xy);
 }
-const $k = /* @__PURE__ */ _(xy, [["render", By], ["__scopeId", "data-v-397f53f1"]]), zy = {
+const $k = /* @__PURE__ */ _(Sy, [["render", By], ["__scopeId", "data-v-397f53f1"]]), zy = {
   name: "ecs-tab-bar",
   props: {
     /** Determines the visual style of the tab bar. `standard` are regular tabs, `sidebar` should only be used for the tab bar that controls sidebar tabs, `segment` is a tab bar that visually looks the same as an ecs-segment control, `sheet` should be used for table sheets, and `modal` for tabs that are inside ecs-modal headers. */
@@ -15983,18 +15985,18 @@ function Ry(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: S(i.height)
+    style: x(i.height)
   }, [
     f("div", Ay, [
       b(l, { type: "sidebar" }, {
-        default: x(() => [
+        default: S(() => [
           p(e.$slots, "tab-buttons", {}, void 0, !0)
         ]),
         _: 3
       })
     ]),
     b(c, null, {
-      default: x(() => [
+      default: S(() => [
         p(e.$slots, "tabs", {}, void 0, !0)
       ]),
       _: 3
@@ -16097,7 +16099,7 @@ function Ky(e, s, t, a, n, i) {
       ])) : u("", !0)
     ])),
     b(_e, { name: "expansion" }, {
-      default: x(() => [
+      default: S(() => [
         t.subHeaderExpanded && e.$slots.subheader ? (o(), r("div", Uy, [
           p(e.$slots, "subheader", {}, void 0, !0)
         ])) : u("", !0)
@@ -16105,7 +16107,7 @@ function Ky(e, s, t, a, n, i) {
       _: 3
     }),
     b(_e, { name: "expansion" }, {
-      default: x(() => [
+      default: S(() => [
         t.tertiaryHeaderExpanded && e.$slots.tertiaryheader ? (o(), r("div", Gy, [
           p(e.$slots, "tertiaryheader", {}, void 0, !0)
         ])) : u("", !0)
@@ -16304,7 +16306,7 @@ function ob(e, s, t, a, n, i) {
           gap: 8,
           justify: "between"
         }, {
-          default: x(() => [
+          default: S(() => [
             f("span", nb, [
               t.loading ? (o(), h(c, {
                 key: 0,
@@ -16441,7 +16443,7 @@ function fb(e, s, t, a, n, i) {
         { indent: i.shouldIndent }
       ]])
     }, {
-      default: x(() => [
+      default: S(() => [
         t.loading ? (o(), h(l, {
           key: 0,
           type: "single",
@@ -16540,7 +16542,7 @@ function hb(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: S({ backgroundColor: l.hex, color: l.hex })
+      style: x({ backgroundColor: l.hex, color: l.hex })
     }, null, 46, mb))), 128))
   ], 2);
 }
@@ -16732,7 +16734,7 @@ function wb(e, s, t, a, n, i) {
     s[2] || (s[2] = f("span", { class: "hover" }, null, -1))
   ], 42, _b);
 }
-const Qk = /* @__PURE__ */ _(bb, [["render", wb], ["__scopeId", "data-v-e723f4d5"]]), xb = {
+const Qk = /* @__PURE__ */ _(bb, [["render", wb], ["__scopeId", "data-v-e723f4d5"]]), Sb = {
   name: "ecs-tag",
   emits: ["click"],
   components: { EcsSkeletonLoader: ie, EcsFocusRing: V },
@@ -16808,7 +16810,7 @@ const Qk = /* @__PURE__ */ _(bb, [["render", wb], ["__scopeId", "data-v-e723f4d5
       this.$emit("click", e);
     }
   }
-}, Sb = ["role", "tabindex", "aria-busy"], Cb = ["title"], Bb = {
+}, xb = ["role", "tabindex", "aria-busy"], Cb = ["title"], Bb = {
   key: 1,
   class: "count"
 };
@@ -16822,7 +16824,7 @@ function zb(e, s, t, a, n, i) {
       t.loading ? "loading" : ""
     ]]),
     onClick: s[0] || (s[0] = (...d) => i.handleClick && i.handleClick(...d)),
-    style: S(i.customColorStyle),
+    style: x(i.customColorStyle),
     role: t.hover ? "button" : !1,
     tabindex: t.hover ? "0" : "-1",
     "aria-busy": t.loading || null
@@ -16841,9 +16843,9 @@ function zb(e, s, t, a, n, i) {
       style: { width: "calc(100% - 20px)" }
     })) : u("", !0),
     b(c)
-  ], 14, Sb);
+  ], 14, xb);
 }
-const e0 = /* @__PURE__ */ _(xb, [["render", zb], ["__scopeId", "data-v-7e468797"]]), Ib = {
+const e0 = /* @__PURE__ */ _(Sb, [["render", zb], ["__scopeId", "data-v-7e468797"]]), Ib = {
   name: "ecs-tag-cloud"
 }, Eb = {
   class: "ecs-tag-cloud",
@@ -16908,7 +16910,7 @@ const s0 = /* @__PURE__ */ _(Pb, [["render", Lb], ["__scopeId", "data-v-61082fed
 function Ab(e, s, t, a, n, i) {
   return o(), r("div", Ob, [
     b(ii, { name: "transition-toast" }, {
-      default: x(() => [
+      default: S(() => [
         p(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
@@ -17299,10 +17301,10 @@ function o_(e, s, t, a, n, i) {
     headline: t.headline,
     type: t.alertType
   }, {
-    default: x(() => [
+    default: S(() => [
       p(e.$slots, "default", {}, void 0, !0),
       b(c, { class: "ecs-type-confirmation-input" }, {
-        default: x(() => [
+        default: S(() => [
           f("label", { for: n.uniqueId }, w(i.text), 9, s_),
           b(l, {
             modelValue: n.inputValue,
@@ -17322,7 +17324,7 @@ function o_(e, s, t, a, n, i) {
     key: 1,
     class: "ecs-type-confirmation-input"
   }, {
-    default: x(() => [
+    default: S(() => [
       f("label", { for: n.uniqueId }, w(i.text), 9, n_),
       b(l, {
         modelValue: n.inputValue,
@@ -17555,7 +17557,7 @@ function g_(e, s, t, a, n, i) {
     onMousedown: s[5] || (s[5] = (...d) => i.focus && i.focus(...d)),
     onBlur: s[6] || (s[6] = (...d) => i.handleBlur && i.handleBlur(...d)),
     class: v([{ "is-focused": n.isFocused }, "ecs-window"]),
-    style: S({
+    style: x({
       transform: `translate(${n.position.x}px, ${n.position.y}px)`,
       width: `${Math.max(n.size.width, t.minWidth)}px`,
       height: t.autoHeight ? "auto" : `${Math.max(n.size.height, t.minHeight)}px`,
@@ -17575,7 +17577,7 @@ function g_(e, s, t, a, n, i) {
         scale: "3",
         weight: "bold"
       }, {
-        default: x(() => [
+        default: S(() => [
           L(w(t.title), 1)
         ]),
         _: 1
@@ -17628,8 +17630,8 @@ export {
   pe as EcsButton,
   ls as EcsButtonCollapse,
   w_ as EcsButtonContext,
-  x_ as EcsButtonContextGroup,
-  S_ as EcsButtonDialog,
+  S_ as EcsButtonContextGroup,
+  x_ as EcsButtonDialog,
   k_ as EcsButtonGroup,
   bi as EcsButtonMore,
   rs as EcsButtonTable,
@@ -17644,7 +17646,7 @@ export {
   mi as EcsClickableArea,
   P_ as EcsCollapse,
   L_ as EcsCollectionControl,
-  Si as EcsColorPicker,
+  xi as EcsColorPicker,
   A_ as EcsColorPickerInput,
   M_ as EcsComment,
   O_ as EcsCommentList,
@@ -17705,8 +17707,8 @@ export {
   wk as EcsLayoutDataTable,
   kk as EcsLayoutDirectory,
   _k as EcsLayoutIndex,
-  xk as EcsLegendItem,
-  Sk as EcsLogMessage,
+  Sk as EcsLegendItem,
+  xk as EcsLogMessage,
   Ck as EcsMap,
   Bk as EcsModal,
   Ik as EcsModalFooter,