@everchron/ec-shards 8.11.2 → 8.11.3

package/dist/ec-shards.js

@@ -1,4 +1,4 @@
-import { defineAsyncComponent as ee, watch as le, openBlock as o, createBlock as y, resolveDynamicComponent as Te, unref as ie, normalizeClass as v, createElementBlock as l, normalizeStyle as B, resolveComponent as p, createVNode as b, createCommentVNode as u, createElementVNode as f, createTextVNode as D, toDisplayString as x, renderSlot as m, Transition as xe, withCtx as w, computed as be, reactive as Qs, nextTick as ei, onBeforeUnmount as Pt, toRefs as ys, isRef as ti, onMounted as bs, useSlots as si, ref as Ke, watchEffect as bt, withKeys as U, Teleport as ii, withDirectives as Ge, vShow as ft, mergeProps as De, normalizeProps as ni, guardReactiveProps as ai, withModifiers as G, pushScopeId as ve, popScopeId as _e, Fragment as Z, renderList as ge, resolveDirective as oi, vModelText as ri, h as li, TransitionGroup as ci } from "vue";
+import { defineAsyncComponent as ee, watch as le, openBlock as o, createBlock as y, resolveDynamicComponent as Te, unref as ie, normalizeClass as v, createElementBlock as l, normalizeStyle as B, resolveComponent as p, createVNode as b, createCommentVNode as u, createElementVNode as f, createTextVNode as D, toDisplayString as x, renderSlot as m, Transition as xe, withCtx as w, computed as be, reactive as Qs, nextTick as ei, onBeforeUnmount as Pt, toRefs as ys, isRef as ti, onMounted as bs, useSlots as si, ref as Ke, watchEffect as kt, withKeys as G, Teleport as ii, withDirectives as Ue, vShow as pt, mergeProps as De, normalizeProps as ni, guardReactiveProps as ai, withModifiers as U, pushScopeId as ve, popScopeId as _e, Fragment as Z, renderList as ge, resolveDirective as oi, vModelText as ri, h as li, TransitionGroup as ci } from "vue";
 const te = (e, s) => {
   const t = e[s];
   return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((a, n) => {
@@ -762,7 +762,7 @@ function zt(e, s, t) {
   }, g;
 }
 zt.debounce = zt;
-var kt = zt;
+var xt = zt;
 function oe(e) {
   if (e == null)
     return window;
@@ -786,7 +786,7 @@ function Tt(e) {
   var s = oe(e).ShadowRoot;
   return e instanceof s || e instanceof ShadowRoot;
 }
-var Ne = Math.max, dt = Math.min, He = Math.round;
+var Ne = Math.max, ut = Math.min, He = Math.round;
 function It() {
   var e = navigator.userAgentData;
   return e != null && e.brands && Array.isArray(e.brands) ? e.brands.map(function(s) {
@@ -819,14 +819,14 @@ function Mt(e) {
     scrollTop: a
   };
 }
-function Gi(e) {
+function Ui(e) {
   return {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   };
 }
-function Ui(e) {
-  return e === oe(e) || !ce(e) ? Mt(e) : Gi(e);
+function Gi(e) {
+  return e === oe(e) || !ce(e) ? Mt(e) : Ui(e);
 }
 function we(e) {
   return e ? (e.nodeName || "").toLowerCase() : null;
@@ -861,7 +861,7 @@ function Yi(e, s, t) {
     y: 0
   };
   return (a || !a && !t) && ((we(s) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
-  Ot(i)) && (c = Ui(s)), ce(s) ? (d = qe(s, !0), d.x += s.clientLeft, d.y += s.clientTop) : i && (d.x = Lt(i))), {
+  Ot(i)) && (c = Gi(s)), ce(s) ? (d = qe(s, !0), d.x += s.clientLeft, d.y += s.clientTop) : i && (d.x = Lt(i))), {
     x: r.left + c.scrollLeft - d.x,
     y: r.top + c.scrollTop - d.y,
     width: r.width,
@@ -877,7 +877,7 @@ function At(e) {
     height: a
   };
 }
-function pt(e) {
+function gt(e) {
   return we(e) === "html" ? e : (
     // this is a quicker (but less type safe) way to save quite some bytes from the bundle
     // $FlowFixMe[incompatible-return]
@@ -890,7 +890,7 @@ function pt(e) {
   );
 }
 function Ss(e) {
-  return ["html", "body", "#document"].indexOf(we(e)) >= 0 ? e.ownerDocument.body : ce(e) && Ot(e) ? e : Ss(pt(e));
+  return ["html", "body", "#document"].indexOf(we(e)) >= 0 ? e.ownerDocument.body : ce(e) && Ot(e) ? e : Ss(gt(e));
 }
 function Je(e, s) {
   var t;
@@ -898,7 +898,7 @@ function Je(e, s) {
   var a = Ss(e), n = a === ((t = e.ownerDocument) == null ? void 0 : t.body), i = oe(a), r = n ? [i].concat(i.visualViewport || [], Ot(a) ? a : []) : a, c = s.concat(r);
   return n ? c : (
     // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
-    c.concat(Je(pt(r)))
+    c.concat(Je(gt(r)))
   );
 }
 function Xi(e) {
@@ -915,7 +915,7 @@ function Zi(e) {
     if (a.position === "fixed")
       return null;
   }
-  var n = pt(e);
+  var n = gt(e);
   for (Tt(n) && (n = n.host); ce(n) && ["html", "body"].indexOf(we(n)) < 0; ) {
     var i = Ee(n);
     if (i.transform !== "none" || i.perspective !== "none" || i.contain === "paint" || ["transform", "perspective"].indexOf(i.willChange) !== -1 || s && i.willChange === "filter" || s && i.filter && i.filter !== "none")
@@ -1036,7 +1036,7 @@ function ss(e, s, t) {
   return s === Cs ? Et(mn(e, t)) : Fe(s) ? vn(s, t) : Et(hn(Le(e)));
 }
 function _n(e) {
-  var s = Je(pt(e)), t = ["absolute", "fixed"].indexOf(Ee(e).position) >= 0, a = t && ce(e) ? tt(e) : e;
+  var s = Je(gt(e)), t = ["absolute", "fixed"].indexOf(Ee(e).position) >= 0, a = t && ce(e) ? tt(e) : e;
   return Fe(a) ? s.filter(function(n) {
     return Fe(n) && zs(n, a) && we(n) !== "body";
   }) : [];
@@ -1044,7 +1044,7 @@ function _n(e) {
 function yn(e, s, t, a) {
   var n = s === "clippingParents" ? _n(e) : [].concat(s), i = [].concat(n, [t]), r = i[0], c = i.reduce(function(d, g) {
     var h = ss(e, g, a);
-    return d.top = Ne(h.top, d.top), d.right = dt(h.right, d.right), d.bottom = dt(h.bottom, d.bottom), d.left = Ne(h.left, d.left), d;
+    return d.top = Ne(h.top, d.top), d.right = ut(h.right, d.right), d.bottom = ut(h.bottom, d.bottom), d.left = Ne(h.left, d.left), d;
   }, ss(e, r, a));
   return c.width = c.right - c.left, c.height = c.bottom - c.top, c.x = c.left, c.y = c.top, c;
 }
@@ -1427,7 +1427,7 @@ function Ln(e) {
   return e === "x" ? "y" : "x";
 }
 function Qe(e, s, t) {
-  return Ne(e, dt(s, t));
+  return Ne(e, ut(s, t));
 }
 function On(e, s, t) {
   var a = Qe(e, s, t);
@@ -1456,11 +1456,11 @@ function An(e) {
       var K, Be = T === "y" ? ne : ae, ue = T === "y" ? me : he, Y = T === "y" ? "height" : "width", J = E[T], ye = J + P[Be], ze = J - P[ue], X = I ? -F[Y] / 2 : 0, re = V === We ? N[Y] : F[Y], $e = V === We ? -F[Y] : -N[Y], nt = s.elements.arrow, Ve = I && nt ? At(nt) : {
         width: 0,
         height: 0
-      }, Pe = s.modifiersData["arrow#persistent"] ? s.modifiersData["arrow#persistent"].padding : Es(), Ue = Pe[Be], at = Pe[ue], Oe = Qe(0, N[Y], Ve[Y]), vt = R ? N[Y] / 2 - X - Oe - Ue - W.mainAxis : re - Oe - Ue - W.mainAxis, Us = R ? -N[Y] / 2 + X + Oe + at + W.mainAxis : $e + Oe + at + W.mainAxis, _t = s.elements.arrow && tt(s.elements.arrow), Ks = _t ? T === "y" ? _t.clientTop || 0 : _t.clientLeft || 0 : 0, jt = (K = j == null ? void 0 : j[T]) != null ? K : 0, Ys = J + vt - jt - Ks, Xs = J + Us - jt, Gt = Qe(I ? dt(ye, Ys) : ye, J, I ? Ne(ze, Xs) : ze);
-      E[T] = Gt, Q[T] = Gt - J;
+      }, Pe = s.modifiersData["arrow#persistent"] ? s.modifiersData["arrow#persistent"].padding : Es(), Ge = Pe[Be], at = Pe[ue], Oe = Qe(0, N[Y], Ve[Y]), _t = R ? N[Y] / 2 - X - Oe - Ge - W.mainAxis : re - Oe - Ge - W.mainAxis, Gs = R ? -N[Y] / 2 + X + Oe + at + W.mainAxis : $e + Oe + at + W.mainAxis, yt = s.elements.arrow && tt(s.elements.arrow), Ks = yt ? T === "y" ? yt.clientTop || 0 : yt.clientLeft || 0 : 0, jt = (K = j == null ? void 0 : j[T]) != null ? K : 0, Ys = J + _t - jt - Ks, Xs = J + Gs - jt, Ut = Qe(I ? ut(ye, Ys) : ye, J, I ? Ne(ze, Xs) : ze);
+      E[T] = Ut, Q[T] = Ut - J;
     }
     if (c) {
-      var Ut, Zs = T === "x" ? ne : ae, Js = T === "x" ? me : he, Ae = E[A], ot = A === "y" ? "height" : "width", Kt = Ae + P[Zs], Yt = Ae - P[Js], yt = [ne, ae].indexOf(O) !== -1, Xt = (Ut = j == null ? void 0 : j[A]) != null ? Ut : 0, Zt = yt ? Kt : Ae - N[ot] - F[ot] - Xt + W.altAxis, Jt = yt ? Ae + N[ot] + F[ot] - Xt - W.altAxis : Yt, Qt = I && yt ? On(Zt, Ae, Jt) : Qe(I ? Zt : Kt, Ae, I ? Jt : Yt);
+      var Gt, Zs = T === "x" ? ne : ae, Js = T === "x" ? me : he, Ae = E[A], ot = A === "y" ? "height" : "width", Kt = Ae + P[Zs], Yt = Ae - P[Js], bt = [ne, ae].indexOf(O) !== -1, Xt = (Gt = j == null ? void 0 : j[A]) != null ? Gt : 0, Zt = bt ? Kt : Ae - N[ot] - F[ot] - Xt + W.altAxis, Jt = bt ? Ae + N[ot] + F[ot] - Xt - W.altAxis : Yt, Qt = I && bt ? On(Zt, Ae, Jt) : Qe(I ? Zt : Kt, Ae, I ? Jt : Yt);
       E[A] = Qt, Q[A] = Qt - Ae;
     }
     s.modifiersData[a] = Q;
@@ -1479,7 +1479,7 @@ var Dn = {
   bottom: "top",
   top: "bottom"
 };
-function ct(e) {
+function dt(e) {
   return e.replace(/left|right|bottom|top/g, function(s) {
     return Dn[s];
   });
@@ -1516,13 +1516,13 @@ function Rn(e, s) {
 function Vn(e) {
   if (ke(e) === Nt)
     return [];
-  var s = ct(e);
+  var s = dt(e);
   return [os(e), s, os(s)];
 }
 function Hn(e) {
   var s = e.state, t = e.options, a = e.name;
   if (!s.modifiersData[a]._skip) {
-    for (var n = t.mainAxis, i = n === void 0 ? !0 : n, r = t.altAxis, c = r === void 0 ? !0 : r, d = t.fallbackPlacements, g = t.padding, h = t.boundary, k = t.rootBoundary, z = t.altBoundary, I = t.flipVariations, C = I === void 0 ? !0 : I, $ = t.allowedAutoPlacements, P = s.options.placement, O = ke(P), V = O === P, R = d || (V || !C ? [ct(P)] : Vn(P)), T = [P].concat(R).reduce(function(Ve, Pe) {
+    for (var n = t.mainAxis, i = n === void 0 ? !0 : n, r = t.altAxis, c = r === void 0 ? !0 : r, d = t.fallbackPlacements, g = t.padding, h = t.boundary, k = t.rootBoundary, z = t.altBoundary, I = t.flipVariations, C = I === void 0 ? !0 : I, $ = t.allowedAutoPlacements, P = s.options.placement, O = ke(P), V = O === P, R = d || (V || !C ? [dt(P)] : Vn(P)), T = [P].concat(R).reduce(function(Ve, Pe) {
       return Ve.concat(ke(Pe) === Nt ? Rn(s, {
         placement: Pe,
         boundary: h,
@@ -1539,8 +1539,8 @@ function Hn(e) {
         altBoundary: z,
         padding: g
       }), J = Be ? K ? he : ae : K ? me : ne;
-      A[ue] > E[ue] && (J = ct(J));
-      var ye = ct(J), ze = [];
+      A[ue] > E[ue] && (J = dt(J));
+      var ye = dt(J), ze = [];
       if (i && ze.push(Y[Q] <= 0), c && ze.push(Y[J] <= 0, Y[ye] <= 0), ze.every(function(Ve) {
         return Ve;
       })) {
@@ -1551,15 +1551,15 @@ function Hn(e) {
     }
     if (F)
       for (var X = C ? 3 : 1, re = function(Pe) {
-        var Ue = T.find(function(at) {
+        var Ge = T.find(function(at) {
           var Oe = N.get(at);
           if (Oe)
-            return Oe.slice(0, Pe).every(function(vt) {
-              return vt;
+            return Oe.slice(0, Pe).every(function(_t) {
+              return _t;
             });
         });
-        if (Ue)
-          return q = Ue, "break";
+        if (Ge)
+          return q = Ge, "break";
       }, $e = X; $e > 0; $e--) {
         var nt = re($e);
         if (nt === "break")
@@ -1596,14 +1596,14 @@ function jn(e) {
   }, {}), c = r[s.placement], d = c.x, g = c.y;
   s.modifiersData.popperOffsets != null && (s.modifiersData.popperOffsets.x += d, s.modifiersData.popperOffsets.y += g), s.modifiersData[a] = r;
 }
-const Gn = {
+const Un = {
   name: "offset",
   enabled: !0,
   phase: "main",
   requires: ["popperOffsets"],
   fn: jn
 };
-var Un = function(s, t) {
+var Gn = function(s, t) {
   return s = typeof s == "function" ? s(Object.assign({}, t.rects, {
     placement: t.placement
   })) : s, $s(typeof s != "number" ? s : Ps(s, st));
@@ -1611,7 +1611,7 @@ var Un = function(s, t) {
 function Kn(e) {
   var s, t = e.state, a = e.name, n = e.options, i = t.elements.arrow, r = t.modifiersData.popperOffsets, c = ke(t.placement), d = Dt(c), g = [ae, he].indexOf(c) >= 0, h = g ? "height" : "width";
   if (!(!i || !r)) {
-    var k = Un(n.padding, t), z = At(i), I = d === "y" ? ne : ae, C = d === "y" ? me : he, $ = t.rects.reference[h] + t.rects.reference[d] - r[d] - t.rects.popper[h], P = r[d] - t.rects.reference[d], O = tt(i), V = O ? d === "y" ? O.clientHeight || 0 : O.clientWidth || 0 : 0, R = $ / 2 - P / 2, T = k[I], A = V - z[h] - k[C], E = V / 2 - z[h] / 2 + R, N = Qe(T, E, A), F = d;
+    var k = Gn(n.padding, t), z = At(i), I = d === "y" ? ne : ae, C = d === "y" ? me : he, $ = t.rects.reference[h] + t.rects.reference[d] - r[d] - t.rects.popper[h], P = r[d] - t.rects.reference[d], O = tt(i), V = O ? d === "y" ? O.clientHeight || 0 : O.clientWidth || 0 : 0, R = $ / 2 - P / 2, T = k[I], A = V - z[h] - k[C], E = V / 2 - z[h] / 2 + R, N = Qe(T, E, A), F = d;
     t.modifiersData[a] = (s = {}, s[F] = N, s.centerOffset = N - E, s);
   }
 }
@@ -1627,7 +1627,7 @@ const Xn = {
   effect: Yn,
   requires: ["popperOffsets"],
   requiresIfExists: ["preventOverflow"]
-}, xt = (e) => parseInt(e, 10);
+}, wt = (e) => parseInt(e, 10);
 function Zn({
   arrowPadding: e,
   emit: s,
@@ -1669,14 +1669,14 @@ function Zn({
         {
           name: "arrow",
           options: {
-            padding: xt(e.value)
+            padding: wt(e.value)
           }
         },
-        Gn,
+        Un,
         {
           name: "offset",
           options: {
-            offset: [xt(n.value), xt(a.value)]
+            offset: [wt(n.value), wt(a.value)]
           }
         }
       ]
@@ -1894,7 +1894,7 @@ const na = ["onKeyup", "aria-open"], aa = {
     be(
       () => O.value ? `border: ${R.value}px solid transparent; margin: -${R.value}px;` : null
     );
-    const ue = kt.debounce(q, A.value), Y = kt.debounce(W, I.value), J = async () => {
+    const ue = xt.debounce(q, A.value), Y = xt.debounce(W, I.value), J = async () => {
       Q.value || j.value || (Y.clear(), r.value = !0, ue());
     }, ye = async () => {
       j.value || (ue.clear(), r.value = !1, Y());
@@ -1904,16 +1904,16 @@ const na = ["onKeyup", "aria-open"], aa = {
     return le([h, P], ([X, re]) => {
       F.value && (!X || re) && W();
     }), le(F, (X) => {
-      X ? g.value = !0 : kt.debounce(() => {
+      X ? g.value = !0 : xt.debounce(() => {
         g.value = !1;
       }, 200);
-    }), bt(() => {
+    }), kt(() => {
       j.value && (N.value ? ue() : Y());
-    }), bt(() => {
+    }), kt(() => {
       Be.value && Qn(c, ye);
     }), le(C, (X) => {
       X ? h.value = !0 : h.value = !1;
-    }), bt(() => {
+    }), kt(() => {
       c.value && n.observe(c.value, {
         childList: !0,
         subtree: !0
@@ -1928,7 +1928,7 @@ const na = ["onKeyup", "aria-open"], aa = {
         onMouseover: re[0] || (re[0] = ($e) => e.hover && J()),
         onClick: ze,
         onFocus: J,
-        onKeyup: U(ye, ["esc"]),
+        onKeyup: G(ye, ["esc"]),
         "aria-describedby": i,
         "aria-open": r.value || null,
         class: "ecs-popover-trigger"
@@ -1938,7 +1938,7 @@ const na = ["onKeyup", "aria-open"], aa = {
       (o(), y(ii, { to: "body" }, [
         b(xe, { name: "fade" }, {
           default: w(() => [
-            e.persistent || r.value ? Ge((o(), l("div", {
+            e.persistent || r.value ? Ue((o(), l("div", {
               key: 0,
               onClick: re[1] || (re[1] = ($e) => !ie(O) && ye()),
               class: "ecs-popover popper",
@@ -1954,7 +1954,7 @@ const na = ["onKeyup", "aria-open"], aa = {
               ], !0),
               e.arrow ? (o(), y(ia, { key: 0 })) : u("", !0)
             ], 512)), [
-              [ft, K.value]
+              [pt, K.value]
             ]) : u("", !0)
           ]),
           _: 3
@@ -2284,7 +2284,7 @@ function ya(e, s, t, a, n, i) {
         required: t.required || null,
         disabled: t.disabled || null,
         checked: n.checked || null,
-        onClick: s[0] || (s[0] = G((d) => e.$emit("shiftClick", d), ["shift"])),
+        onClick: s[0] || (s[0] = U((d) => e.$emit("shiftClick", d), ["shift"])),
         onChange: s[1] || (s[1] = (...d) => i.handleClick && i.handleClick(...d))
       }, null, 42, va),
       f("label", {
@@ -2959,12 +2959,12 @@ const ja = {
       this.$emit("secondaryClick");
     }
   }
-}, Ga = {
+}, Ua = {
   key: 0,
   class: "ecs-popover-list-item control no-hover",
   role: "menuitem",
   tabindex: "-1"
-}, Ua = {
+}, Ga = {
   key: 0,
   class: "after"
 }, Ka = {
@@ -3005,7 +3005,7 @@ const ja = {
 function co(e, s, t, a, n, i) {
   const r = p("ecs-checkbox"), c = p("ecs-radiobutton"), d = p("ecs-switch"), g = p("ecs-sortbutton"), h = p("ecs-focus-ring"), k = p("ecs-icon"), z = p("ecs-file-icon"), I = p("ecs-button");
   return o(), l("li", null, [
-    t.type === "checkbox" ? (o(), l("div", Ga, [
+    t.type === "checkbox" ? (o(), l("div", Ua, [
       b(r, {
         onInput: s[0] || (s[0] = (C) => e.$emit("input", C)),
         disabled: t.disabled || null,
@@ -3019,7 +3019,7 @@ function co(e, s, t, a, n, i) {
         ]),
         _: 3
       }, 8, ["disabled", "value", "value-false", "value-true", "indeterminate"]),
-      t.suffix ? (o(), l("span", Ua, x(t.suffix), 1)) : u("", !0)
+      t.suffix ? (o(), l("span", Ga, x(t.suffix), 1)) : u("", !0)
     ])) : t.type === "radiobutton" ? (o(), l("div", Ka, [
       b(c, {
         onChange: s[1] || (s[1] = (C) => e.$emit("change", C)),
@@ -3097,7 +3097,7 @@ function co(e, s, t, a, n, i) {
         ]),
         i.secondaryActionOptions.show ? (o(), y(I, {
           key: 0,
-          onClick: G(i.handleSecondaryClick, ["stop"]),
+          onClick: U(i.handleSecondaryClick, ["stop"]),
           onMouseover: s[4] || (s[4] = (C) => n.preventHover = !n.preventHover),
           onMouseleave: s[5] || (s[5] = (C) => n.preventHover = !n.preventHover),
           size: "sml",
@@ -3149,7 +3149,7 @@ function co(e, s, t, a, n, i) {
         ]),
         i.secondaryActionOptions.show ? (o(), y(I, {
           key: 0,
-          onClick: G(i.handleSecondaryClick, ["stop"]),
+          onClick: U(i.handleSecondaryClick, ["stop"]),
           onMouseover: s[7] || (s[7] = (C) => n.preventHover = !n.preventHover),
           onMouseleave: s[8] || (s[8] = (C) => n.preventHover = !n.preventHover),
           size: "sml",
@@ -3348,7 +3348,7 @@ function mo(e, s, t, a, n, i) {
     b(c)
   ], 10, go));
 }
-const gt = /* @__PURE__ */ _(fo, [["render", mo], ["__scopeId", "data-v-72592c75"]]);
+const mt = /* @__PURE__ */ _(fo, [["render", mo], ["__scopeId", "data-v-72592c75"]]);
 const ho = {
   name: "ecs-separator",
   props: {
@@ -3406,7 +3406,7 @@ const _o = /* @__PURE__ */ _(ho, [["render", vo], ["__scopeId", "data-v-6c95c339
 const yo = {
   name: "ecs-bulk-selector",
   emits: ["select", "families", "checked", "popover-shown", "popover-hidden"],
-  components: { EcsFlexRow: Me, EcsPopover: Ts, EcsPopoverList: ua, EcsPopoverListItem: uo, EcsButtonToolbar: gt, EcsCheckbox: Vt, EcsSeparator: _o },
+  components: { EcsFlexRow: Me, EcsPopover: Ts, EcsPopoverList: ua, EcsPopoverListItem: uo, EcsButtonToolbar: mt, EcsCheckbox: Vt, EcsSeparator: _o },
   props: {
     /** Array of available select options that should show up in the dropdown. Needs to contain objects for each popover-list-item, */
     options: {
@@ -3618,13 +3618,13 @@ function zo(e, s, t, a, n, i) {
   ], 10, Bo);
 }
 const Os = /* @__PURE__ */ _(Co, [["render", zo], ["__scopeId", "data-v-3fdbdfeb"]]);
-function ut(e) {
+function ft(e) {
   "@babel/helpers - typeof";
-  return ut = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(s) {
+  return ft = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(s) {
     return typeof s;
   } : function(s) {
     return s && typeof Symbol == "function" && s.constructor === Symbol && s !== Symbol.prototype ? "symbol" : typeof s;
-  }, ut(e);
+  }, ft(e);
 }
 var Io = /^\s+/, Eo = /\s+$/;
 function S(e, s) {
@@ -3726,7 +3726,7 @@ S.prototype = {
     return this._a == 1 ? "rgb(" + Math.round(H(this._r, 255) * 100) + "%, " + Math.round(H(this._g, 255) * 100) + "%, " + Math.round(H(this._b, 255) * 100) + "%)" : "rgba(" + Math.round(H(this._r, 255) * 100) + "%, " + Math.round(H(this._g, 255) * 100) + "%, " + Math.round(H(this._b, 255) * 100) + "%, " + this._roundA + ")";
   },
   toName: function() {
-    return this._a === 0 ? "transparent" : this._a < 1 ? !1 : Go[cs(this._r, this._g, this._b, !0)] || !1;
+    return this._a === 0 ? "transparent" : this._a < 1 ? !1 : Uo[cs(this._r, this._g, this._b, !0)] || !1;
   },
   toFilter: function(s) {
     var t = "#" + ds(this._r, this._g, this._b, this._a), a = t, n = this._gradientType ? "GradientType = 1, " : "";
@@ -3797,7 +3797,7 @@ S.prototype = {
   }
 };
 S.fromRatio = function(e, s) {
-  if (ut(e) == "object") {
+  if (ft(e) == "object") {
     var t = {};
     for (var a in e)
       e.hasOwnProperty(a) && (a === "a" ? t[a] = e[a] : t[a] = Ze(e[a]));
@@ -3811,7 +3811,7 @@ function $o(e) {
     g: 0,
     b: 0
   }, t = 1, a = null, n = null, i = null, r = !1, c = !1;
-  return typeof e == "string" && (e = Xo(e)), ut(e) == "object" && (Ie(e.r) && Ie(e.g) && Ie(e.b) ? (s = Po(e.r, e.g, e.b), r = !0, c = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : Ie(e.h) && Ie(e.s) && Ie(e.v) ? (a = Ze(e.s), n = Ze(e.v), s = Mo(e.h, a, n), r = !0, c = "hsv") : Ie(e.h) && Ie(e.s) && Ie(e.l) && (a = Ze(e.s), i = Ze(e.l), s = To(e.h, a, i), r = !0, c = "hsl"), e.hasOwnProperty("a") && (t = e.a)), t = As(t), {
+  return typeof e == "string" && (e = Xo(e)), ft(e) == "object" && (Ie(e.r) && Ie(e.g) && Ie(e.b) ? (s = Po(e.r, e.g, e.b), r = !0, c = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : Ie(e.h) && Ie(e.s) && Ie(e.v) ? (a = Ze(e.s), n = Ze(e.v), s = Mo(e.h, a, n), r = !0, c = "hsv") : Ie(e.h) && Ie(e.s) && Ie(e.l) && (a = Ze(e.s), i = Ze(e.l), s = To(e.h, a, i), r = !0, c = "hsl"), e.hasOwnProperty("a") && (t = e.a)), t = As(t), {
     ok: r,
     format: e.format || c,
     r: Math.min(255, Math.max(s.r, 0)),
@@ -3930,12 +3930,12 @@ S.random = function() {
 function Oo(e, s) {
   s = s === 0 ? 0 : s || 10;
   var t = S(e).toHsl();
-  return t.s -= s / 100, t.s = mt(t.s), S(t);
+  return t.s -= s / 100, t.s = ht(t.s), S(t);
 }
 function Ao(e, s) {
   s = s === 0 ? 0 : s || 10;
   var t = S(e).toHsl();
-  return t.s += s / 100, t.s = mt(t.s), S(t);
+  return t.s += s / 100, t.s = ht(t.s), S(t);
 }
 function No(e) {
   return S(e).desaturate(100);
@@ -3943,7 +3943,7 @@ function No(e) {
 function Do(e, s) {
   s = s === 0 ? 0 : s || 10;
   var t = S(e).toHsl();
-  return t.l += s / 100, t.l = mt(t.l), S(t);
+  return t.l += s / 100, t.l = ht(t.l), S(t);
 }
 function Fo(e, s) {
   s = s === 0 ? 0 : s || 10;
@@ -3953,7 +3953,7 @@ function Fo(e, s) {
 function Ro(e, s) {
   s = s === 0 ? 0 : s || 10;
   var t = S(e).toHsl();
-  return t.l -= s / 100, t.l = mt(t.l), S(t);
+  return t.l -= s / 100, t.l = ht(t.l), S(t);
 }
 function Vo(e, s) {
   var t = S(e).toHsl(), a = (t.h + s) % 360;
@@ -4193,8 +4193,8 @@ var $t = S.names = {
   whitesmoke: "f5f5f5",
   yellow: "ff0",
   yellowgreen: "9acd32"
-}, Go = S.hexNames = Uo($t);
-function Uo(e) {
+}, Uo = S.hexNames = Go($t);
+function Go(e) {
   var s = {};
   for (var t in e)
     e.hasOwnProperty(t) && (s[e[t]] = t);
@@ -4208,7 +4208,7 @@ function H(e, s) {
   var t = Yo(e);
   return e = Math.min(s, Math.max(0, parseFloat(e))), t && (e = parseInt(e * s, 10) / 100), Math.abs(e - s) < 1e-6 ? 1 : e % s / parseFloat(s);
 }
-function mt(e) {
+function ht(e) {
   return Math.min(1, Math.max(0, e));
 }
 function se(e) {
@@ -4838,7 +4838,7 @@ function Er(e, s, t, a, n, i) {
         onKeyup: s[0] || (s[0] = (...c) => i.onInput && i.onInput(...c)),
         onBlur: s[1] || (s[1] = (c) => e.$emit("blur", c)),
         onFocus: s[2] || (s[2] = (c) => e.$emit("focus", c)),
-        onKeydown: s[3] || (s[3] = U(G(() => {
+        onKeydown: s[3] || (s[3] = G(U(() => {
         }, ["prevent"]), ["enter"])),
         contenteditable: t.editable
       }, null, 42, Ir),
@@ -4982,7 +4982,7 @@ const Tr = {
 }, Mr = ["id"], Lr = ["onClick", "role", "tabindex", "aria-disabled"], Or = { key: 1 };
 function Ar(e, s, t, a, n, i) {
   const r = p("ecs-icon"), c = p("ecs-button"), d = p("ecs-focus-ring"), g = oi("click-out-side");
-  return Ge((o(), l("div", {
+  return Ue((o(), l("div", {
     class: v(["ecs-context-menu", n.opened ? " opened" : ""]),
     id: t.elementId,
     style: B([i.postionStyles])
@@ -4992,15 +4992,15 @@ function Ar(e, s, t, a, n, i) {
       "aria-orientation": "vertical",
       tabindex: "0",
       onKeydown: [
-        s[0] || (s[0] = U(G((...h) => i.focusPrevious && i.focusPrevious(...h), ["prevent"]), ["up"])),
-        s[1] || (s[1] = U(G((...h) => i.focusNext && i.focusNext(...h), ["prevent"]), ["down"]))
+        s[0] || (s[0] = G(U((...h) => i.focusPrevious && i.focusPrevious(...h), ["prevent"]), ["up"])),
+        s[1] || (s[1] = G(U((...h) => i.focusNext && i.focusNext(...h), ["prevent"]), ["down"]))
       ],
       ref: "menu",
       id: "my-menu"
     }, [
       (o(!0), l(Z, null, ge(t.options, (h, k) => (o(), l("li", {
         key: k,
-        onClick: G((z) => i.optionClicked(h), ["stop"]),
+        onClick: U((z) => i.optionClicked(h), ["stop"]),
         role: h.type === "divider" ? "separator" : "menuitem",
         tabindex: h.type === "divider" || h.disabled ? "-1" : "0",
         "aria-disabled": h.disabled || null,
@@ -5018,7 +5018,7 @@ function Ar(e, s, t, a, n, i) {
         h.type != "divider" ? (o(), l("span", Or, x(h.name), 1)) : u("", !0),
         h.nested ? (o(), y(c, {
           key: 2,
-          onClick: G((z) => i.optionClicked(h.nested), ["stop"]),
+          onClick: U((z) => i.optionClicked(h.nested), ["stop"]),
           icon: h.nested.icon,
           title: h.nested.name,
           "aria-label": h.nested.name,
@@ -5169,7 +5169,7 @@ function qr(e, s, t, a, n, i) {
       }, null, 8, ["class", "title", "aria-label"])) : u("", !0),
       f("h3", {
         onClick: s[1] || (s[1] = (...g) => i.toggleCollapse && i.toggleCollapse(...g)),
-        onKeydown: s[2] || (s[2] = U(G((...g) => i.toggleCollapse && i.toggleCollapse(...g), ["prevent"]), ["space"])),
+        onKeydown: s[2] || (s[2] = G(U((...g) => i.toggleCollapse && i.toggleCollapse(...g), ["prevent"]), ["space"])),
         role: "button",
         class: v(["ecs-collapsable-headline", [t.headlineBold ? "ecs-headline-section-bold" : "ecs-headline-section", n.isVisible ? "" : "collapsed"]]),
         tabindex: "0",
@@ -5285,10 +5285,10 @@ const Wr = {
   created() {
     this.expandId = this.generateUniqueId();
   }
-}, jr = ["tabindex", "role", "aria-expanded", "aria-controls"], Gr = {
+}, jr = ["tabindex", "role", "aria-expanded", "aria-controls"], Ur = {
   key: 1,
   class: "description"
-}, Ur = ["title"], Kr = { key: 0 }, Yr = ["id", "aria-hidden"];
+}, Gr = ["title"], Kr = { key: 0 }, Yr = ["id", "aria-hidden"];
 function Xr(e, s, t, a, n, i) {
   const r = p("ecs-focus-ring"), c = p("ecs-icon");
   return o(), l("div", {
@@ -5301,8 +5301,8 @@ function Xr(e, s, t, a, n, i) {
     f("div", {
       onClick: s[2] || (s[2] = (...d) => i.toggleCollapse && i.toggleCollapse(...d)),
       onKeydown: [
-        s[3] || (s[3] = U(G((...d) => i.toggleCollapse && i.toggleCollapse(...d), ["prevent"]), ["enter"])),
-        s[4] || (s[4] = U(G((...d) => i.toggleCollapse && i.toggleCollapse(...d), ["prevent"]), ["space"]))
+        s[3] || (s[3] = G(U((...d) => i.toggleCollapse && i.toggleCollapse(...d), ["prevent"]), ["enter"])),
+        s[4] || (s[4] = G(U((...d) => i.toggleCollapse && i.toggleCollapse(...d), ["prevent"]), ["space"]))
       ],
       class: v(["ecs-collection-control-header", [
         n.isVisible || t.nonInteractive ? "" : "collapsed",
@@ -5320,7 +5320,7 @@ function Xr(e, s, t, a, n, i) {
         color: "#858E9E",
         size: i.iconSize
       }, null, 8, ["type", "size"])) : u("", !0),
-      t.label ? (o(), l("div", Gr, x(t.label), 1)) : u("", !0),
+      t.label ? (o(), l("div", Ur, x(t.label), 1)) : u("", !0),
       f("div", {
         class: "collection",
         onMouseover: s[0] || (s[0] = (...d) => i.toggleTooltip && i.toggleTooltip(...d)),
@@ -5332,7 +5332,7 @@ function Xr(e, s, t, a, n, i) {
         }, [
           d.value ? (o(), l("span", Kr, x(d.name), 1)) : u("", !0)
         ]))), 128))
-      ], 40, Ur)
+      ], 40, Gr)
     ], 42, jr),
     f("div", {
       class: v([n.isVisible || t.nonInteractive ? "collapse-show" : "collapse-hide", "collapse"]),
@@ -5584,7 +5584,7 @@ function yl(e, s) {
   ]);
 }
 const Ey = /* @__PURE__ */ _(vl, [["render", yl]]);
-function wt(e = {}, s = 0) {
+function St(e = {}, s = 0) {
   const t = e && e.a;
   let a;
   e && e.hsl ? a = S(e.hsl) : e && e.hex && e.hex.length > 0 ? a = S(e.hex) : e && e.hsv ? a = S(e.hsv) : e && e.rgba ? a = S(e.rgba) : e && e.rgb ? a = S(e.rgb) : a = S(e), a && (a._a === void 0 || a._a === null) && a.setAlpha(t || 1);
@@ -5604,7 +5604,7 @@ const bl = {
   props: ["modelValue"],
   data() {
     return {
-      val: wt(this.modelValue)
+      val: St(this.modelValue)
     };
   },
   computed: {
@@ -5619,12 +5619,12 @@ const bl = {
   },
   watch: {
     modelValue(e) {
-      this.val = wt(e);
+      this.val = St(e);
     }
   },
   methods: {
     colorChange(e, s) {
-      this.oldHue = this.colors.hsl.h, this.colors = wt(e, s || this.oldHue);
+      this.oldHue = this.colors.hsl.h, this.colors = St(e, s || this.oldHue);
     },
     isValidHex(e) {
       return S(e).isValid();
@@ -5711,7 +5711,7 @@ const kl = {
 }, xl = { class: "ecs-editable-input" }, wl = ["aria-labelledby"], Sl = ["for", "id"], Cl = { class: "ecs-input__desc" };
 function Bl(e, s, t, a, n, i) {
   return o(), l("div", xl, [
-    Ge(f("input", {
+    Ue(f("input", {
       "aria-labelledby": i.labelId,
       class: "ecs-input__input",
       "onUpdate:modelValue": s[0] || (s[0] = (r) => i.val = r),
@@ -5734,7 +5734,7 @@ var Il = El;
 function El(e, s, t) {
   return s < t ? e < s ? s : e > t ? t : e : e < t ? t : e > s ? s : e;
 }
-const St = /* @__PURE__ */ xs(Il);
+const ct = /* @__PURE__ */ xs(Il);
 function $l(e) {
   var s = typeof e;
   return e != null && (s == "object" || s == "function");
@@ -5751,7 +5751,7 @@ var Vl = Rl, Hl = Vl, ql = /^\s+/;
 function Wl(e) {
   return e && e.slice(0, Hl(e) + 1).replace(ql, "");
 }
-var jl = Wl, Gl = Vs, Ul = Gl.Symbol, Hs = Ul, ps = Hs, qs = Object.prototype, Kl = qs.hasOwnProperty, Yl = qs.toString, Xe = ps ? ps.toStringTag : void 0;
+var jl = Wl, Ul = Vs, Gl = Ul.Symbol, Hs = Gl, ps = Hs, qs = Object.prototype, Kl = qs.hasOwnProperty, Yl = qs.toString, Xe = ps ? ps.toStringTag : void 0;
 function Xl(e) {
   var s = Kl.call(e, Xe), t = e[Xe];
   try {
@@ -5858,7 +5858,8 @@ const Lc = /* @__PURE__ */ xs(Mc);
 const Oc = {
   name: "Saturation",
   props: {
-    modelValue: Object
+    modelValue: Object,
+    preventUnusable: Boolean
   },
   computed: {
     colors() {
@@ -5890,7 +5891,7 @@ const Oc = {
       const t = this.$refs.container;
       if (!t)
         return;
-      const a = t.clientWidth, n = t.clientHeight, i = t.getBoundingClientRect().left + window.pageXOffset, r = t.getBoundingClientRect().top + window.pageYOffset, c = e.pageX || (e.touches ? e.touches[0].pageX : 0), d = e.pageY || (e.touches ? e.touches[0].pageY : 0), g = St(c - i, 0, a), h = St(d - r, 0, n), k = g / a, z = St(-(h / n) + 1, 0, 1);
+      const a = t.clientWidth, n = t.clientHeight, i = t.getBoundingClientRect().left + window.pageXOffset, r = t.getBoundingClientRect().top + window.pageYOffset, c = e.pageX || (e.touches ? e.touches[0].pageX : 0), d = e.pageY || (e.touches ? e.touches[0].pageY : 0), g = ct(c - i, 0, a), h = this.preventUnusable ? ct(d - r, n * 0.1, n * 0.85) : ct(d - r, 0, n), k = g / a, z = ct(-(h / n) + 1, 0, 1);
       this.throttle(this.onChange, {
         h: this.colors.hsv.h,
         s: k,
@@ -6002,7 +6003,7 @@ const Hc = {
 }, qc = ["aria-valuenow"], Wc = /* @__PURE__ */ f("div", { class: "ecs-hue-picker" }, null, -1), jc = [
   Wc
 ];
-function Gc(e, s, t, a, n, i) {
+function Uc(e, s, t, a, n, i) {
   return o(), l("div", {
     class: v(["ecs-hue", i.directionClass])
   }, [
@@ -6025,7 +6026,7 @@ function Gc(e, s, t, a, n, i) {
     ], 40, qc)
   ], 2);
 }
-const Uc = /* @__PURE__ */ _(Hc, [["render", Gc]]);
+const Gc = /* @__PURE__ */ _(Hc, [["render", Uc]]);
 const Bt = {}, Kc = {
   name: "Checkboard",
   props: {
@@ -6151,7 +6152,7 @@ const ad = {
   mixins: [bl],
   components: {
     saturation: Vc,
-    hue: Uc,
+    hue: Gc,
     alpha: nd,
     "ed-in": zl,
     checkboard: Ws
@@ -6182,6 +6183,11 @@ const ad = {
     padding: {
       type: Number,
       default: 0
+    },
+    /** Prevents the user from selecting a color that is too bright or too dark. It will only block the selection on the saturation drag field, a user can still enter a value via the fields (consider disabling the field), or a preset swatch. */
+    preventUnusableColors: {
+      type: Boolean,
+      default: !1
     }
   },
   computed: {
@@ -6249,8 +6255,9 @@ function yd(e, s, t, a, n, i) {
       b(r, {
         modelValue: e.colors,
         "onUpdate:modelValue": s[0] || (s[0] = (k) => e.colors = k),
-        onChange: i.childChange
-      }, null, 8, ["modelValue", "onChange"])
+        onChange: i.childChange,
+        "prevent-unusable": t.preventUnusableColors
+      }, null, 8, ["modelValue", "onChange", "prevent-unusable"])
     ])),
     t.disableCustom ? u("", !0) : (o(), l("div", rd, [
       f("div", ld, [
@@ -6381,6 +6388,11 @@ const kd = {
     disableCustom: {
       type: Boolean,
       default: !1
+    },
+    /** Prevents the user from selecting a color that is too bright or too dark. It will only block the selection on the saturation drag field, a user can still enter a value via the fields (consider disabling the field), or a preset swatch. */
+    preventUnusableColors: {
+      type: Boolean,
+      default: !1
     }
   },
   computed: {
@@ -6405,8 +6417,9 @@ function xd(e, s, t, a, n, i) {
         padding: 16,
         disableAlpha: t.disableAlpha,
         disableFields: t.disableFields,
-        disableCustom: t.disableCustom
-      }, null, 8, ["modelValue", "swatches", "disableAlpha", "disableFields", "disableCustom"])
+        disableCustom: t.disableCustom,
+        preventUnusableColors: t.preventUnusableColors
+      }, null, 8, ["modelValue", "swatches", "disableAlpha", "disableFields", "disableCustom", "preventUnusableColors"])
     ]),
     default: w(() => [
       f("button", {
@@ -6419,7 +6432,7 @@ function xd(e, s, t, a, n, i) {
     _: 1
   });
 }
-const $y = /* @__PURE__ */ _(kd, [["render", xd], ["__scopeId", "data-v-d6450b05"]]);
+const $y = /* @__PURE__ */ _(kd, [["render", xd], ["__scopeId", "data-v-7132cbfc"]]);
 const wd = {
   name: "ecs-data-card",
   components: { EcsIcon: M, EcsSkeletonLoader: Ce, EcsButtonTable: Fs, EcsButton: Se, EcsFocusRing: L },
@@ -6596,7 +6609,7 @@ function Od(e, s, t, a, n, i) {
           }, null, 8, ["width"])) : u("", !0)
         ])
       ])) : u("", !0),
-      e.$slots.expand ? Ge((o(), l("div", {
+      e.$slots.expand ? Ue((o(), l("div", {
         key: 1,
         id: n.expandId,
         "aria-hidden": n.isExpanded ? "false" : "true",
@@ -6606,7 +6619,7 @@ function Od(e, s, t, a, n, i) {
           m(e.$slots, "expand", {}, void 0, !0)
         ])
       ], 8, Md)), [
-        [ft, n.isExpanded]
+        [pt, n.isExpanded]
       ]) : u("", !0)
     ]),
     t.hover ? (o(), y(h, {
@@ -6747,11 +6760,11 @@ const jd = {
   beforeUnmount() {
     this.mouseEvent && this.$refs.grid_row.removeEventListener(this.mouseEvent, this.handleRowClick);
   }
-}, Gd = {
+}, Ud = {
   key: 1,
   class: "ecs-data-grid-row-block"
 };
-function Ud(e, s, t, a, n, i) {
+function Gd(e, s, t, a, n, i) {
   return o(), l("div", {
     class: v(["ecs-data-grid-row", [t.state, t.type == "header" ? "header-row" : "", t.mouseEvent === "click" || t.clickable === !0 ? "clickable" : ""]]),
     ref: "grid_row",
@@ -6762,11 +6775,11 @@ function Ud(e, s, t, a, n, i) {
       onClick: s[0] || (s[0] = (...r) => i.handleDropzoneClick && i.handleDropzoneClick(...r)),
       class: "ecs-data-grid-row-drop-zone"
     })) : u("", !0),
-    t.state == "disabled" ? (o(), l("div", Gd)) : u("", !0),
+    t.state == "disabled" ? (o(), l("div", Ud)) : u("", !0),
     m(e.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-const Kd = /* @__PURE__ */ _(jd, [["render", Ud], ["__scopeId", "data-v-16b82e41"]]);
+const Kd = /* @__PURE__ */ _(jd, [["render", Gd], ["__scopeId", "data-v-16b82e41"]]);
 const Yd = {
   name: "ecs-data-grid-row-group",
   components: {
@@ -7294,14 +7307,14 @@ const _u = {
   }
 }, yu = ["aria-labeled-by"];
 function bu(e, s, t, a, n, i) {
-  return Ge((o(), l("div", {
+  return Ue((o(), l("div", {
     class: "ecs-data-grid-group",
     role: "tabpanel",
     "aria-labeled-by": t.ariaLabeledBy
   }, [
     t.show ? m(e.$slots, "default", { key: 0 }, void 0, !0) : u("", !0)
   ], 8, yu)), [
-    [ft, t.show]
+    [pt, t.show]
   ]);
 }
 const Ay = /* @__PURE__ */ _(_u, [["render", bu], ["__scopeId", "data-v-ee025ab5"]]);
@@ -7720,7 +7733,7 @@ function Du(e, s, t, a, n, i) {
     key: 0,
     ref: "dialog",
     class: v(["ecs-dialog-" + t.size, "ecs-dialog"]),
-    onKeydown: s[0] || (s[0] = U((...r) => i.handleEnterKey && i.handleEnterKey(...r), ["enter"]))
+    onKeydown: s[0] || (s[0] = G((...r) => i.handleEnterKey && i.handleEnterKey(...r), ["enter"]))
   }, [
     f("div", Nu, [
       m(e.$slots, "default")
@@ -7889,7 +7902,7 @@ const Vy = /* @__PURE__ */ _(Vu, [["render", Wu], ["__scopeId", "data-v-6e05c98b
     }, null, 8, ["alt"]));
   }
 };
-const Gu = {
+const Uu = {
   name: "ecs-directory-entry",
   components: {
     EcsIcon: M,
@@ -7912,10 +7925,10 @@ const Gu = {
   mounted() {
     !this.icon && !this.favicon && console.warn("Icon or Favicon prop is required for ecs-directory-entry component");
   }
-}, Uu = { class: "ecs-directory-entry" }, Ku = { class: "items" };
+}, Gu = { class: "ecs-directory-entry" }, Ku = { class: "items" };
 function Yu(e, s, t, a, n, i) {
   const r = p("ecs-icon"), c = p("ecs-favicon");
-  return o(), l("div", Uu, [
+  return o(), l("div", Gu, [
     t.icon ? (o(), y(r, {
       key: 0,
       type: t.icon,
@@ -7934,7 +7947,7 @@ function Yu(e, s, t, a, n, i) {
     ])
   ]);
 }
-const Hy = /* @__PURE__ */ _(Gu, [["render", Yu], ["__scopeId", "data-v-800f5f8e"]]);
+const Hy = /* @__PURE__ */ _(Uu, [["render", Yu], ["__scopeId", "data-v-800f5f8e"]]);
 const Xu = {
   name: "ecs-document-state",
   components: {
@@ -8370,7 +8383,7 @@ function If(e, s, t, a, n, i) {
     onDragover: s[3] || (s[3] = (...C) => i.handleDragOver && i.handleDragOver(...C)),
     onDragenter: s[4] || (s[4] = (...C) => i.handleDragEnter && i.handleDragEnter(...C)),
     onDragleave: s[5] || (s[5] = (...C) => i.handleDragLeave && i.handleDragLeave(...C)),
-    onDrop: s[6] || (s[6] = G((...C) => i.drop && i.drop(...C), ["prevent"])),
+    onDrop: s[6] || (s[6] = U((...C) => i.drop && i.drop(...C), ["prevent"])),
     "aria-busy": i.isBusy || null,
     "aria-invalid": t.error || null
   }, [
@@ -8395,7 +8408,7 @@ function If(e, s, t, a, n, i) {
             D(" Drag and drop your " + x(t.fileTypeLabel) + " or ", 1),
             f("i", {
               onClick: s[1] || (s[1] = (...C) => i.browseFile && i.browseFile(...C)),
-              onKeydown: s[2] || (s[2] = U((...C) => i.browseFile && i.browseFile(...C), ["enter"])),
+              onKeydown: s[2] || (s[2] = G((...C) => i.browseFile && i.browseFile(...C), ["enter"])),
               tabindex: "0"
             }, [
               D("browse"),
@@ -8547,7 +8560,7 @@ const Ef = {
 function Lf(e, s, t, a, n, i) {
   const r = p("ecs-icon"), c = p("ecs-sticker"), d = p("ecs-focus-ring"), g = p("ecs-button-more");
   return o(), l("div", {
-    onClick: s[0] || (s[0] = G((...h) => i.handleClick && i.handleClick(...h), ["stop"])),
+    onClick: s[0] || (s[0] = U((...h) => i.handleClick && i.handleClick(...h), ["stop"])),
     tabindex: "0",
     role: "button",
     class: "ecs-entry-link"
@@ -8584,14 +8597,14 @@ function Lf(e, s, t, a, n, i) {
     }),
     t.moreButton ? (o(), y(g, {
       key: 3,
-      onClick: G(i.handleMoreButtonClick, ["stop"]),
+      onClick: U(i.handleMoreButtonClick, ["stop"]),
       type: "ellipsis",
       title: t.moreButtonTitle,
       "aria-label": t.moreButtonTitle
     }, null, 8, ["onClick", "title", "aria-label"])) : u("", !0)
   ]);
 }
-const Gy = /* @__PURE__ */ _(Ef, [["render", Lf], ["__scopeId", "data-v-00b5ab33"]]);
+const Uy = /* @__PURE__ */ _(Ef, [["render", Lf], ["__scopeId", "data-v-00b5ab33"]]);
 const Of = {
   name: "ecs-excerpt-snippet",
   components: { EcsIcon: M, EcsSkeletonLoader: Ce, EcsFormatted: Rs },
@@ -8728,7 +8741,7 @@ function Wf(e, s, t, a, n, i) {
     ], 4)
   ], 2);
 }
-const Uy = /* @__PURE__ */ _(Of, [["render", Wf], ["__scopeId", "data-v-f582192b"]]), Ky = {
+const Gy = /* @__PURE__ */ _(Of, [["render", Wf], ["__scopeId", "data-v-f582192b"]]), Ky = {
   __name: "fill-icon",
   props: {
     /** The identifier of the icon which should show up. */
@@ -8770,16 +8783,16 @@ const Uy = /* @__PURE__ */ _(Of, [["render", Wf], ["__scopeId", "data-v-f582192b
   }
 }, jf = {
   name: "ecs-file-list"
-}, Gf = {
+}, Uf = {
   class: "ecs-file-list",
   role: "list"
 };
-function Uf(e, s, t, a, n, i) {
-  return o(), l("div", Gf, [
+function Gf(e, s, t, a, n, i) {
+  return o(), l("div", Uf, [
     m(e.$slots, "default")
   ]);
 }
-const Yy = /* @__PURE__ */ _(jf, [["render", Uf]]);
+const Yy = /* @__PURE__ */ _(jf, [["render", Gf]]);
 const Kf = {
   name: "ecs-file-list-item",
   emits: ["click", "remove", "toggled", "title-click"],
@@ -9163,7 +9176,7 @@ function mp(e, s, t, a, n, i) {
   }, [
     f("button", {
       onClick: s[0] || (s[0] = (d) => e.$emit("click", d)),
-      onKeydown: s[1] || (s[1] = U((d) => e.$emit("click", d), ["enter"])),
+      onKeydown: s[1] || (s[1] = G((d) => e.$emit("click", d), ["enter"])),
       title: t.tooltip,
       class: "ecs-input-clear-button",
       "aria-label": "Clear"
@@ -9585,7 +9598,7 @@ const Wp = {
       dismissed: !1
     };
   }
-}, jp = { class: "ecs-toolbar-search" }, Gp = { class: "number" }, Up = { class: "type" }, Kp = { class: "ecs-toolbar-right-section" }, Yp = { class: "ecs-toolbar-right-section" };
+}, jp = { class: "ecs-toolbar-search" }, Up = { class: "number" }, Gp = { class: "type" }, Kp = { class: "ecs-toolbar-right-section" }, Yp = { class: "ecs-toolbar-right-section" };
 function Xp(e, s, t, a, n, i) {
   const r = p("ecs-button-toolbar-group"), c = p("ecs-flex-row"), d = p("ecs-flex-col"), g = p("ecs-toolbar");
   return o(), y(g, { class: "ecs-index-toolbar" }, {
@@ -9608,8 +9621,8 @@ function Xp(e, s, t, a, n, i) {
                 class: "ecs-toolbar-search-results"
               }, {
                 default: w(() => [
-                  f("span", Gp, x(t.count), 1),
-                  f("span", Up, x(t.type), 1)
+                  f("span", Up, x(t.count), 1),
+                  f("span", Gp, x(t.type), 1)
                 ]),
                 _: 1
               })
@@ -9965,7 +9978,7 @@ const hg = {
     "selectCurEntryText",
     "blur"
   ],
-  components: { EcsButtonToolbar: gt, EcsButtonToolbarGroup: Ht },
+  components: { EcsButtonToolbar: mt, EcsButtonToolbarGroup: Ht },
   props: {
     /** Index position of the currently viewed object. */
     currentEntry: {
@@ -10068,7 +10081,7 @@ const bg = {
     "selectSearchResultCount",
     "setSearchResultCount"
   ],
-  components: { EcsButtonToolbar: gt, EcsButtonToolbarGroup: Ht },
+  components: { EcsButtonToolbar: mt, EcsButtonToolbarGroup: Ht },
   props: {
     /** Count of the current object in the given index. */
     currentCount: {
@@ -10673,11 +10686,11 @@ const qg = {
 }, Wg = { class: "ecs-index-layout-contents" }, jg = {
   key: 0,
   class: "ecs-index-layout-table scrollbar"
-}, Gg = {
+}, Ug = {
   key: 2,
   class: "ecs-index-layout-pagination"
 };
-function Ug(e, s, t, a, n, i) {
+function Gg(e, s, t, a, n, i) {
   const r = p("ecs-pane"), c = p("ecs-splitpanes");
   return o(), l("div", {
     class: v(["ecs-index-layout", [t.backgroundWhite ? "background-white" : ""]])
@@ -10717,7 +10730,7 @@ function Ug(e, s, t, a, n, i) {
         })) : (o(), l("div", jg, [
           m(e.$slots, "default", {}, void 0, !0)
         ])),
-        e.$slots.pagination ? (o(), l("div", Gg, [
+        e.$slots.pagination ? (o(), l("div", Ug, [
           m(e.$slots, "pagination", {}, void 0, !0)
         ])) : u("", !0)
       ]),
@@ -10731,7 +10744,7 @@ function Ug(e, s, t, a, n, i) {
     ], 2)
   ], 2);
 }
-const db = /* @__PURE__ */ _(qg, [["render", Ug], ["__scopeId", "data-v-7e2fc186"]]);
+const db = /* @__PURE__ */ _(qg, [["render", Gg], ["__scopeId", "data-v-7e2fc186"]]);
 const Kg = {
   name: "ecs-layout-directory",
   props: {
@@ -10856,13 +10869,13 @@ function cm(e, s, t, a, n, i) {
         ]),
         _: 3
       }),
-      e.$slots.actionbar ? Ge((o(), y(c, { key: 1 }, {
+      e.$slots.actionbar ? Ue((o(), y(c, { key: 1 }, {
         default: w(() => [
           m(e.$slots, "actionbar", {}, void 0, !0)
         ]),
         _: 3
       }, 512)), [
-        [ft, t.showActionbar]
+        [pt, t.showActionbar]
       ]) : u("", !0),
       f("div", am, [
         m(e.$slots, "default", {}, void 0, !0)
@@ -11459,10 +11472,10 @@ const Wm = {
 }, jm = {
   key: 0,
   class: "symbol"
-}, Gm = {
+}, Um = {
   key: 0,
   class: "operator"
-}, Um = ["value"], Km = { class: "query" }, Ym = {
+}, Gm = ["value"], Km = { class: "query" }, Ym = {
   key: 0,
   class: "descriptor"
 };
@@ -11471,7 +11484,7 @@ function Xm(e, s, t, a, n, i) {
   return o(), l("div", {
     class: v(["ecs-multiselect-search-token", i.typeClass]),
     tabindex: "0",
-    onKeydown: s[3] || (s[3] = U((g) => e.$emit("remove", g), ["delete"]))
+    onKeydown: s[3] || (s[3] = G((g) => e.$emit("remove", g), ["delete"]))
   }, [
     t.icon || t.operator || t.operatorSwitch ? (o(), l("div", jm, [
       b(r, {
@@ -11479,7 +11492,7 @@ function Xm(e, s, t, a, n, i) {
         size: "20",
         color: "#FFF"
       }, null, 8, ["type"]),
-      t.operator && !t.operatorSelect && !t.operatorSwitch ? (o(), l("div", Gm, x(t.operator), 1)) : u("", !0),
+      t.operator && !t.operatorSelect && !t.operatorSwitch ? (o(), l("div", Um, x(t.operator), 1)) : u("", !0),
       t.operatorSelect ? (o(), y(c, {
         key: 1,
         onChange: i.handleOperatorChange,
@@ -11491,7 +11504,7 @@ function Xm(e, s, t, a, n, i) {
           (o(!0), l(Z, null, ge(t.operatorSelectOptions, (g) => (o(), l("option", {
             value: g,
             key: g
-          }, x(g), 9, Um))), 128))
+          }, x(g), 9, Gm))), 128))
         ]),
         _: 1
       }, 8, ["onChange", "value"])) : u("", !0),
@@ -11522,7 +11535,7 @@ function Xm(e, s, t, a, n, i) {
       m(e.$slots, "default", {}, void 0, !0),
       f("button", {
         onClick: s[1] || (s[1] = (g) => e.$emit("remove", g)),
-        onKeyup: s[2] || (s[2] = U((g) => e.$emit("remove", g), ["enter"])),
+        onKeyup: s[2] || (s[2] = G((g) => e.$emit("remove", g), ["enter"])),
         class: "remove",
         title: "Remove",
         "aria-label": "Remove"
@@ -11551,7 +11564,7 @@ function Jm(e, s, t, a, n, i) {
   return o(), l("div", {
     class: "ecs-multiselect-token",
     tabindex: "0",
-    onKeydown: s[1] || (s[1] = U((d) => e.$emit("remove", d), ["delete"]))
+    onKeydown: s[1] || (s[1] = G((d) => e.$emit("remove", d), ["delete"]))
   }, [
     m(e.$slots, "default", {}, void 0, !0),
     f("button", {
@@ -11607,7 +11620,7 @@ const kb = /* @__PURE__ */ _(Qm, [["render", th], ["__scopeId", "data-v-ceac7867
 const sh = {
   name: "ecs-overlay",
   emits: ["close", "toggled"],
-  components: { EcsIcon: M, EcsButtonToolbar: gt, EcsAlert: ks },
+  components: { EcsIcon: M, EcsButtonToolbar: mt, EcsAlert: ks },
   props: {
     /** Shows the Overlay. */
     show: {
@@ -12003,13 +12016,13 @@ const yh = {
       this.$emit("updatePage", Number(e));
     }
   }
-}, Gs = (e) => (ve("data-v-ca016e63"), e = e(), _e(), e), bh = /* @__PURE__ */ Gs(() => /* @__PURE__ */ f("span", null, "Page", -1)), kh = ["value", "selected"], xh = {
+}, Us = (e) => (ve("data-v-ca016e63"), e = e(), _e(), e), bh = /* @__PURE__ */ Us(() => /* @__PURE__ */ f("span", null, "Page", -1)), kh = ["value", "selected"], xh = {
   key: 0,
   class: "total"
 }, wh = {
   key: 1,
   class: "ecs-pagination-range"
-}, Sh = { class: "ecs-pagination-tabs" }, Ch = /* @__PURE__ */ Gs(() => /* @__PURE__ */ f("span", null, "Items per page", -1)), Bh = ["value", "selected"];
+}, Sh = { class: "ecs-pagination-tabs" }, Ch = /* @__PURE__ */ Us(() => /* @__PURE__ */ f("span", null, "Items per page", -1)), Bh = ["value", "selected"];
 function zh(e, s, t, a, n, i) {
   const r = p("ecs-button"), c = p("ecs-flex-row"), d = p("ecs-select");
   return o(), l("div", {
@@ -12475,8 +12488,8 @@ const Wh = {
       }
     }
   }
-}, jh = ["aria-busy"], Gh = ["title"];
-function Uh(e, s, t, a, n, i) {
+}, jh = ["aria-busy"], Uh = ["title"];
+function Gh(e, s, t, a, n, i) {
   const r = p("ecs-icon"), c = p("ecs-skeleton-loader");
   return o(), l("div", {
     onClick: s[0] || (s[0] = (d) => e.$emit("click", d)),
@@ -12488,7 +12501,7 @@ function Uh(e, s, t, a, n, i) {
       title: i.labelText
     }, [
       b(r, { type: i.iconType }, null, 8, ["type"])
-    ], 10, Gh),
+    ], 10, Uh),
     t.label ? (o(), l("span", {
       key: 0,
       class: v(["label", t.loading ? "loading" : ""])
@@ -12507,7 +12520,7 @@ function Uh(e, s, t, a, n, i) {
     })) : u("", !0)
   ], 10, jh);
 }
-const Kh = /* @__PURE__ */ _(Wh, [["render", Uh], ["__scopeId", "data-v-359930b9"]]);
+const Kh = /* @__PURE__ */ _(Wh, [["render", Gh], ["__scopeId", "data-v-359930b9"]]);
 const Yh = {
   name: "ecs-quicklinks-link",
   emits: ["click", "input", "toggle"],
@@ -12669,10 +12682,10 @@ const nv = {
       default: 0
     }
   }
-}, ht = (e) => (ve("data-v-37aaedf8"), e = e(), _e(), e), av = {
+}, vt = (e) => (ve("data-v-37aaedf8"), e = e(), _e(), e), av = {
   key: 0,
   class: "ecs-rating-reset"
-}, ov = { class: "ecs-rating-write" }, rv = ["checked"], lv = /* @__PURE__ */ ht(() => /* @__PURE__ */ f("i", null, null, -1)), cv = ["checked"], dv = /* @__PURE__ */ ht(() => /* @__PURE__ */ f("i", null, null, -1)), uv = ["checked"], fv = /* @__PURE__ */ ht(() => /* @__PURE__ */ f("i", null, null, -1)), pv = ["checked"], gv = /* @__PURE__ */ ht(() => /* @__PURE__ */ f("i", null, null, -1));
+}, ov = { class: "ecs-rating-write" }, rv = ["checked"], lv = /* @__PURE__ */ vt(() => /* @__PURE__ */ f("i", null, null, -1)), cv = ["checked"], dv = /* @__PURE__ */ vt(() => /* @__PURE__ */ f("i", null, null, -1)), uv = ["checked"], fv = /* @__PURE__ */ vt(() => /* @__PURE__ */ f("i", null, null, -1)), pv = ["checked"], gv = /* @__PURE__ */ vt(() => /* @__PURE__ */ f("i", null, null, -1));
 function mv(e, s, t, a, n, i) {
   return o(), l("div", {
     class: v(["ecs-rating-form", [t.large ? "ecs-rating-form-lg" : ""]])
@@ -12926,8 +12939,8 @@ function $v(e, s, t, a, n, i) {
   return o(), l("div", {
     onClick: s[0] || (s[0] = (c) => e.$emit("click", c)),
     onKeydown: [
-      s[1] || (s[1] = U(G((c) => e.$emit("click", c), ["prevent"]), ["space"])),
-      s[2] || (s[2] = U(G((c) => e.$emit("click", c), ["prevent"]), ["enter"]))
+      s[1] || (s[1] = G(U((c) => e.$emit("click", c), ["prevent"]), ["space"])),
+      s[2] || (s[2] = G(U((c) => e.$emit("click", c), ["prevent"]), ["enter"]))
     ],
     class: v(["ecs-select-tile", [t.selected ? "ecs-select-tile-selected" : "", t.disabled ? "ecs-select-tile-disabled" : ""]]),
     role: "checkbox",
@@ -13072,7 +13085,7 @@ function Wv(e, s, t, a, n, i) {
   ], 2);
 }
 const jv = /* @__PURE__ */ _(qv, [["render", Wv], ["__scopeId", "data-v-0fe19168"]]);
-const Gv = {
+const Uv = {
   name: "ecs-sidebar",
   components: {
     EcsTabBar: Hv,
@@ -13107,14 +13120,14 @@ const Gv = {
       return this.expanded ? "height: calc(100% - 10px)" : "height:" + (2 + 36 * this.tabCount) + "px";
     }
   }
-}, Uv = { class: "ecs-sidebar-tabs" };
+}, Gv = { class: "ecs-sidebar-tabs" };
 function Kv(e, s, t, a, n, i) {
   const r = p("ecs-tab-bar"), c = p("ecs-tabs");
   return o(), l("aside", {
     class: v(["ecs-sidebar", [i.sizeClass, i.expandClass]]),
     style: B(i.height)
   }, [
-    f("div", Uv, [
+    f("div", Gv, [
       b(r, { type: "sidebar" }, {
         default: w(() => [
           m(e.$slots, "tab-buttons", {}, void 0, !0)
@@ -13130,7 +13143,7 @@ function Kv(e, s, t, a, n, i) {
     })
   ], 6);
 }
-const Lb = /* @__PURE__ */ _(Gv, [["render", Kv], ["__scopeId", "data-v-5e877161"]]);
+const Lb = /* @__PURE__ */ _(Uv, [["render", Kv], ["__scopeId", "data-v-5e877161"]]);
 const Yv = {
   name: "ecs-sidebar-content",
   props: {
@@ -13324,8 +13337,8 @@ function g_(e, s, t, a, n, i) {
       key: r.id,
       onClick: (c) => i.handleItemClick(r),
       onKeydown: [
-        U(G((c) => i.handleItemClick(r), ["prevent"]), ["space"]),
-        U(G((c) => i.handleItemClick(r), ["prevent"]), ["enter"])
+        G(U((c) => i.handleItemClick(r), ["prevent"]), ["space"]),
+        G(U((c) => i.handleItemClick(r), ["prevent"]), ["enter"])
       ],
       role: "radio",
       tabindex: "0",
@@ -13739,7 +13752,7 @@ function q_(e, s, t, a, n, i) {
     ])) : u("", !0)
   ], 10, D_);
 }
-const Gb = /* @__PURE__ */ _(N_, [["render", q_], ["__scopeId", "data-v-9ceb80a6"]]);
+const Ub = /* @__PURE__ */ _(N_, [["render", q_], ["__scopeId", "data-v-9ceb80a6"]]);
 const W_ = {
   name: "ecs-tree-list",
   props: {
@@ -13755,7 +13768,7 @@ const W_ = {
     }
   }
 }, j_ = ["id", "role"];
-function G_(e, s, t, a, n, i) {
+function U_(e, s, t, a, n, i) {
   return o(), l("div", {
     class: "ecs-tree-view-list",
     id: t.id,
@@ -13764,8 +13777,8 @@ function G_(e, s, t, a, n, i) {
     m(e.$slots, "default", {}, void 0, !0)
   ], 8, j_);
 }
-const Ub = /* @__PURE__ */ _(W_, [["render", G_], ["__scopeId", "data-v-b2d4ee72"]]);
-const U_ = {
+const Gb = /* @__PURE__ */ _(W_, [["render", U_], ["__scopeId", "data-v-b2d4ee72"]]);
+const G_ = {
   name: "ecs-tree-list-item",
   emits: ["click", "toggled"],
   components: { EcsIcon: M, EcsButtonCollapse: Os, EcsFocusRing: L },
@@ -13910,8 +13923,8 @@ function J_(e, s, t, a, n, i) {
       role: "treeitem",
       tabindex: i.isSelectable ? "0" : "-1",
       onKeydown: [
-        s[2] || (s[2] = U(G((...g) => i.focusPrevious && i.focusPrevious(...g), ["prevent"]), ["up"])),
-        s[3] || (s[3] = U(G((...g) => i.focusNext && i.focusNext(...g), ["prevent"]), ["down"]))
+        s[2] || (s[2] = G(U((...g) => i.focusPrevious && i.focusPrevious(...g), ["prevent"]), ["up"])),
+        s[3] || (s[3] = G(U((...g) => i.focusNext && i.focusNext(...g), ["prevent"]), ["down"]))
       ]
     }, [
       i.isSelectable ? (o(), y(r, { key: 0 })) : u("", !0),
@@ -13958,7 +13971,7 @@ function J_(e, s, t, a, n, i) {
     ], 10, Z_)) : u("", !0)
   ]);
 }
-const Kb = /* @__PURE__ */ _(U_, [["render", J_], ["__scopeId", "data-v-5ad9b59c"]]);
+const Kb = /* @__PURE__ */ _(G_, [["render", J_], ["__scopeId", "data-v-5ad9b59c"]]);
 const Q_ = {
   name: "ecs-tree-list-headline"
 }, ey = { class: "ecs-tree-view-headline" };
@@ -14131,7 +14144,7 @@ export {
   _y as EcsButtonGroup,
   Ds as EcsButtonMore,
   Fs as EcsButtonTable,
-  gt as EcsButtonToolbar,
+  mt as EcsButtonToolbar,
   Ht as EcsButtonToolbarGroup,
   xy as EcsButtonToolbarIcon,
   wy as EcsCard,
@@ -14161,8 +14174,8 @@ export {
   Wy as EcsDonutChart,
   jy as EcsDropzone,
   mf as EcsEmptyState,
-  Gy as EcsEntryLink,
-  Uy as EcsExcerptSnippet,
+  Uy as EcsEntryLink,
+  Gy as EcsExcerptSnippet,
   ju as EcsFavicon,
   Ls as EcsFileIcon,
   Yy as EcsFileList,
@@ -14249,8 +14262,8 @@ export {
   Wb as EcsToast,
   jb as EcsToasts,
   qp as EcsToolbar,
-  Gb as EcsTranscriptState,
-  Ub as EcsTreeList,
+  Ub as EcsTranscriptState,
+  Gb as EcsTreeList,
   Yb as EcsTreeListHeadline,
   Kb as EcsTreeListItem,
   Xb as EcsTypeConfirmation,