@everchron/ec-shards 9.3.0 → 9.5.0

package/dist/ec-shards.js

@@ -1,4 +1,4 @@
-import { defineAsyncComponent as ee, watch as ce, openBlock as o, createBlock as h, resolveDynamicComponent as Ee, unref as ae, normalizeClass as y, createElementBlock as l, normalizeStyle as x, resolveComponent as g, createVNode as _, createCommentVNode as u, createElementVNode as f, createTextVNode as D, toDisplayString as w, renderSlot as p, Transition as pe, withCtx as S, computed as ke, reactive as Qs, nextTick as ei, onBeforeUnmount as Pt, toRefs as _s, isRef as ti, onMounted as ks, useSlots as si, ref as Ye, watchEffect as kt, withKeys as G, Teleport as ii, withDirectives as Ge, vShow as gt, mergeProps as De, normalizeProps as ni, guardReactiveProps as ai, withModifiers as U, pushScopeId as be, popScopeId as _e, Fragment as X, renderList as he, resolveDirective as oi, vModelText as ri, markRaw as li, h as ci, TransitionGroup as di } from "vue";
+import { defineAsyncComponent as ee, watch as ce, openBlock as o, createBlock as h, resolveDynamicComponent as Ee, unref as ae, normalizeClass as y, createElementBlock as l, normalizeStyle as x, resolveComponent as g, createVNode as _, createCommentVNode as u, createElementVNode as f, createTextVNode as D, toDisplayString as w, renderSlot as p, Transition as ue, withCtx as S, computed as ke, reactive as Qs, nextTick as ei, onBeforeUnmount as Pt, toRefs as _s, isRef as ti, onMounted as ks, useSlots as si, ref as Ye, watchEffect as kt, withKeys as G, Teleport as ii, withDirectives as Ge, vShow as gt, mergeProps as De, normalizeProps as ni, guardReactiveProps as ai, withModifiers as U, pushScopeId as be, popScopeId as _e, Fragment as X, renderList as he, resolveDirective as oi, vModelText as ri, markRaw as li, h as ci, TransitionGroup as di } from "vue";
 const te = (e, s) => {
   const t = e[s];
   return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((a, n) => {
@@ -223,7 +223,7 @@ const ws = /* @__PURE__ */ v(mi, [["render", bi], ["__scopeId", "data-v-4804812d
   "aria-label": "Actions"
 };
 function wi(e, s, t, a, n, i) {
-  return o(), h(pe, {
+  return o(), h(ue, {
     name: "action-bar",
     appear: ""
   }, {
@@ -1904,7 +1904,7 @@ const na = /* @__PURE__ */ v(ta, [["render", ia], ["__scopeId", "data-v-baf3bb28
         p(J.$slots, "default", {}, void 0, !0)
       ], 40, aa),
       (o(), h(ii, { to: "body" }, [
-        _(pe, { name: "fade" }, {
+        _(ue, { name: "fade" }, {
           default: S(() => [
             e.persistent || c.value ? Ge((o(), l("div", {
               key: 0,
@@ -2120,7 +2120,7 @@ function ha(e, s, t, a, n, i) {
     _: 3
   }, 8, ["class", "style"]);
 }
-const nt = /* @__PURE__ */ v(pa, [["render", ha], ["__scopeId", "data-v-b3c32482"]]), ue = {
+const nt = /* @__PURE__ */ v(pa, [["render", ha], ["__scopeId", "data-v-b3c32482"]]), fe = {
   data() {
     return {
       uniqueId: ""
@@ -2139,7 +2139,7 @@ const nt = /* @__PURE__ */ v(pa, [["render", ha], ["__scopeId", "data-v-b3c32482
   name: "ecs-checkbox",
   emits: ["input", "shiftClick"],
   components: { EcsFormCheck: Ft, EcsText: nt },
-  mixins: [ue],
+  mixins: [fe],
   props: {
     /** Name attribute of the input. */
     name: {
@@ -2274,7 +2274,7 @@ const Vt = /* @__PURE__ */ v(va, [["render", _a], ["__scopeId", "data-v-e15ff286
   name: "ecs-radiobutton",
   emits: ["input", "change"],
   components: { EcsFormCheck: Ft, EcsText: nt },
-  mixins: [ue],
+  mixins: [fe],
   model: {
     prop: "checked",
     event: "input"
@@ -2394,7 +2394,7 @@ const xa = /* @__PURE__ */ v(ka, [["render", Ca], ["__scopeId", "data-v-0296b689
   name: "ecs-switch",
   emits: ["input"],
   components: { EcsFocusRing: L },
-  mixins: [ue],
+  mixins: [fe],
   props: {
     /** Sets the name attribute. */
     name: {
@@ -3910,15 +3910,15 @@ function Lo(e, s, t) {
   };
 }
 function ds(e, s, t, a) {
-  var n = [me(Math.round(e).toString(16)), me(Math.round(s).toString(16)), me(Math.round(t).toString(16))];
+  var n = [pe(Math.round(e).toString(16)), pe(Math.round(s).toString(16)), pe(Math.round(t).toString(16))];
   return a && n[0].charAt(0) == n[0].charAt(1) && n[1].charAt(0) == n[1].charAt(1) && n[2].charAt(0) == n[2].charAt(1) ? n[0].charAt(0) + n[1].charAt(0) + n[2].charAt(0) : n.join("");
 }
 function Oo(e, s, t, a, n) {
-  var i = [me(Math.round(e).toString(16)), me(Math.round(s).toString(16)), me(Math.round(t).toString(16)), me(Ns(a))];
+  var i = [pe(Math.round(e).toString(16)), pe(Math.round(s).toString(16)), pe(Math.round(t).toString(16)), pe(Ns(a))];
   return n && i[0].charAt(0) == i[0].charAt(1) && i[1].charAt(0) == i[1].charAt(1) && i[2].charAt(0) == i[2].charAt(1) && i[3].charAt(0) == i[3].charAt(1) ? i[0].charAt(0) + i[1].charAt(0) + i[2].charAt(0) + i[3].charAt(0) : i.join("");
 }
 function us(e, s, t, a) {
-  var n = [me(Ns(a)), me(Math.round(e).toString(16)), me(Math.round(s).toString(16)), me(Math.round(t).toString(16))];
+  var n = [pe(Ns(a)), pe(Math.round(e).toString(16)), pe(Math.round(s).toString(16)), pe(Math.round(t).toString(16))];
   return n.join("");
 }
 C.equals = function(e, s) {
@@ -4224,7 +4224,7 @@ function Yo(e) {
 function Xo(e) {
   return typeof e == "string" && e.indexOf("%") != -1;
 }
-function me(e) {
+function pe(e) {
   return e.length == 1 ? "0" + e : "" + e;
 }
 function Je(e) {
@@ -4236,7 +4236,7 @@ function Ns(e) {
 function gs(e) {
   return ne(e) / 255;
 }
-var ge = function() {
+var me = function() {
   var e = "[-\\+]?\\d+%?", s = "[-\\+]?\\d*\\.\\d+%?", t = "(?:" + s + ")|(?:" + e + ")", a = "[\\s|\\(]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")\\s*\\)?", n = "[\\s|\\(]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")[,|\\s]+(" + t + ")\\s*\\)?";
   return {
     CSS_UNIT: new RegExp(t),
@@ -4253,7 +4253,7 @@ var ge = function() {
   };
 }();
 function ze(e) {
-  return !!ge.CSS_UNIT.exec(e);
+  return !!me.CSS_UNIT.exec(e);
 }
 function Zo(e) {
   e = e.replace(Eo, "").replace($o, "").toLowerCase();
@@ -4269,51 +4269,51 @@ function Zo(e) {
       format: "name"
     };
   var t;
-  return (t = ge.rgb.exec(e)) ? {
+  return (t = me.rgb.exec(e)) ? {
     r: t[1],
     g: t[2],
     b: t[3]
-  } : (t = ge.rgba.exec(e)) ? {
+  } : (t = me.rgba.exec(e)) ? {
     r: t[1],
     g: t[2],
     b: t[3],
     a: t[4]
-  } : (t = ge.hsl.exec(e)) ? {
+  } : (t = me.hsl.exec(e)) ? {
     h: t[1],
     s: t[2],
     l: t[3]
-  } : (t = ge.hsla.exec(e)) ? {
+  } : (t = me.hsla.exec(e)) ? {
     h: t[1],
     s: t[2],
     l: t[3],
     a: t[4]
-  } : (t = ge.hsv.exec(e)) ? {
+  } : (t = me.hsv.exec(e)) ? {
     h: t[1],
     s: t[2],
     v: t[3]
-  } : (t = ge.hsva.exec(e)) ? {
+  } : (t = me.hsva.exec(e)) ? {
     h: t[1],
     s: t[2],
     v: t[3],
     a: t[4]
-  } : (t = ge.hex8.exec(e)) ? {
+  } : (t = me.hex8.exec(e)) ? {
     r: ne(t[1]),
     g: ne(t[2]),
     b: ne(t[3]),
     a: gs(t[4]),
     format: s ? "name" : "hex8"
-  } : (t = ge.hex6.exec(e)) ? {
+  } : (t = me.hex6.exec(e)) ? {
     r: ne(t[1]),
     g: ne(t[2]),
     b: ne(t[3]),
     format: s ? "name" : "hex"
-  } : (t = ge.hex4.exec(e)) ? {
+  } : (t = me.hex4.exec(e)) ? {
     r: ne(t[1] + "" + t[1]),
     g: ne(t[2] + "" + t[2]),
     b: ne(t[3] + "" + t[3]),
     a: gs(t[4] + "" + t[4]),
     format: s ? "name" : "hex8"
-  } : (t = ge.hex3.exec(e)) ? {
+  } : (t = me.hex3.exec(e)) ? {
     r: ne(t[1] + "" + t[1]),
     g: ne(t[2] + "" + t[2]),
     b: ne(t[3] + "" + t[3]),
@@ -5087,6 +5087,11 @@ const Rb = /* @__PURE__ */ v(Tr, [["render", Ar], ["__scopeId", "data-v-68234afa
     /** Sets the count of the collapse control in parenthese next to the headline. */
     count: {
       type: Number
+    },
+    /** Hides the controls when the collapse is closed */
+    hideControlsWhenCollapsed: {
+      type: Boolean,
+      default: !1
     }
   },
   data() {
@@ -5172,9 +5177,14 @@ function qr(e, s, t, a, n, i) {
           inset: 0,
           radius: 0
         }),
-        e.$slots.controls ? (o(), l("div", Vr, [
-          p(e.$slots, "controls", {}, void 0, !0)
-        ])) : u("", !0)
+        _(ue, { name: "fade" }, {
+          default: S(() => [
+            e.$slots.controls && (!t.hideControlsWhenCollapsed || n.isVisible) ? (o(), l("div", Vr, [
+              p(e.$slots, "controls", {}, void 0, !0)
+            ])) : u("", !0)
+          ]),
+          _: 3
+        })
       ], 42, Rr)
     ]),
     f("div", {
@@ -5190,11 +5200,11 @@ function qr(e, s, t, a, n, i) {
     ], 10, Hr)
   ], 2);
 }
-const Fb = /* @__PURE__ */ v(Nr, [["render", qr], ["__scopeId", "data-v-b2ce05ee"]]), Wr = {
+const Fb = /* @__PURE__ */ v(Nr, [["render", qr], ["__scopeId", "data-v-56e0b99c"]]), Wr = {
   name: "ecs-collection-control",
   emits: ["toggled", "collectionTooltip"],
   components: { EcsIcon: M, EcsFocusRing: L },
-  mixins: [ue],
+  mixins: [fe],
   props: {
     /** Icon representing the type of selection. The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). */
     icon: {
@@ -5394,10 +5404,10 @@ function sl(e, s, t, a, n, i) {
     }, null, 4)
   ], 2));
 }
-const fe = /* @__PURE__ */ v(Zr, [["render", sl], ["__scopeId", "data-v-75354c78"]]), il = {
+const ge = /* @__PURE__ */ v(Zr, [["render", sl], ["__scopeId", "data-v-75354c78"]]), il = {
   name: "ecs-formatted",
-  components: { EcsSkeletonLoader: fe },
-  mixins: [ue],
+  components: { EcsSkeletonLoader: ge },
+  mixins: [fe],
   props: {
     /** Sets the general font size of the formatted text component to small. */
     small: {
@@ -5445,7 +5455,7 @@ function al(e, s, t, a, n, i) {
 const Fs = /* @__PURE__ */ v(il, [["render", al]]), ol = {
   name: "ecs-comment",
   emits: ["edit", "delete"],
-  components: { EcsAvatar: Li, EcsButton: Ce, EcsFormatted: Fs, EcsSkeletonLoader: fe },
+  components: { EcsAvatar: Li, EcsButton: Ce, EcsFormatted: Fs, EcsSkeletonLoader: ge },
   props: {
     /** Name of the user that is the comment author. */
     userName: {
@@ -6414,8 +6424,8 @@ function wd(e, s, t, a, n, i) {
 }
 const Wb = /* @__PURE__ */ v(kd, [["render", wd], ["__scopeId", "data-v-08aaa823"]]), Sd = {
   name: "ecs-data-card",
-  components: { EcsIcon: M, EcsSkeletonLoader: fe, EcsButtonTable: Rs, EcsButton: Ce, EcsFocusRing: L },
-  mixins: [ue],
+  components: { EcsIcon: M, EcsSkeletonLoader: ge, EcsButtonTable: Rs, EcsButton: Ce, EcsFocusRing: L },
+  mixins: [fe],
   props: {
     /** If passed, an icon will be displayed in the data card. The icon prop 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). */
     icon: {
@@ -7498,8 +7508,8 @@ function Pu(e, s, t, a, n, i) {
 const Jb = /* @__PURE__ */ v(Eu, [["render", Pu]]), Tu = {
   name: "ecs-data-list-item",
   emits: ["toggled"],
-  components: { EcsButtonMore: Ds, EcsSkeletonLoader: fe },
-  mixins: [ue],
+  components: { EcsButtonMore: Ds, EcsSkeletonLoader: ge },
+  mixins: [fe],
   props: {
     /** The label that shows up to the left of the list item. Usually describes the content to the left, e.g.: "Type", "Profiles", etc. */
     identifier: {
@@ -7961,7 +7971,7 @@ const s_ = /* @__PURE__ */ v(Ku, [["render", Zu], ["__scopeId", "data-v-800f5f8e
   name: "ecs-document-state",
   components: {
     EcsIcon: M,
-    EcsSkeletonLoader: fe
+    EcsSkeletonLoader: ge
   },
   props: {
     /** Determines if the document has been processed by OCR. */
@@ -8228,7 +8238,7 @@ const kf = /* @__PURE__ */ v(yf, [["render", _f], ["__scopeId", "data-v-fc9084ab
   emits: ["onFileDrop", "cancel"],
   components: {
     EcsEmptyState: vf,
-    EcsSkeletonLoader: fe,
+    EcsSkeletonLoader: ge,
     EcsProgress: kf,
     EcsButton: Ce,
     EcsFocusRing: L,
@@ -8620,7 +8630,7 @@ function Af(e, s, t, a, n, i) {
 }
 const o_ = /* @__PURE__ */ v(Pf, [["render", Af], ["__scopeId", "data-v-00b5ab33"]]), Nf = {
   name: "ecs-excerpt-snippet",
-  components: { EcsIcon: M, EcsSkeletonLoader: fe, EcsFormatted: Fs },
+  components: { EcsIcon: M, EcsSkeletonLoader: ge, EcsFormatted: Fs },
   props: {
     /** Determines how the content of the excerpt should be rendered. */
     type: {
@@ -8814,7 +8824,7 @@ const c_ = /* @__PURE__ */ v(Gf, [["render", Yf]]), Xf = {
     EcsButtonTable: Rs,
     EcsFocusRing: L
   },
-  mixins: [ue],
+  mixins: [fe],
   props: {
     /** Adds a button to the right of the list items, which allows to remove/delete the item. Emits the `@remove` event on click.  */
     remove: {
@@ -8940,7 +8950,7 @@ function lg(e, s, t, a, n, i) {
     tabindex: t.hover ? "0" : "-1"
   }, [
     t.hover ? (o(), h(r, { key: 0 })) : u("", !0),
-    _(pe, { name: "title" }, {
+    _(ue, { name: "title" }, {
       default: S(() => [
         t.showTitleEdit || !t.edit ? (o(), l("div", Jf, [
           t.icon ? (o(), h(c, {
@@ -9031,7 +9041,7 @@ function lg(e, s, t, a, n, i) {
     }, [
       p(e.$slots, "collapse", {}, void 0, !0)
     ], 10, ag)) : u("", !0),
-    _(pe, { name: "edit" }, {
+    _(ue, { name: "edit" }, {
       default: S(() => [
         e.$slots.edit && t.edit ? (o(), l("div", {
           key: 0,
@@ -9635,7 +9645,7 @@ const m_ = /* @__PURE__ */ v(Dg, [["render", Vg], ["__scopeId", "data-v-c9188464
   }
 };
 function qg(e, s, t, a, n, i) {
-  return o(), h(pe, {
+  return o(), h(ue, {
     name: "fade",
     appear: ""
   }, {
@@ -10007,7 +10017,7 @@ function pm(e, s, t, a, n, i) {
 const b_ = /* @__PURE__ */ v(gm, [["render", pm]]), hm = {
   name: "ecs-input-float",
   emits: ["input"],
-  mixins: [ue],
+  mixins: [fe],
   props: {
     /** Input type, supports most HTML5 types. */
     type: {
@@ -10931,7 +10941,7 @@ function rp(e, s, t, a, n, i) {
 const B_ = /* @__PURE__ */ v(tp, [["render", rp], ["__scopeId", "data-v-f5afc4e6"]]), lp = {
   name: "ecs-layout-data-table",
   components: { EcsActionToolbar: Si, EcsButton: Ce },
-  mixins: [ue],
+  mixins: [fe],
   props: {
     /** Needs to be set when the edit/view sidebar is expanded. */
     sidebarExpanded: {
@@ -11000,7 +11010,7 @@ function hp(e, s, t, a, n, i) {
           "data-test": "button-toggle-statistics"
         }, null, 8, ["onClick", "type", "active", "aria-label", "title", "aria-controls"])) : u("", !0)
       ])) : u("", !0),
-      _(pe, { name: n.statisticsBarTransition }, {
+      _(ue, { name: n.statisticsBarTransition }, {
         default: S(() => [
           e.$slots.statistics && n.showStatistics ? (o(), l("div", {
             key: 0,
@@ -11139,7 +11149,7 @@ const I_ = /* @__PURE__ */ v(vp, [["render", kp], ["__scopeId", "data-v-6d506293
   components: {
     EcsFlexRow: Te,
     EcsSticker: Fe,
-    EcsSkeletonLoader: fe
+    EcsSkeletonLoader: ge
   },
   props: {
     /** Determines the type of log message, which also impacts the styling of it. */
@@ -11315,7 +11325,7 @@ const $_ = /* @__PURE__ */ v(Bp, [["render", Ep], ["__scopeId", "data-v-e2371c57
   class: "ecs-modal-footer-wrap"
 }, Op = /* @__PURE__ */ Pp(() => /* @__PURE__ */ f("div", { class: "ecs-modal-backdrop ecs-modal-sheet-backdrop" }, null, -1));
 function Ap(e, s, t, a, n, i) {
-  return o(), h(pe, { name: "dialog-fade" }, {
+  return o(), h(ue, { name: "dialog-fade" }, {
     default: S(() => [
       n.isShown ? (o(), l("div", {
         key: 0,
@@ -11914,7 +11924,7 @@ const A_ = /* @__PURE__ */ v(oh, [["render", lh], ["__scopeId", "data-v-e28fc40f
 };
 function xh(e, s, t, a, n, i) {
   const r = g("ecs-icon"), c = g("ecs-button-toolbar"), d = g("ecs-alert");
-  return o(), h(pe, {
+  return o(), h(ue, {
     name: "fade",
     appear: ""
   }, {
@@ -12001,7 +12011,7 @@ function xh(e, s, t, a, n, i) {
             e.$slots.sidebar && n.width > 1500 ? (o(), l("div", vh, [
               p(e.$slots, "sidebar", {}, void 0, !0)
             ])) : u("", !0),
-            _(pe, { name: "slide" }, {
+            _(ue, { name: "slide" }, {
               default: S(() => [
                 e.$slots.sidebar && n.width <= 1500 && n.showSidebar ? (o(), l("div", yh, [
                   p(e.$slots, "sidebar", {}, void 0, !0)
@@ -12517,7 +12527,7 @@ function Uh(e, s, t, a, n, i) {
 }
 const V_ = /* @__PURE__ */ v(Wh, [["render", Uh], ["__scopeId", "data-v-c1516cc2"]]), Gh = {
   name: "ecs-rating-star-read",
-  components: { EcsSkeletonLoader: fe },
+  components: { EcsSkeletonLoader: ge },
   props: {
     /** Sets the star rating count.  */
     rating: {
@@ -12570,7 +12580,7 @@ function Xh(e, s, t, a, n, i) {
 const Zh = /* @__PURE__ */ v(Gh, [["render", Xh], ["__scopeId", "data-v-8f28e1c1"]]), Jh = {
   name: "ecs-rating-favorability",
   emits: ["click"],
-  components: { EcsIcon: M, EcsSkeletonLoader: fe },
+  components: { EcsIcon: M, EcsSkeletonLoader: ge },
   props: {
     /** If set, the favorability icon will have a label as well. */
     label: {
@@ -12982,7 +12992,7 @@ function Tv(e, s, t, a, n, i) {
 }
 const W_ = /* @__PURE__ */ v($v, [["render", Tv], ["__scopeId", "data-v-ec263a49"]]), Mv = {
   name: "ecs-segments",
-  emits: ["click"],
+  emits: ["click", "update:modelValue"],
   components: { EcsIcon: M },
   props: {
     /** Array of all the options objects:
@@ -12998,6 +13008,12 @@ const W_ = /* @__PURE__ */ v($v, [["render", Tv], ["__scopeId", "data-v-ec263a49
       type: String,
       required: !0
     },
+    /** Determines the size of the segment control. */
+    size: {
+      type: String,
+      default: "md",
+      validator: (e) => ["sml", "md"].includes(e)
+    },
     /** Renders the segment control inline - which means it will not adapt to the full available width of it's parent element. */
     inline: {
       type: Boolean,
@@ -13008,48 +13024,64 @@ const W_ = /* @__PURE__ */ v($v, [["render", Tv], ["__scopeId", "data-v-ec263a49
       type: [String, Number],
       default: ""
     },
+    /** Disables all segments. */
     disabled: {
       type: Boolean,
       default: !1
+    },
+    /** Sets the currently active value. Must match an `option.id` from the `options` array. */
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    }
+  },
+  emits: ["click", "update:modelValue"],
+  computed: {
+    isChecked() {
+      return (e) => String(this.modelValue || this.value).toLowerCase() === String(e).toLowerCase();
+    }
+  },
+  methods: {
+    handleChange(e) {
+      this.$emit("update:modelValue", e), this.$emit("click", e);
     }
   }
-}, Lv = ["for", "disabled"], Ov = ["name", "value", "id", "checked", "disabled", "onClick"], Av = ["title"];
+}, Lv = ["for"], Ov = ["name", "value", "id", "checked", "disabled", "onChange"], Av = ["title"];
 function Nv(e, s, t, a, n, i) {
   const r = g("ecs-icon");
   return o(), l("div", {
-    class: y(["ecs-segments", [t.inline ? "ecs-segments-inline" : ""]])
+    class: y(["ecs-segments", { "ecs-segments-inline": t.inline }])
   }, [
     (o(!0), l(X, null, he(t.options, (c) => (o(), l("label", {
       key: c.id,
-      for: c.id,
-      disabled: t.disabled
+      for: c.id
     }, [
       f("input", {
         type: "radio",
         name: t.name,
         value: c.id,
         id: c.id,
-        checked: t.value.toLowerCase() == c.id.toLowerCase() || null,
+        checked: i.isChecked(c.id),
         disabled: c.disabled || t.disabled,
-        onClick: (d) => e.$emit("click", c.id)
-      }, null, 8, Ov),
+        onChange: (d) => i.handleChange(c.id)
+      }, null, 40, Ov),
       f("span", {
-        class: "ecs-segment",
+        class: y(["ecs-segment", { "ecs-segment-sml": t.size === "sml", "ecs-segment-md": t.size === "md" }]),
         title: c.title
       }, [
         c.icon ? (o(), h(r, {
           key: 0,
-          class: y([c.icon && c.label ? "icon-spacing" : ""]),
+          class: y({ "icon-spacing": c.icon && c.label }),
           type: c.icon,
           size: "20",
           color: "#2F333C"
         }, null, 8, ["class", "type"])) : u("", !0),
         D(" " + w(c.label), 1)
-      ], 8, Av)
+      ], 10, Av)
     ], 8, Lv))), 128))
   ], 2);
 }
-const j_ = /* @__PURE__ */ v(Mv, [["render", Nv], ["__scopeId", "data-v-0b149ba2"]]), Dv = {
+const j_ = /* @__PURE__ */ v(Mv, [["render", Nv], ["__scopeId", "data-v-b5e60ac4"]]), Dv = {
   name: "ecs-select-tile",
   emits: ["click"],
   components: {
@@ -13408,7 +13440,7 @@ function ky(e, s, t, a, n, i) {
         p(e.$slots, "primary-controls", {}, void 0, !0)
       ])) : u("", !0)
     ])),
-    _(pe, { name: "expansion" }, {
+    _(ue, { name: "expansion" }, {
       default: S(() => [
         t.subHeaderExpanded && e.$slots.subheader ? (o(), l("div", by, [
           p(e.$slots, "subheader", {}, void 0, !0)
@@ -13416,7 +13448,7 @@ function ky(e, s, t, a, n, i) {
       ]),
       _: 3
     }),
-    _(pe, { name: "expansion" }, {
+    _(ue, { name: "expansion" }, {
       default: S(() => [
         t.tertiaryHeaderExpanded && e.$slots.tertiaryheader ? (o(), l("div", _y, [
           p(e.$slots, "tertiaryheader", {}, void 0, !0)
@@ -13695,7 +13727,7 @@ function Ny(e, s, t, a, n, i) {
 const s0 = /* @__PURE__ */ v(Ty, [["render", Ny], ["__scopeId", "data-v-5098e4d3"]]), Dy = {
   name: "ecs-tag",
   emits: ["click"],
-  components: { EcsSkeletonLoader: fe, EcsFocusRing: L },
+  components: { EcsSkeletonLoader: ge, EcsFocusRing: L },
   props: {
     /** Determines the visual style of the tag. */
     type: {
@@ -13880,7 +13912,7 @@ const o0 = /* @__PURE__ */ v(Ky, [["render", Xy], ["__scopeId", "data-v-451fee48
   emits: ["click"],
   components: {
     EcsIcon: M,
-    EcsSkeletonLoader: fe
+    EcsSkeletonLoader: ge
   },
   props: {
     /** Displays a status indicator based on the passed value. */
@@ -13972,7 +14004,7 @@ const l0 = /* @__PURE__ */ v(ib, [["render", ab], ["__scopeId", "data-v-6af94f50
   name: "ecs-tree-list-item",
   emits: ["click", "toggled"],
   components: { EcsIcon: M, EcsButtonCollapse: Ht, EcsFocusRing: L },
-  mixins: [ue],
+  mixins: [fe],
   props: {
     /** ID for the Tree List Item */
     id: String,
@@ -14177,7 +14209,7 @@ const d0 = /* @__PURE__ */ v(gb, [["render", pb], ["__scopeId", "data-v-a5153e06
   name: "EcsTypeConfirmation",
   emits: ["update:modelValue"],
   components: { EcsInput: dm, EcsAlert: ws, EcsFormGroup: Tg },
-  mixins: [ue],
+  mixins: [fe],
   props: {
     verb: {
       type: String,
@@ -14441,7 +14473,7 @@ export {
   X_ as EcsSidebarContent,
   Z_ as EcsSidebarFooter,
   J_ as EcsSidebarHeader,
-  fe as EcsSkeletonLoader,
+  ge as EcsSkeletonLoader,
   Ra as EcsSortbutton,
   Ym as EcsSplitpanes,
   Hu as EcsStateIcon,