@everchron/ec-shards 14.15.1 → 14.16.0

package/dist/ec-shards.js

@@ -7845,6 +7845,11 @@ const q_ = /* @__PURE__ */ _(Rd, [["render", Fd], ["__scopeId", "data-v-60369c9b
     hover: {
       type: Boolean,
       default: !0
+    },
+    /** Sets a custom background color for the row. Note: this will override any background color set via the `state` prop. */
+    background: {
+      type: String,
+      default: null
     }
   },
   computed: {
@@ -7880,8 +7885,10 @@ function $d(e, s, t, a, n, i) {
       t.state,
       t.type == "header" ? "header-row" : "",
       i.isClickable ? "clickable" : "",
-      t.hover ? "hoverable" : ""
+      t.hover ? "hoverable" : "",
+      t.background ? "has-custom-background" : ""
     ]]),
+    style: x(t.background ? { "--row-background-color": t.background } : {}),
     ref: "grid_row",
     role: "row"
   }, [
@@ -7892,9 +7899,9 @@ function $d(e, s, t, a, n, i) {
     })) : u("", !0),
     t.state == "disabled" ? (o(), r("div", qd)) : u("", !0),
     p(e.$slots, "default", {}, void 0, !0)
-  ], 2);
+  ], 6);
 }
-const Wd = /* @__PURE__ */ _(Hd, [["render", $d], ["__scopeId", "data-v-ae6888e6"]]), jd = {
+const Wd = /* @__PURE__ */ _(Hd, [["render", $d], ["__scopeId", "data-v-3c635dc6"]]), jd = {
   name: "ecs-data-grid-row-group",
   emits: ["toggle"],
   components: {
@@ -8624,7 +8631,7 @@ function Cu(e, s, t, a, n, i) {
     t.fixedLeftLast ? (o(), r("div", xu)) : u("", !0)
   ], 6);
 }
-const U_ = /* @__PURE__ */ _(_u, [["render", Cu], ["__scopeId", "data-v-3d41dc72"]]), Bu = {
+const U_ = /* @__PURE__ */ _(_u, [["render", Cu], ["__scopeId", "data-v-7d18b84f"]]), Bu = {
   name: "ecs-data-list"
 }, zu = {
   class: "ecs-data-list",
@@ -9144,6 +9151,11 @@ const X_ = /* @__PURE__ */ _(Fu, [["render", $u], ["__scopeId", "data-v-6e05c98b
       type: Boolean,
       default: !1
     },
+    /** Sets an optional icon to be shown when the directory entry is hovered. */
+    hoverIcon: {
+      type: String,
+      default: null
+    },
     /** Shows a legend color next to the text. Should be a valid color value. */
     legendColor: {
       type: String
@@ -9217,12 +9229,19 @@ function Yu(e, s, t, a, n, i) {
           "line-height": 3,
           width: "random"
         })) : p(e.$slots, "default", { key: 1 }, void 0, !0)
-      ])
+      ]),
+      t.hoverIcon ? (o(), h(d, {
+        key: 1,
+        type: t.hoverIcon,
+        color: "var(--color-blue-9)",
+        size: "24",
+        class: "hover-icon"
+      }, null, 8, ["type"])) : u("", !0)
     ]),
     _: 3
   }, 8, ["class", "role"]);
 }
-const J_ = /* @__PURE__ */ _(ju, [["render", Yu], ["__scopeId", "data-v-fdb4411c"]]), Xu = {
+const J_ = /* @__PURE__ */ _(ju, [["render", Yu], ["__scopeId", "data-v-95408541"]]), Xu = {
   name: "ecs-document-state",
   components: {
     EcsIcon: O,