@everchron/ec-shards 8.21.4 → 8.21.5

package/dist/ec-shards.js

@@ -652,18 +652,18 @@ function Fi(e, s, t, a, n, i) {
   ], 2);
 }
 const yy = /* @__PURE__ */ v(Di, [["render", Fi], ["__scopeId", "data-v-9e420152"]]);
-const Hi = {
+const Vi = {
   name: "ecs-breadcrumb-title"
-}, Vi = {
+}, Hi = {
   class: "ecs-breadcrumb-title",
   "aria-current": "page"
 };
 function qi(e, s, t, a, n, i) {
-  return o(), l("div", Vi, [
+  return o(), l("div", Hi, [
     m(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const by = /* @__PURE__ */ v(Hi, [["render", qi], ["__scopeId", "data-v-422cc046"]]);
+const by = /* @__PURE__ */ v(Vi, [["render", qi], ["__scopeId", "data-v-422cc046"]]);
 const Wi = {
   name: "ecs-flex-row",
   props: {
@@ -1103,16 +1103,16 @@ function Ts(e, s) {
 }
 function Rt(e, s) {
   s === void 0 && (s = {});
-  var t = s, a = t.placement, n = a === void 0 ? e.placement : a, i = t.strategy, r = i === void 0 ? e.strategy : i, c = t.boundary, d = c === void 0 ? Ji : c, g = t.rootBoundary, y = g === void 0 ? Bs : g, k = t.elementContext, z = k === void 0 ? Xe : k, I = t.altBoundary, B = I === void 0 ? !1 : I, $ = t.padding, T = $ === void 0 ? 0 : $, O = Ps(typeof T != "number" ? T : Ts(T, it)), R = z === Xe ? Qi : Xe, V = e.rects.popper, P = e.elements[B ? R : z], A = yn(Re(P) ? P : P.contextElement || Me(e.elements.popper), d, y, r), E = We(e.elements.reference), N = Es({
+  var t = s, a = t.placement, n = a === void 0 ? e.placement : a, i = t.strategy, r = i === void 0 ? e.strategy : i, c = t.boundary, d = c === void 0 ? Ji : c, g = t.rootBoundary, y = g === void 0 ? Bs : g, k = t.elementContext, z = k === void 0 ? Xe : k, I = t.altBoundary, B = I === void 0 ? !1 : I, $ = t.padding, T = $ === void 0 ? 0 : $, O = Ps(typeof T != "number" ? T : Ts(T, it)), R = z === Xe ? Qi : Xe, H = e.rects.popper, P = e.elements[B ? R : z], A = yn(Re(P) ? P : P.contextElement || Me(e.elements.popper), d, y, r), E = We(e.elements.reference), N = Es({
     reference: E,
-    element: V,
+    element: H,
     strategy: "absolute",
     placement: n
-  }), F = Et(Object.assign({}, V, N)), H = z === Xe ? F : E, W = {
-    top: A.top - H.top + O.top,
-    bottom: H.bottom - A.bottom + O.bottom,
-    left: A.left - H.left + O.left,
-    right: H.right - A.right + O.right
+  }), F = Et(Object.assign({}, H, N)), V = z === Xe ? F : E, W = {
+    top: A.top - V.top + O.top,
+    bottom: V.bottom - A.bottom + O.bottom,
+    left: A.left - V.left + O.left,
+    right: V.right - A.right + O.right
   }, j = e.modifiersData.offset;
   if (z === Xe && j) {
     var Z = j[n];
@@ -1159,8 +1159,8 @@ function bn(e) {
           reference: Re(c) ? Qe(c) : c.contextElement ? Qe(c.contextElement) : [],
           popper: Qe(d)
         };
-        var V = fn(gn([].concat(a, y.options.modifiers)));
-        return y.orderedModifiers = V.filter(function(P) {
+        var H = fn(gn([].concat(a, y.options.modifiers)));
+        return y.orderedModifiers = H.filter(function(P) {
           return P.enabled;
         }), B(), I.update();
       },
@@ -1171,11 +1171,11 @@ function bn(e) {
       // prefer the async Popper#update method
       forceUpdate: function() {
         if (!z) {
-          var O = y.elements, R = O.reference, V = O.popper;
-          if (as(R, V)) {
+          var O = y.elements, R = O.reference, H = O.popper;
+          if (as(R, H)) {
             y.rects = {
-              reference: Yi(R, st(V), y.options.strategy === "fixed"),
-              popper: At(V)
+              reference: Yi(R, st(H), y.options.strategy === "fixed"),
+              popper: At(H)
             }, y.reset = !1, y.placement = y.options.placement, y.orderedModifiers.forEach(function(W) {
               return y.modifiersData[W.name] = Object.assign({}, W.data);
             });
@@ -1184,11 +1184,11 @@ function bn(e) {
                 y.reset = !1, P = -1;
                 continue;
               }
-              var A = y.orderedModifiers[P], E = A.fn, N = A.options, F = N === void 0 ? {} : N, H = A.name;
+              var A = y.orderedModifiers[P], E = A.fn, N = A.options, F = N === void 0 ? {} : N, V = A.name;
               typeof E == "function" && (y = E({
                 state: y,
                 options: F,
-                name: H,
+                name: V,
                 instance: I
               }) || y);
             }
@@ -1213,13 +1213,13 @@ function bn(e) {
     });
     function B() {
       y.orderedModifiers.forEach(function(T) {
-        var O = T.name, R = T.options, V = R === void 0 ? {} : R, P = T.effect;
+        var O = T.name, R = T.options, H = R === void 0 ? {} : R, P = T.effect;
         if (typeof P == "function") {
           var A = P({
             state: y,
             name: O,
             instance: I,
-            options: V
+            options: H
           }), E = function() {
           };
           k.push(A || E);
@@ -1294,19 +1294,19 @@ function os(e) {
     y: $
   };
   I = T.x, $ = T.y;
-  var O = r.hasOwnProperty("x"), R = r.hasOwnProperty("y"), V = re, P = oe, A = window;
+  var O = r.hasOwnProperty("x"), R = r.hasOwnProperty("y"), H = re, P = oe, A = window;
   if (g) {
     var E = st(t), N = "clientHeight", F = "clientWidth";
     if (E === le(t) && (E = Me(t), Ie(E).position !== "static" && c === "absolute" && (N = "scrollHeight", F = "scrollWidth")), E = E, n === oe || (n === re || n === _e) && i === tt) {
       P = ve;
-      var H = k && E === A && A.visualViewport ? A.visualViewport.height : (
+      var V = k && E === A && A.visualViewport ? A.visualViewport.height : (
         // $FlowFixMe[prop-missing]
         E[N]
       );
-      $ -= H - a.height, $ *= d ? 1 : -1;
+      $ -= V - a.height, $ *= d ? 1 : -1;
     }
     if (n === re || (n === oe || n === ve) && i === tt) {
-      V = _e;
+      H = _e;
       var W = k && E === A && A.visualViewport ? A.visualViewport.width : (
         // $FlowFixMe[prop-missing]
         E[F]
@@ -1325,9 +1325,9 @@ function os(e) {
   };
   if (I = Z.x, $ = Z.y, d) {
     var K;
-    return Object.assign({}, j, (K = {}, K[P] = R ? "0" : "", K[V] = O ? "0" : "", K.transform = (A.devicePixelRatio || 1) <= 1 ? "translate(" + I + "px, " + $ + "px)" : "translate3d(" + I + "px, " + $ + "px, 0)", K));
+    return Object.assign({}, j, (K = {}, K[P] = R ? "0" : "", K[H] = O ? "0" : "", K.transform = (A.devicePixelRatio || 1) <= 1 ? "translate(" + I + "px, " + $ + "px)" : "translate3d(" + I + "px, " + $ + "px, 0)", K));
   }
-  return Object.assign({}, j, (s = {}, s[P] = R ? $ + "px" : "", s[V] = O ? I + "px" : "", s.transform = "", s));
+  return Object.assign({}, j, (s = {}, s[P] = R ? $ + "px" : "", s[H] = O ? I + "px" : "", s.transform = "", s));
 }
 function zn(e) {
   var s = e.state, t = e.options, a = t.gpuAcceleration, n = a === void 0 ? !0 : a, i = t.adaptive, r = i === void 0 ? !0 : i, c = t.roundOffsets, d = c === void 0 ? !0 : c, g = {
@@ -1420,24 +1420,24 @@ function An(e) {
     rootBoundary: g,
     padding: k,
     altBoundary: y
-  }), O = xe(s.placement), R = Ue(s.placement), V = !R, P = Dt(O), A = Ln(P), E = s.modifiersData.popperOffsets, N = s.rects.reference, F = s.rects.popper, H = typeof $ == "function" ? $(Object.assign({}, s.rects, {
+  }), O = xe(s.placement), R = Ue(s.placement), H = !R, P = Dt(O), A = Ln(P), E = s.modifiersData.popperOffsets, N = s.rects.reference, F = s.rects.popper, V = typeof $ == "function" ? $(Object.assign({}, s.rects, {
     placement: s.placement
-  })) : $, W = typeof H == "number" ? {
-    mainAxis: H,
-    altAxis: H
+  })) : $, W = typeof V == "number" ? {
+    mainAxis: V,
+    altAxis: V
   } : Object.assign({
     mainAxis: 0,
     altAxis: 0
-  }, H), j = s.modifiersData.offset ? s.modifiersData.offset[s.placement] : null, Z = {
+  }, V), j = s.modifiersData.offset ? s.modifiersData.offset[s.placement] : null, Z = {
     x: 0,
     y: 0
   };
   if (E) {
     if (i) {
-      var K, Ce = P === "y" ? oe : re, Be = P === "y" ? ve : _e, Y = P === "y" ? "height" : "width", Q = E[P], Ee = Q + T[Ce], ie = Q - T[Be], He = I ? -F[Y] / 2 : 0, J = R === je ? N[Y] : F[Y], ee = R === je ? -F[Y] : -N[Y], Le = s.elements.arrow, Ve = I && Le ? At(Le) : {
+      var K, Ce = P === "y" ? oe : re, Be = P === "y" ? ve : _e, Y = P === "y" ? "height" : "width", Q = E[P], Ee = Q + T[Ce], ie = Q - T[Be], Ve = I ? -F[Y] / 2 : 0, J = R === je ? N[Y] : F[Y], ee = R === je ? -F[Y] : -N[Y], Le = s.elements.arrow, He = I && Le ? At(Le) : {
         width: 0,
         height: 0
-      }, $e = s.modifiersData["arrow#persistent"] ? s.modifiersData["arrow#persistent"].padding : $s(), Ke = $e[Ce], at = $e[Be], Oe = et(0, N[Y], Ve[Y]), _t = V ? N[Y] / 2 - He - Oe - Ke - W.mainAxis : J - Oe - Ke - W.mainAxis, Gs = V ? -N[Y] / 2 + He + Oe + at + W.mainAxis : ee + Oe + at + W.mainAxis, yt = s.elements.arrow && st(s.elements.arrow), Ks = yt ? P === "y" ? yt.clientTop || 0 : yt.clientLeft || 0 : 0, Ut = (K = j == null ? void 0 : j[P]) != null ? K : 0, Ys = Q + _t - Ut - Ks, Xs = Q + Gs - Ut, Gt = et(I ? ut(Ee, Ys) : Ee, Q, I ? Ne(ie, Xs) : ie);
+      }, $e = s.modifiersData["arrow#persistent"] ? s.modifiersData["arrow#persistent"].padding : $s(), Ke = $e[Ce], at = $e[Be], Oe = et(0, N[Y], He[Y]), _t = H ? N[Y] / 2 - Ve - Oe - Ke - W.mainAxis : J - Oe - Ke - W.mainAxis, Gs = H ? -N[Y] / 2 + Ve + Oe + at + W.mainAxis : ee + Oe + at + W.mainAxis, yt = s.elements.arrow && st(s.elements.arrow), Ks = yt ? P === "y" ? yt.clientTop || 0 : yt.clientLeft || 0 : 0, Ut = (K = j == null ? void 0 : j[P]) != null ? K : 0, Ys = Q + _t - Ut - Ks, Xs = Q + Gs - Ut, Gt = et(I ? ut(Ee, Ys) : Ee, Q, I ? Ne(ie, Xs) : ie);
       E[P] = Gt, Z[P] = Gt - Q;
     }
     if (c) {
@@ -1494,17 +1494,17 @@ function Fn(e, s) {
     return I[B] - I[$];
   });
 }
-function Hn(e) {
+function Vn(e) {
   if (xe(e) === Nt)
     return [];
   var s = dt(e);
   return [rs(e), s, rs(s)];
 }
-function Vn(e) {
+function Hn(e) {
   var s = e.state, t = e.options, a = e.name;
   if (!s.modifiersData[a]._skip) {
-    for (var n = t.mainAxis, i = n === void 0 ? !0 : n, r = t.altAxis, c = r === void 0 ? !0 : r, d = t.fallbackPlacements, g = t.padding, y = t.boundary, k = t.rootBoundary, z = t.altBoundary, I = t.flipVariations, B = I === void 0 ? !0 : I, $ = t.allowedAutoPlacements, T = s.options.placement, O = xe(T), R = O === T, V = d || (R || !B ? [dt(T)] : Hn(T)), P = [T].concat(V).reduce(function(Ve, $e) {
-      return Ve.concat(xe($e) === Nt ? Fn(s, {
+    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, y = t.boundary, k = t.rootBoundary, z = t.altBoundary, I = t.flipVariations, B = I === void 0 ? !0 : I, $ = t.allowedAutoPlacements, T = s.options.placement, O = xe(T), R = O === T, H = d || (R || !B ? [dt(T)] : Vn(T)), P = [T].concat(H).reduce(function(He, $e) {
+      return He.concat(xe($e) === Nt ? Fn(s, {
         placement: $e,
         boundary: y,
         rootBoundary: k,
@@ -1512,7 +1512,7 @@ function Vn(e) {
         flipVariations: B,
         allowedAutoPlacements: $
       }) : $e);
-    }, []), A = s.rects.reference, E = s.rects.popper, N = /* @__PURE__ */ new Map(), F = !0, H = P[0], W = 0; W < P.length; W++) {
+    }, []), A = s.rects.reference, E = s.rects.popper, N = /* @__PURE__ */ new Map(), F = !0, V = P[0], W = 0; W < P.length; W++) {
       var j = P[W], Z = xe(j), K = Ue(j) === je, Ce = [oe, ve].indexOf(Z) >= 0, Be = Ce ? "width" : "height", Y = Rt(s, {
         placement: j,
         boundary: y,
@@ -1522,16 +1522,16 @@ function Vn(e) {
       }), Q = Ce ? K ? _e : re : K ? ve : oe;
       A[Be] > E[Be] && (Q = dt(Q));
       var Ee = dt(Q), ie = [];
-      if (i && ie.push(Y[Z] <= 0), c && ie.push(Y[Q] <= 0, Y[Ee] <= 0), ie.every(function(Ve) {
-        return Ve;
+      if (i && ie.push(Y[Z] <= 0), c && ie.push(Y[Q] <= 0, Y[Ee] <= 0), ie.every(function(He) {
+        return He;
       })) {
-        H = j, F = !1;
+        V = j, F = !1;
         break;
       }
       N.set(j, ie);
     }
     if (F)
-      for (var He = B ? 3 : 1, J = function($e) {
+      for (var Ve = B ? 3 : 1, J = function($e) {
         var Ke = P.find(function(at) {
           var Oe = N.get(at);
           if (Oe)
@@ -1540,20 +1540,20 @@ function Vn(e) {
             });
         });
         if (Ke)
-          return H = Ke, "break";
-      }, ee = He; ee > 0; ee--) {
+          return V = Ke, "break";
+      }, ee = Ve; ee > 0; ee--) {
         var Le = J(ee);
         if (Le === "break")
           break;
       }
-    s.placement !== H && (s.modifiersData[a]._skip = !0, s.placement = H, s.reset = !0);
+    s.placement !== V && (s.modifiersData[a]._skip = !0, s.placement = V, s.reset = !0);
   }
 }
 const qn = {
   name: "flip",
   enabled: !0,
   phase: "main",
-  fn: Vn,
+  fn: Hn,
   requiresIfExists: ["offset"],
   data: {
     _skip: !1
@@ -1592,7 +1592,7 @@ var Gn = function(s, t) {
 function Kn(e) {
   var s, t = e.state, a = e.name, n = e.options, i = t.elements.arrow, r = t.modifiersData.popperOffsets, c = xe(t.placement), d = Dt(c), g = [re, _e].indexOf(c) >= 0, y = g ? "height" : "width";
   if (!(!i || !r)) {
-    var k = Gn(n.padding, t), z = At(i), I = d === "y" ? oe : re, B = d === "y" ? ve : _e, $ = t.rects.reference[y] + t.rects.reference[d] - r[d] - t.rects.popper[y], T = r[d] - t.rects.reference[d], O = st(i), R = O ? d === "y" ? O.clientHeight || 0 : O.clientWidth || 0 : 0, V = $ / 2 - T / 2, P = k[I], A = R - z[y] - k[B], E = R / 2 - z[y] / 2 + V, N = et(P, E, A), F = d;
+    var k = Gn(n.padding, t), z = At(i), I = d === "y" ? oe : re, B = d === "y" ? ve : _e, $ = t.rects.reference[y] + t.rects.reference[d] - r[d] - t.rects.popper[y], T = r[d] - t.rects.reference[d], O = st(i), R = O ? d === "y" ? O.clientHeight || 0 : O.clientWidth || 0 : 0, H = $ / 2 - T / 2, P = k[I], A = R - z[y] - k[B], E = R / 2 - z[y] / 2 + H, N = et(P, E, A), F = d;
     t.modifiersData[a] = (s = {}, s[F] = N, s.centerOffset = N - E, s);
   }
 }
@@ -1854,22 +1854,22 @@ const na = ["aria-open"], aa = {
       disableClickAway: T,
       disabled: O,
       interactive: R,
-      locked: V,
+      locked: H,
       offsetDistance: P,
       offsetSkid: A,
       openDelay: E,
       placement: N,
       show: F
-    } = bs(n), { isOpen: H, open: W, close: j } = Zn({
+    } = bs(n), { isOpen: V, open: W, close: j } = Zn({
       arrowPadding: I,
       emit: t,
-      locked: V,
+      locked: H,
       offsetDistance: P,
       offsetSkid: A,
       placement: N,
       popperNode: d,
       triggerNode: g
-    }), Z = ke(() => F.value !== null), K = ke(() => O.value || !k.value), Ce = ke(() => H.value && !K.value), Be = ke(
+    }), Z = ke(() => F.value !== null), K = ke(() => O.value || !k.value), Ce = ke(() => V.value && !K.value), Be = ke(
       () => !T.value && !Z.value
     );
     ke(
@@ -1879,12 +1879,12 @@ const na = ["aria-open"], aa = {
       K.value || Z.value || (Q.clear(), c.value = !0, Y());
     }, ie = async () => {
       Z.value || (Y.clear(), c.value = !1, Q());
-    }, He = () => {
-      H.value ? ie() : Ee();
+    }, Ve = () => {
+      V.value ? ie() : Ee();
     };
     return ce([k, O], ([J, ee]) => {
-      H.value && (!J || ee) && j();
-    }), ce(H, (J) => {
+      V.value && (!J || ee) && j();
+    }), ce(V, (J) => {
       J ? y.value = !0 : xt.debounce(() => {
         y.value = !1;
       }, 200);
@@ -1907,7 +1907,7 @@ const na = ["aria-open"], aa = {
         ref_key: "triggerNode",
         ref: g,
         onMouseover: ee[0] || (ee[0] = (Le) => e.hover && Ee()),
-        onClick: He,
+        onClick: Ve,
         onFocus: Ee,
         onKeyup: G(ie, ["esc"]),
         "aria-describedby": r,
@@ -2287,7 +2287,7 @@ function ya(e, s, t, a, n, i) {
     _: 3
   }, 8, ["class"]);
 }
-const Ht = /* @__PURE__ */ v(ha, [["render", ya], ["__scopeId", "data-v-c0f055a3"]]);
+const Vt = /* @__PURE__ */ v(ha, [["render", ya], ["__scopeId", "data-v-c0f055a3"]]);
 const ba = {
   name: "ecs-radiobutton",
   emits: ["input", "change"],
@@ -2486,7 +2486,7 @@ const Ca = {
   },
   watch: {
     value() {
-      this.checked = !!this.value, console.log("w:value in shards switch", this.value, this.checked);
+      this.checked = !!this.value;
     },
     valueFalse() {
       this.checked || this.$emit("input", this.valueWhenFalse);
@@ -2503,7 +2503,7 @@ const Ca = {
   created() {
     this.switchId = this.generateUniqueId();
   }
-}, Ba = (e) => (ye("data-v-80ce1ada"), e = e(), be(), e), za = { class: "ecs-switch-wrapper" }, Ia = ["aria-checked"], Ea = ["id", "name", "required", "disabled", "checked"], $a = { class: "ecs-slide-switch" }, Pa = /* @__PURE__ */ Ba(() => /* @__PURE__ */ f("div", { class: "indeterminate" }, null, -1)), Ta = ["for"];
+}, Ba = (e) => (ye("data-v-de55e54f"), e = e(), be(), e), za = { class: "ecs-switch-wrapper" }, Ia = ["aria-checked"], Ea = ["id", "name", "required", "disabled", "checked"], $a = { class: "ecs-slide-switch" }, Pa = /* @__PURE__ */ Ba(() => /* @__PURE__ */ f("div", { class: "indeterminate" }, null, -1)), Ta = ["for"];
 function Ma(e, s, t, a, n, i) {
   const r = p("ecs-focus-ring");
   return o(), l("div", za, [
@@ -2541,7 +2541,7 @@ function Ma(e, s, t, a, n, i) {
     ], 8, Ta)) : u("", !0)
   ]);
 }
-const Ls = /* @__PURE__ */ v(Ca, [["render", Ma], ["__scopeId", "data-v-80ce1ada"]]);
+const Ls = /* @__PURE__ */ v(Ca, [["render", Ma], ["__scopeId", "data-v-de55e54f"]]);
 const La = {
   name: "ecs-sortbutton",
   emits: ["click"],
@@ -2718,7 +2718,7 @@ const Ra = {
   mounted() {
     this.iconOnly && (!this.ariaLabel || this.ariaLabel.trim());
   }
-}, Fa = (e) => (ye("data-v-13959c49"), e = e(), be(), e), Ha = ["href", "target", "aria-label", "aria-busy"], Va = ["aria-label", "aria-busy"], qa = /* @__PURE__ */ Fa(() => /* @__PURE__ */ f("svg", {
+}, Fa = (e) => (ye("data-v-13959c49"), e = e(), be(), e), Va = ["href", "target", "aria-label", "aria-busy"], Ha = ["aria-label", "aria-busy"], qa = /* @__PURE__ */ Fa(() => /* @__PURE__ */ f("svg", {
   width: "8",
   height: "6",
   viewBox: "0 0 8 6",
@@ -2765,7 +2765,7 @@ function Wa(e, s, t, a, n, i) {
       inset: t.focusInset,
       danger: t.type == "danger" || t.type == "danger-vibrant"
     }, null, 8, ["inset", "danger"])
-  ], 42, Ha)) : t.addon ? (o(), l("button", {
+  ], 42, Va)) : t.addon ? (o(), l("button", {
     key: 2,
     "aria-label": "More",
     class: _(["ecs-button ecs-button-addon", [
@@ -2807,13 +2807,13 @@ function Wa(e, s, t, a, n, i) {
       inset: t.focusInset,
       danger: t.type == "danger" || t.type == "danger-vibrant"
     }, null, 8, ["inset", "danger"])
-  ], 42, Va));
+  ], 42, Ha));
 }
 const Se = /* @__PURE__ */ v(Ra, [["render", Wa], ["__scopeId", "data-v-13959c49"]]);
 const ja = {
   name: "ecs-popover-list-item",
   emits: ["click", "input", "change", "secondaryClick"],
-  components: { EcsCheckbox: Ht, EcsRadiobutton: Sa, EcsSwitch: Ls, EcsSortbutton: Da, EcsIcon: M, EcsFileIcon: Os, EcsButton: Se, EcsFocusRing: L },
+  components: { EcsCheckbox: Vt, EcsRadiobutton: Sa, EcsSwitch: Ls, EcsSortbutton: Da, EcsIcon: M, EcsFileIcon: Os, EcsButton: Se, EcsFocusRing: L },
   props: {
     /** Determines the type of popover list item.*/
     type: {
@@ -3432,7 +3432,7 @@ const _o = /* @__PURE__ */ v(ho, [["render", vo], ["__scopeId", "data-v-6c95c339
 const yo = {
   name: "ecs-bulk-selector",
   emits: ["select", "families", "checked", "popover-shown", "popover-hidden"],
-  components: { EcsFlexRow: Te, EcsPopover: Ms, EcsPopoverList: ua, EcsPopoverListItem: uo, EcsButtonToolbar: mt, EcsCheckbox: Ht, EcsSeparator: _o },
+  components: { EcsFlexRow: Te, EcsPopover: Ms, 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: {
@@ -3643,7 +3643,7 @@ function zo(e, s, t, a, n, i) {
     b(r)
   ], 10, Bo);
 }
-const Vt = /* @__PURE__ */ v(Co, [["render", zo], ["__scopeId", "data-v-c7222f39"]]);
+const Ht = /* @__PURE__ */ v(Co, [["render", zo], ["__scopeId", "data-v-c7222f39"]]);
 function ft(e) {
   "@babel/helpers - typeof";
   return ft = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(s) {
@@ -3794,7 +3794,7 @@ S.prototype = {
     return this._applyModification(No, arguments);
   },
   spin: function() {
-    return this._applyModification(Ho, arguments);
+    return this._applyModification(Vo, arguments);
   },
   _applyCombination: function(s, t) {
     return s.apply(null, [this].concat([].slice.call(t)));
@@ -3803,7 +3803,7 @@ S.prototype = {
     return this._applyCombination(Wo, arguments);
   },
   complement: function() {
-    return this._applyCombination(Vo, arguments);
+    return this._applyCombination(Ho, arguments);
   },
   monochromatic: function() {
     return this._applyCombination(jo, arguments);
@@ -3981,11 +3981,11 @@ function Fo(e, s) {
   var t = S(e).toHsl();
   return t.l -= s / 100, t.l = ht(t.l), S(t);
 }
-function Ho(e, s) {
+function Vo(e, s) {
   var t = S(e).toHsl(), a = (t.h + s) % 360;
   return t.h = a < 0 ? 360 + a : a, S(t);
 }
-function Vo(e) {
+function Ho(e) {
   var s = S(e).toHsl();
   return s.h = (s.h + 180) % 360, S(s);
 }
@@ -4889,7 +4889,7 @@ var Er = Wt.clickOutSide = {
 }, $r = Wt.default = Er;
 const Pr = {
   name: "ecs-context-menu",
-  emits: ["option-clicked", "menu-closed", "menu-opened"],
+  emits: ["option-clicked", "menu-closed"],
   components: { EcsIcon: M, EcsFocusRing: L, EcsButton: Se },
   directives: {
     clickOutSide: $r
@@ -5052,7 +5052,7 @@ function Or(e, s, t, a, n, i) {
     [g, i.onClickOutside]
   ]);
 }
-const Ey = /* @__PURE__ */ v(Pr, [["render", Or], ["__scopeId", "data-v-68234afa"]]);
+const Ey = /* @__PURE__ */ v(Pr, [["render", Or], ["__scopeId", "data-v-7a99d0e5"]]);
 const Ar = {
   name: "ecs-collapse",
   emits: ["toggled", "remove"],
@@ -5160,8 +5160,8 @@ const Ar = {
 }, Fr = {
   key: 0,
   class: "ecs-collapsable-headline-controls"
-}, Hr = ["id", "aria-hidden"];
-function Vr(e, s, t, a, n, i) {
+}, Vr = ["id", "aria-hidden"];
+function Hr(e, s, t, a, n, i) {
   const r = p("ecs-button"), c = p("ecs-flex-row"), d = p("ecs-focus-ring");
   return o(), l("div", {
     class: _(["ecs-collapsable", [
@@ -5218,10 +5218,10 @@ function Vr(e, s, t, a, n, i) {
       }, [
         m(e.$slots, "default", {}, void 0, !0)
       ], 2)
-    ], 10, Hr)
+    ], 10, Vr)
   ], 2);
 }
-const $y = /* @__PURE__ */ v(Ar, [["render", Vr], ["__scopeId", "data-v-b2ce05ee"]]);
+const $y = /* @__PURE__ */ v(Ar, [["render", Hr], ["__scopeId", "data-v-b2ce05ee"]]);
 const qr = {
   name: "ecs-collection-control",
   emits: ["toggled", "collectionTooltip"],
@@ -5755,7 +5755,7 @@ function El(e) {
   var s = typeof e;
   return e != null && (s == "object" || s == "function");
 }
-var jt = El, $l = typeof rt == "object" && rt && rt.Object === Object && rt, Pl = $l, Tl = Pl, Ml = typeof self == "object" && self && self.Object === Object && self, Ll = Tl || Ml || Function("return this")(), Hs = Ll, Ol = Hs, Al = function() {
+var jt = El, $l = typeof rt == "object" && rt && rt.Object === Object && rt, Pl = $l, Tl = Pl, Ml = typeof self == "object" && self && self.Object === Object && self, Ll = Tl || Ml || Function("return this")(), Vs = Ll, Ol = Vs, Al = function() {
   return Ol.Date.now();
 }, Nl = Al, Dl = /\s/;
 function Rl(e) {
@@ -5763,11 +5763,11 @@ function Rl(e) {
     ;
   return s;
 }
-var Fl = Rl, Hl = Fl, Vl = /^\s+/;
+var Fl = Rl, Vl = Fl, Hl = /^\s+/;
 function ql(e) {
-  return e && e.slice(0, Hl(e) + 1).replace(Vl, "");
+  return e && e.slice(0, Vl(e) + 1).replace(Hl, "");
 }
-var Wl = ql, jl = Hs, Ul = jl.Symbol, Vs = Ul, gs = Vs, qs = Object.prototype, Gl = qs.hasOwnProperty, Kl = qs.toString, Ze = gs ? gs.toStringTag : void 0;
+var Wl = ql, jl = Vs, Ul = jl.Symbol, Hs = Ul, gs = Hs, qs = Object.prototype, Gl = qs.hasOwnProperty, Kl = qs.toString, Ze = gs ? gs.toStringTag : void 0;
 function Yl(e) {
   var s = Gl.call(e, Ze), t = e[Ze];
   try {
@@ -5782,7 +5782,7 @@ var Xl = Yl, Zl = Object.prototype, Jl = Zl.toString;
 function Ql(e) {
   return Jl.call(e);
 }
-var ec = Ql, ms = Vs, tc = Xl, sc = ec, ic = "[object Null]", nc = "[object Undefined]", hs = ms ? ms.toStringTag : void 0;
+var ec = Ql, ms = Hs, tc = Xl, sc = ec, ic = "[object Null]", nc = "[object Undefined]", hs = ms ? ms.toStringTag : void 0;
 function ac(e) {
   return e == null ? e === void 0 ? nc : ic : hs && hs in Object(e) ? tc(e) : sc(e);
 }
@@ -5824,8 +5824,8 @@ function Bc(e, s, t) {
     return g = E, c = setTimeout(O, s), y ? I(E) : r;
   }
   function $(E) {
-    var N = E - d, F = E - g, H = s - N;
-    return k ? Cc(H, i - F) : H;
+    var N = E - d, F = E - g, V = s - N;
+    return k ? Cc(V, i - F) : V;
   }
   function T(E) {
     var N = E - d, F = E - g;
@@ -5840,7 +5840,7 @@ function Bc(e, s, t) {
   function R(E) {
     return c = void 0, z && a ? I(E) : (a = n = void 0, r);
   }
-  function V() {
+  function H() {
     c !== void 0 && clearTimeout(c), g = 0, a = d = n = c = void 0;
   }
   function P() {
@@ -5856,7 +5856,7 @@ function Bc(e, s, t) {
     }
     return c === void 0 && (c = setTimeout(O, s)), r;
   }
-  return A.cancel = V, A.flush = P, A;
+  return A.cancel = H, A.flush = P, A;
 }
 var zc = Bc, Ic = zc, Ec = jt, $c = "Expected a function";
 function Pc(e, s, t) {
@@ -5950,7 +5950,7 @@ function Rc(e, s, t, a, n, i) {
   ], 36);
 }
 const Fc = /* @__PURE__ */ v(Lc, [["render", Rc]]);
-const Hc = {
+const Vc = {
   name: "Hue",
   props: {
     modelValue: Object,
@@ -6016,7 +6016,7 @@ const Hc = {
       window.removeEventListener("mousemove", this.handleChange), window.removeEventListener("mouseup", this.handleMouseUp);
     }
   }
-}, Vc = ["aria-valuenow"], qc = /* @__PURE__ */ f("div", { class: "ecs-hue-picker" }, null, -1), Wc = [
+}, Hc = ["aria-valuenow"], qc = /* @__PURE__ */ f("div", { class: "ecs-hue-picker" }, null, -1), Wc = [
   qc
 ];
 function jc(e, s, t, a, n, i) {
@@ -6039,10 +6039,10 @@ function jc(e, s, t, a, n, i) {
         style: C({ top: i.pointerTop, left: i.pointerLeft }),
         role: "presentation"
       }, Wc, 4)
-    ], 40, Vc)
+    ], 40, Hc)
   ], 2);
 }
-const Uc = /* @__PURE__ */ v(Hc, [["render", jc]]);
+const Uc = /* @__PURE__ */ v(Vc, [["render", jc]]);
 const Bt = {}, Gc = {
   name: "Checkboard",
   props: {
@@ -6713,7 +6713,7 @@ const Nd = {
   key: 2,
   class: "ecs-data-grid-pagination"
 };
-function Hd(e, s, t, a, n, i) {
+function Vd(e, s, t, a, n, i) {
   return o(), l("div", {
     onScroll: s[0] || (s[0] = (...r) => i.tableScroll && i.tableScroll(...r)),
     ref: "dataGridScroller",
@@ -6748,10 +6748,10 @@ function Hd(e, s, t, a, n, i) {
     ])) : u("", !0)
   ], 42, Dd);
 }
-const Ny = /* @__PURE__ */ v(Nd, [["render", Hd], ["__scopeId", "data-v-a756fba8"]]);
-const Vd = {
+const Ny = /* @__PURE__ */ v(Nd, [["render", Vd], ["__scopeId", "data-v-a756fba8"]]);
+const Hd = {
   name: "ecs-data-grid-row",
-  emits: ["rowdrop", "click", "collapse", "contextmenu", "dblclick"],
+  emits: ["rowdrop", "click", "collapse"],
   props: {
     /** Determines the state of the table row. */
     state: {
@@ -6765,13 +6765,11 @@ const Vd = {
       validator: (e) => ["default", "header"].includes(e),
       default: "default"
     },
-    /** Determines if listener should be added for listed mouse event. Allowed values (eiter as String, or as values in an Array): `click`, `contextmenu`, `dblclick` */
+    /** Determines if listener should be added for listed mouse event. */
     mouseEvent: {
-      type: [String, Array],
-      validator: (e) => {
-        const s = ["", "click", "contextmenu", "dblclick"];
-        return Array.isArray(e) ? e.every((t) => s.includes(t)) : s.includes(e);
-      },
+      type: String,
+      // type: Array,
+      validator: (e) => ["", "click", "contextmenu"].includes(e),
       default: ""
     },
     /** Determines if the row should have clickable styles. */
@@ -6784,19 +6782,15 @@ const Vd = {
     handleDropzoneClick() {
       this.$emit("rowdrop");
     },
-    handleRowClick(e) {
-      Array.isArray(this.mouseEvent) ? e.type === "click" ? this.$emit("click", e) : e.type === "contextmenu" ? this.$emit("contextmenu", e) : e.type === "dblclick" && this.$emit("dblclick", e) : this.$emit(this.mouseEvent, e), e.preventDefault(), e.stopPropagation();
+    handleRowClick(e, s) {
+      console.log("handleRowClick", e, s), this.$emit("click", e), e.preventDefault(), e.stopPropagation();
     }
   },
   mounted() {
-    this.mouseEvent && (console.log("m()", this.mouseEvent), Array.isArray(this.mouseEvent) ? this.mouseEvent.forEach((e) => {
-      this.$refs.grid_row.addEventListener(e, this.handleRowClick);
-    }) : this.$refs.grid_row.addEventListener(this.mouseEvent, this.handleRowClick));
+    this.mouseEvent && this.$refs.grid_row.addEventListener(this.mouseEvent, this.handleRowClick);
   },
   beforeUnmount() {
-    this.mouseEvent && (Array.isArray(this.mouseEvent) ? this.mouseEvent.forEach((e) => {
-      this.$refs.grid_row.removeEventListener(e, this.handleRowClick);
-    }) : this.$refs.grid_row.removeEventListener(this.mouseEvent, this.handleRowClick));
+    this.mouseEvent && this.$refs.grid_row.removeEventListener(this.mouseEvent, this.handleRowClick);
   }
 }, qd = {
   key: 1,
@@ -6817,7 +6811,7 @@ function Wd(e, s, t, a, n, i) {
     m(e.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-const jd = /* @__PURE__ */ v(Vd, [["render", Wd], ["__scopeId", "data-v-5f976d3a"]]);
+const jd = /* @__PURE__ */ v(Hd, [["render", Wd], ["__scopeId", "data-v-c12bfe1e"]]);
 const Ud = {
   name: "ecs-data-grid-row-group",
   components: {
@@ -7366,7 +7360,7 @@ const bu = {
   name: "ecs-data-grid-cell",
   emits: ["collapse"],
   components: {
-    EcsButtonCollapse: Vt
+    EcsButtonCollapse: Ht
   },
   props: {
     /** Column identifier for the cell. The `column` is used to perform resize actions (needs to match `id` or `name` of corresponding EcsDataGridHeadCell), automatically set data-test attributes, etc. */
@@ -7528,7 +7522,7 @@ function zu(e, s, t, a, n, i) {
     t.fixedLeftLast ? (o(), l("div", Bu)) : u("", !0)
   ], 6);
 }
-const Hy = /* @__PURE__ */ v(bu, [["render", zu], ["__scopeId", "data-v-4deed396"]]), Iu = {
+const Vy = /* @__PURE__ */ v(bu, [["render", zu], ["__scopeId", "data-v-4deed396"]]), Iu = {
   name: "ecs-data-list"
 }, Eu = {
   class: "ecs-data-list",
@@ -7539,7 +7533,7 @@ function $u(e, s, t, a, n, i) {
     m(e.$slots, "default")
   ]);
 }
-const Vy = /* @__PURE__ */ v(Iu, [["render", $u]]);
+const Hy = /* @__PURE__ */ v(Iu, [["render", $u]]);
 const Pu = {
   name: "ecs-data-list-item",
   emits: ["toggled"],
@@ -7878,11 +7872,11 @@ const Fu = {
       }, null, 8, ["height", "width", "data-test-icon-type"]))
     ], 6));
   }
-}, Hu = /* @__PURE__ */ v(Fu, [["__scopeId", "data-v-1e68bf26"]]);
-const Vu = {
+}, Vu = /* @__PURE__ */ v(Fu, [["__scopeId", "data-v-1e68bf26"]]);
+const Hu = {
   name: "ecs-dialog-header",
   components: {
-    EcsStateIcon: Hu
+    EcsStateIcon: Vu
   },
   props: {
     /** Adds an icon to the dialog header. The prop value must match a specific icons name. The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). Only icons prefixed with `dialog` should be used here. */
@@ -7918,7 +7912,7 @@ function ju(e, s, t, a, n, i) {
     ]))
   ]);
 }
-const jy = /* @__PURE__ */ v(Vu, [["render", ju], ["__scopeId", "data-v-6e05c98b"]]), Uu = {
+const jy = /* @__PURE__ */ v(Hu, [["render", ju], ["__scopeId", "data-v-6e05c98b"]]), Uu = {
   __name: "favicon",
   props: {
     /** The identifier of the favicon which should show up. */
@@ -8734,7 +8728,7 @@ const Af = {
 }, Nf = { class: "ecs-excerpt-title" }, Df = { class: "ecs-excerpt-title-headline" }, Rf = { key: 3 }, Ff = {
   key: 0,
   class: "ecs-excerpt-title-cite"
-}, Hf = { key: 1 }, Vf = {
+}, Vf = { key: 1 }, Hf = {
   key: 1,
   class: "ecs-excerpt-content-transcript"
 }, qf = {
@@ -8773,7 +8767,7 @@ function jf(e, s, t, a, n, i) {
           key: 0,
           type: "single",
           width: 100
-        })) : (o(), l("span", Hf, x(t.cite), 1))
+        })) : (o(), l("span", Vf, x(t.cite), 1))
       ])) : u("", !0)
     ]),
     f("div", {
@@ -8793,7 +8787,7 @@ function jf(e, s, t, a, n, i) {
             m(e.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
-        }, 8, ["small"])) : t.type == "transcript" ? (o(), l("div", Vf, [
+        }, 8, ["small"])) : t.type == "transcript" ? (o(), l("div", Hf, [
           m(e.$slots, "default", {}, void 0, !0)
         ])) : t.type == "rectangle" ? (o(), l("div", qf, [
           f("span", {
@@ -9622,7 +9616,7 @@ function Fp(e, s, t, a, n, i) {
   ], 10, Dp);
 }
 const nb = /* @__PURE__ */ v(Np, [["render", Fp], ["__scopeId", "data-v-c9188464"]]);
-const Hp = {
+const Vp = {
   name: "ecs-highlight",
   props: {
     /** Makes the highlight area visible. */
@@ -9693,7 +9687,7 @@ const Hp = {
     }
   }
 };
-function Vp(e, s, t, a, n, i) {
+function Hp(e, s, t, a, n, i) {
   return o(), h(me, {
     name: "fade",
     appear: ""
@@ -9710,7 +9704,7 @@ function Vp(e, s, t, a, n, i) {
     _: 3
   });
 }
-const ab = /* @__PURE__ */ v(Hp, [["render", Vp], ["__scopeId", "data-v-48ec2945"]]);
+const ab = /* @__PURE__ */ v(Vp, [["render", Hp], ["__scopeId", "data-v-48ec2945"]]);
 const qp = {
   name: "ecs-toolbar",
   props: {
@@ -10408,7 +10402,7 @@ const Eg = {
   key: 1,
   class: "ecs-viewer-pages-pagination"
 }, Rg = ["innerHTML"], Fg = { class: "total-pages" };
-function Hg(e, s, t, a, n, i) {
+function Vg(e, s, t, a, n, i) {
   return o(), l("div", $g, [
     f("div", Pg, [
       i.showAltPageNumbers ? (o(), l(X, { key: 0 }, [
@@ -10443,7 +10437,7 @@ function Hg(e, s, t, a, n, i) {
     ])
   ]);
 }
-const gb = /* @__PURE__ */ v(Eg, [["render", Hg], ["__scopeId", "data-v-0346f2c1"]]), Vg = {
+const gb = /* @__PURE__ */ v(Eg, [["render", Vg], ["__scopeId", "data-v-0346f2c1"]]), Hg = {
   // eslint-disable-next-line vue/multi-word-component-names
   name: "ecs-pane",
   inject: ["requestUpdate", "onPaneAdd", "onPaneRemove", "onPaneClick"],
@@ -10502,7 +10496,7 @@ function qg(e, s, t, a, n, i) {
     m(e.$slots, "default")
   ], 4);
 }
-const Wg = /* @__PURE__ */ v(Vg, [["render", qg]]);
+const Wg = /* @__PURE__ */ v(Hg, [["render", qg]]);
 const jg = {
   // eslint-disable-next-line vue/multi-word-component-names
   name: "ecs-splitpanes",
@@ -11441,18 +11435,18 @@ const Dm = {
 }, Rm = { class: "ecs-modal-footer" }, Fm = {
   key: 0,
   class: "ecs-modal-footer-secondary"
-}, Hm = { class: "ecs-modal-footer-main" };
-function Vm(e, s, t, a, n, i) {
+}, Vm = { class: "ecs-modal-footer-main" };
+function Hm(e, s, t, a, n, i) {
   return o(), l("div", Rm, [
     e.$slots.secondary ? (o(), l("div", Fm, [
       m(e.$slots, "secondary", {}, void 0, !0)
     ])) : u("", !0),
-    f("div", Hm, [
+    f("div", Vm, [
       m(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const wb = /* @__PURE__ */ v(Dm, [["render", Vm], ["__scopeId", "data-v-ac286496"]]);
+const wb = /* @__PURE__ */ v(Dm, [["render", Hm], ["__scopeId", "data-v-ac286496"]]);
 const qm = {
   name: "ecs-select-text",
   emits: ["change", "focus", "blur"],
@@ -12482,7 +12476,7 @@ const $b = /* @__PURE__ */ v(Lh, [["render", Rh], ["__scopeId", "data-v-85fef203
 const Fh = {
   name: "EcsPopoverListHeadline",
   components: {
-    EcsButtonCollapse: Vt
+    EcsButtonCollapse: Ht
   },
   props: {
     /** Turns the popover list headline into a sticky headline. This means it will always stay fixed at the top of a scroll container until another popover list headline reaches the top. */
@@ -12520,11 +12514,11 @@ const Fh = {
       this.isCollapsed = !this.isCollapsed, this.$emit("toggle", this.isCollapsed);
     }
   }
-}, Hh = {
+}, Vh = {
   key: 1,
   class: "ecs-popover-list-title-controls"
 };
-function Vh(e, s, t, a, n, i) {
+function Hh(e, s, t, a, n, i) {
   const r = p("ecs-button-collapse");
   return o(), l("li", {
     class: _(["ecs-popover-list-title", [
@@ -12543,12 +12537,12 @@ function Vh(e, s, t, a, n, i) {
     f("span", null, [
       m(e.$slots, "default", {}, void 0, !0)
     ]),
-    e.$slots.controls ? (o(), l("div", Hh, [
+    e.$slots.controls ? (o(), l("div", Vh, [
       m(e.$slots, "controls", {}, void 0, !0)
     ])) : u("", !0)
   ], 2);
 }
-const Pb = /* @__PURE__ */ v(Fh, [["render", Vh], ["__scopeId", "data-v-c1516cc2"]]);
+const Pb = /* @__PURE__ */ v(Fh, [["render", Hh], ["__scopeId", "data-v-c1516cc2"]]);
 const qh = {
   name: "ecs-rating-star-read",
   components: { EcsSkeletonLoader: fe },
@@ -12697,7 +12691,7 @@ const Jh = /* @__PURE__ */ v(Kh, [["render", Zh], ["__scopeId", "data-v-6f812168
 const Qh = {
   name: "ecs-quicklinks-link",
   emits: ["click", "input", "toggle"],
-  components: { EcsCheckbox: Ht, EcsRatingStarRead: Gh, EcsRatingFavorability: Jh, EcsSwitch: Ls, EcsIcon: M, EcsFocusRing: L },
+  components: { EcsCheckbox: Vt, EcsRatingStarRead: Gh, EcsRatingFavorability: Jh, EcsSwitch: Ls, EcsIcon: M, EcsFocusRing: L },
   props: {
     label: {
       type: String,
@@ -12858,16 +12852,8 @@ const lv = {
       type: Boolean,
       default: !1
     }
-  },
-  watch: {
-    disabled: {
-      handler() {
-        console.log("w:disabled in-shard rating-star-write", this.disabled);
-      },
-      immediate: !0
-    }
   }
-}, vt = (e) => (ye("data-v-0f589686"), e = e(), be(), e), cv = {
+}, vt = (e) => (ye("data-v-f63b724f"), e = e(), be(), e), cv = {
   key: 0,
   class: "ecs-rating-reset"
 }, dv = { class: "ecs-rating-write" }, uv = ["checked", "disabled"], fv = /* @__PURE__ */ vt(() => /* @__PURE__ */ f("i", null, null, -1)), pv = ["checked", "disabled"], gv = /* @__PURE__ */ vt(() => /* @__PURE__ */ f("i", null, null, -1)), mv = ["checked", "disabled"], hv = /* @__PURE__ */ vt(() => /* @__PURE__ */ f("i", null, null, -1)), vv = ["checked", "disabled"], _v = /* @__PURE__ */ vt(() => /* @__PURE__ */ f("i", null, null, -1));
@@ -12916,7 +12902,7 @@ function yv(e, s, t, a, n, i) {
     ])
   ], 2);
 }
-const Mb = /* @__PURE__ */ v(lv, [["render", yv], ["__scopeId", "data-v-0f589686"]]);
+const Mb = /* @__PURE__ */ v(lv, [["render", yv], ["__scopeId", "data-v-f63b724f"]]);
 const bv = {
   name: "ecs-section",
   props: {
@@ -13031,14 +13017,6 @@ const wv = {
       type: Boolean,
       default: !1
     }
-  },
-  watch: {
-    disabled: {
-      handler() {
-        console.log("w:disabled in-shard segment", this.disabled);
-      },
-      immediate: !0
-    }
   }
 }, Sv = ["for", "disabled"], Cv = ["name", "value", "id", "checked", "disabled", "onClick"], Bv = ["title"];
 function zv(e, s, t, a, n, i) {
@@ -13076,7 +13054,7 @@ function zv(e, s, t, a, n, i) {
     ], 8, Sv))), 128))
   ], 2);
 }
-const Ob = /* @__PURE__ */ v(wv, [["render", zv], ["__scopeId", "data-v-276f231c"]]);
+const Ob = /* @__PURE__ */ v(wv, [["render", zv], ["__scopeId", "data-v-0b149ba2"]]);
 const Iv = {
   name: "ecs-select-tile",
   emits: ["click"],
@@ -13198,7 +13176,7 @@ const Dv = {
       default: !1
     }
   }
-}, Rv = (e) => (ye("data-v-397f53f1"), e = e(), be(), e), Fv = ["aria-busy"], Hv = { class: "count" }, Vv = /* @__PURE__ */ Rv(() => /* @__PURE__ */ f("div", { class: "step-indicator" }, null, -1));
+}, Rv = (e) => (ye("data-v-397f53f1"), e = e(), be(), e), Fv = ["aria-busy"], Vv = { class: "count" }, Hv = /* @__PURE__ */ Rv(() => /* @__PURE__ */ f("div", { class: "step-indicator" }, null, -1));
 function qv(e, s, t, a, n, i) {
   const r = p("ecs-icon"), c = p("ecs-focus-ring");
   return o(), l("button", {
@@ -13211,7 +13189,7 @@ function qv(e, s, t, a, n, i) {
     ]]),
     "aria-busy": t.loading || null
   }, [
-    f("span", Hv, [
+    f("span", Vv, [
       D(x(t.step) + " ", 1),
       t.loading ? (o(), h(r, {
         key: 0,
@@ -13222,7 +13200,7 @@ function qv(e, s, t, a, n, i) {
     ]),
     m(e.$slots, "default", {}, void 0, !0),
     b(c, { inset: 4 }),
-    Vv
+    Hv
   ], 10, Fv);
 }
 const Db = /* @__PURE__ */ v(Dv, [["render", qv], ["__scopeId", "data-v-397f53f1"]]);
@@ -13399,7 +13377,7 @@ function i_(e, s, t, a, n, i) {
     ], 2)
   ], 2);
 }
-const Hb = /* @__PURE__ */ v(s_, [["render", i_], ["__scopeId", "data-v-0c35a678"]]);
+const Vb = /* @__PURE__ */ v(s_, [["render", i_], ["__scopeId", "data-v-0c35a678"]]);
 const n_ = {
   name: "ecs-sidebar-header",
   props: {
@@ -13460,7 +13438,7 @@ function u_(e, s, t, a, n, i) {
     })
   ]);
 }
-const Vb = /* @__PURE__ */ v(n_, [["render", u_], ["__scopeId", "data-v-da9abc3f"]]);
+const Hb = /* @__PURE__ */ v(n_, [["render", u_], ["__scopeId", "data-v-da9abc3f"]]);
 const f_ = {
   name: "ecs-structured-content",
   props: {
@@ -13793,6 +13771,11 @@ const I_ = {
         return S(this.color).isDark();
     },
     customColorStyle() {
+      if (this.loading)
+        return {
+          background: "var(--color-gray-4)",
+          color: "transparent"
+        };
       if (this.color && this.color !== "")
         return this.colorIsDark ? {
           background: S(this.color).toRgbString(),
@@ -13843,7 +13826,7 @@ function T_(e, s, t, a, n, i) {
     b(c)
   ], 14, E_);
 }
-const Gb = /* @__PURE__ */ v(I_, [["render", T_], ["__scopeId", "data-v-aed8750a"]]);
+const Gb = /* @__PURE__ */ v(I_, [["render", T_], ["__scopeId", "data-v-ff1018e2"]]);
 const M_ = {
   name: "ecs-tag-cloud"
 }, L_ = {
@@ -13919,7 +13902,7 @@ function F_(e, s, t, a, n, i) {
   ]);
 }
 const Xb = /* @__PURE__ */ v(D_, [["render", F_], ["__scopeId", "data-v-451fee48"]]);
-const H_ = {
+const V_ = {
   name: "ecs-transcript-state",
   emits: ["click"],
   components: {
@@ -13944,7 +13927,7 @@ const H_ = {
       default: !1
     }
   }
-}, V_ = ["aria-busy"], q_ = {
+}, H_ = ["aria-busy"], q_ = {
   key: 0,
   class: "healthy"
 }, W_ = {
@@ -13981,9 +13964,9 @@ function U_(e, s, t, a, n, i) {
         })
       ])) : u("", !0)
     ], 64))
-  ], 10, V_);
+  ], 10, H_);
 }
-const Zb = /* @__PURE__ */ v(H_, [["render", U_], ["__scopeId", "data-v-57fdcc74"]]);
+const Zb = /* @__PURE__ */ v(V_, [["render", U_], ["__scopeId", "data-v-57fdcc74"]]);
 const G_ = {
   name: "ecs-tree-list",
   props: {
@@ -14017,7 +14000,7 @@ const Jb = /* @__PURE__ */ v(G_, [["render", Y_], ["__scopeId", "data-v-6af94f50
 const X_ = {
   name: "ecs-tree-list-item",
   emits: ["click", "toggled"],
-  components: { EcsIcon: M, EcsButtonCollapse: Vt, EcsFocusRing: L },
+  components: { EcsIcon: M, EcsButtonCollapse: Ht, EcsFocusRing: L },
   mixins: [ue],
   props: {
     /** ID for the Tree List Item */
@@ -14078,7 +14061,13 @@ const X_ = {
       type: Boolean,
       default: !1
     },
-    disabled: Boolean
+    /** Determines if the tree list item is disabled. */
+    disabled: Boolean,
+    /** Sets the min-width of the tree list item. This can be used to force x-axis scrolling on deeply nested tree lists, and to ensure that even deeply nested items still have enough space for all title text to be rendered. */
+    minWidth: {
+      type: Number,
+      default: 0
+    }
   },
   data() {
     return {
@@ -14099,6 +14088,11 @@ const X_ = {
     },
     hasChilds() {
       return this.$slots.collapse;
+    },
+    minWidthStyle() {
+      return {
+        minWidth: `${this.minWidth}px`
+      };
     }
   },
   methods: {
@@ -14160,7 +14154,8 @@ function sy(e, s, t, a, n, i) {
         i.hasChilds ? "has-childs" : ""
       ]]),
       role: "treeitem",
-      tabindex: i.isSelectable ? "0" : "-1"
+      tabindex: i.isSelectable ? "0" : "-1",
+      style: C(i.minWidthStyle)
     }, [
       i.isSelectable ? (o(), h(r, { key: 0 })) : u("", !0),
       e.$slots.collapse ? (o(), h(c, {
@@ -14196,7 +14191,7 @@ function sy(e, s, t, a, n, i) {
       e.$slots.actions ? (o(), l("div", ey, [
         m(e.$slots, "actions", {}, void 0, !0)
       ])) : u("", !0)
-    ], 42, Z_),
+    ], 46, Z_),
     e.$slots.collapse ? (o(), l("div", {
       key: 0,
       class: _([n.isVisible ? "collapse-show" : "collapse-hide", "collapsable"]),
@@ -14207,7 +14202,7 @@ function sy(e, s, t, a, n, i) {
     ], 10, ty)) : u("", !0)
   ]);
 }
-const Qb = /* @__PURE__ */ v(X_, [["render", sy], ["__scopeId", "data-v-8a8bc501"]]);
+const Qb = /* @__PURE__ */ v(X_, [["render", sy], ["__scopeId", "data-v-b1f2579f"]]);
 const iy = {
   name: "ecs-tree-list-headline"
 }, ny = { class: "ecs-tree-view-headline" };
@@ -14257,7 +14252,7 @@ const oy = {
       return this.verb.toUpperCase();
     },
     text() {
-      return this.overrideText ? this.overrideText : `To complete this action, please enter ${this.upperCaseVerb}:`;
+      return console.log("text", this.overrideText ? this.overrideText : `To complete this action, please enter ${this.upperCaseVerb}:`), this.overrideText ? this.overrideText : `To complete this action, please enter ${this.upperCaseVerb}:`;
     }
   },
   methods: {
@@ -14314,7 +14309,7 @@ function uy(e, s, t, a, n, i) {
     _: 1
   }));
 }
-const t0 = /* @__PURE__ */ v(oy, [["render", uy], ["__scopeId", "data-v-8cb7c458"]]);
+const t0 = /* @__PURE__ */ v(oy, [["render", uy], ["__scopeId", "data-v-9dd40438"]]);
 const fy = {
   name: "ecs-video",
   props: {
@@ -14377,7 +14372,7 @@ export {
   by as EcsBreadcrumbTitle,
   ky as EcsBulkSelector,
   Se as EcsButton,
-  Vt as EcsButtonCollapse,
+  Ht as EcsButtonCollapse,
   wy as EcsButtonContext,
   Sy as EcsButtonContextGroup,
   Cy as EcsButtonDialog,
@@ -14388,7 +14383,7 @@ export {
   qt as EcsButtonToolbarGroup,
   By as EcsButtonToolbarIcon,
   zy as EcsCard,
-  Ht as EcsCheckbox,
+  Vt as EcsCheckbox,
   Iy as EcsCitationLine,
   $y as EcsCollapse,
   Py as EcsCollectionControl,
@@ -14400,12 +14395,12 @@ export {
   Oy as EcsDataCard,
   Ay as EcsDataCardList,
   Ny as EcsDataGrid,
-  Hy as EcsDataGridCell,
+  Vy as EcsDataGridCell,
   Fy as EcsDataGridGroup,
   Ry as EcsDataGridHeadCell,
   jd as EcsDataGridRow,
   Dy as EcsDataGridRowGroup,
-  Vy as EcsDataList,
+  Hy as EcsDataList,
   qy as EcsDataListItem,
   Wy as EcsDialog,
   jy as EcsDialogHeader,
@@ -14483,12 +14478,12 @@ export {
   Db as EcsSequenceMapButton,
   Rb as EcsSidebar,
   Fb as EcsSidebarContent,
-  Hb as EcsSidebarFooter,
-  Vb as EcsSidebarHeader,
+  Vb as EcsSidebarFooter,
+  Hb as EcsSidebarHeader,
   fe as EcsSkeletonLoader,
   Da as EcsSortbutton,
   jg as EcsSplitpanes,
-  Hu as EcsStateIcon,
+  Vu as EcsStateIcon,
   Fe as EcsSticker,
   qb as EcsStructuredContent,
   Wb as EcsSwatchesPicker,