@everchron/ec-shards 8.20.10 → 8.21.1

package/dist/ec-shards.js

@@ -13656,6 +13656,11 @@ const U_ = /* @__PURE__ */ v(wy, [["render", zy], ["__scopeId", "data-v-5098e4d3
         return C(this.color).isDark();
     },
     customColorStyle() {
+      if (this.loading)
+        return {
+          background: "var(--color-gray-4)",
+          color: "transparent"
+        };
       if (this.color && this.color !== "")
         return this.colorIsDark ? {
           background: C(this.color).toRgbString(),
@@ -13706,7 +13711,7 @@ function Ty(e, s, t, a, n, i) {
     _(c)
   ], 14, Ey);
 }
-const G_ = /* @__PURE__ */ v(Iy, [["render", Ty], ["__scopeId", "data-v-aed8750a"]]), My = {
+const G_ = /* @__PURE__ */ v(Iy, [["render", Ty], ["__scopeId", "data-v-ff1018e2"]]), My = {
   name: "ecs-tag-cloud"
 }, Ly = {
   class: "ecs-tag-cloud",
@@ -13935,7 +13940,13 @@ const J_ = /* @__PURE__ */ v(Gy, [["render", Yy], ["__scopeId", "data-v-6af94f50
       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 {
@@ -13956,6 +13967,11 @@ const J_ = /* @__PURE__ */ v(Gy, [["render", Yy], ["__scopeId", "data-v-6af94f50
     },
     hasChilds() {
       return this.$slots.collapse;
+    },
+    minWidthStyle() {
+      return {
+        minWidth: `${this.minWidth}px`
+      };
     }
   },
   methods: {
@@ -14017,7 +14033,8 @@ function sb(e, s, t, a, n, i) {
         i.hasChilds ? "has-childs" : ""
       ]]),
       role: "treeitem",
-      tabindex: i.isSelectable ? "0" : "-1"
+      tabindex: i.isSelectable ? "0" : "-1",
+      style: x(i.minWidthStyle)
     }, [
       i.isSelectable ? (o(), h(r, { key: 0 })) : u("", !0),
       e.$slots.collapse ? (o(), h(c, {
@@ -14053,7 +14070,7 @@ function sb(e, s, t, a, n, i) {
       e.$slots.actions ? (o(), l("div", eb, [
         p(e.$slots, "actions", {}, void 0, !0)
       ])) : u("", !0)
-    ], 42, Zy),
+    ], 46, Zy),
     e.$slots.collapse ? (o(), l("div", {
       key: 0,
       class: y([n.isVisible ? "collapse-show" : "collapse-hide", "collapsable"]),
@@ -14064,7 +14081,7 @@ function sb(e, s, t, a, n, i) {
     ], 10, tb)) : u("", !0)
   ]);
 }
-const Q_ = /* @__PURE__ */ v(Xy, [["render", sb], ["__scopeId", "data-v-8a8bc501"]]), ib = {
+const Q_ = /* @__PURE__ */ v(Xy, [["render", sb], ["__scopeId", "data-v-b1f2579f"]]), ib = {
   name: "ecs-tree-list-headline"
 }, nb = { class: "ecs-tree-view-headline" };
 function ab(e, s, t, a, n, i) {