@everchron/ec-shards 13.0.12 → 13.0.13

package/dist/ec-shards.js

@@ -7651,6 +7651,11 @@ const n50 = /* @__PURE__ */ w(Gx, [["render", Xx], ["__scopeId", "data-v-9a5c1e1
     borderRows: {
       type: Boolean,
       default: !0
+    },
+    /** Makes the table visually a table sheet (with grid lines vertically and horizontally) */
+    sheet: {
+      type: Boolean,
+      default: !1
     }
   },
   methods: {
@@ -7673,7 +7678,8 @@ function lb(t, e, l, a, i, n) {
     class: k(["ecs-data-grid scrollbar", [
       t.$slots.empty ? "empty" : "",
       l.bordered ? "bordered" : "",
-      l.borderRows ? "border-rows" : ""
+      l.borderRows || l.sheet ? "border-rows" : "",
+      l.sheet ? "sheet" : ""
     ]]),
     "aria-disabled": l.disabled || null,
     role: "table"
@@ -7701,7 +7707,7 @@ function lb(t, e, l, a, i, n) {
     ])) : u("", !0)
   ], 42, Qx);
 }
-const s50 = /* @__PURE__ */ w(Jx, [["render", lb], ["__scopeId", "data-v-90dcc123"]]), ob = {
+const s50 = /* @__PURE__ */ w(Jx, [["render", lb], ["__scopeId", "data-v-d7b08ad8"]]), ob = {
   name: "ecs-data-grid-row",
   emits: ["rowdrop", "click", "contextmenu", "dblclick", "collapse"],
   props: {
@@ -7729,6 +7735,11 @@ const s50 = /* @__PURE__ */ w(Jx, [["render", lb], ["__scopeId", "data-v-90dcc12
     clickable: {
       type: Boolean,
       default: !1
+    },
+    /** Determines if the row background color should change to gray on hover. */
+    hover: {
+      type: Boolean,
+      default: !0
     }
   },
   computed: {
@@ -7763,7 +7774,8 @@ function nb(t, e, l, a, i, n) {
     class: k(["ecs-data-grid-row", [
       l.state,
       l.type == "header" ? "header-row" : "",
-      n.isClickable ? "clickable" : ""
+      n.isClickable ? "clickable" : "",
+      l.hover ? "hoverable" : ""
     ]]),
     ref: "grid_row",
     role: "row"
@@ -7777,7 +7789,7 @@ function nb(t, e, l, a, i, n) {
     p(t.$slots, "default", {}, void 0, !0)
   ], 2);
 }
-const sb = /* @__PURE__ */ w(ob, [["render", nb], ["__scopeId", "data-v-53990047"]]), ib = {
+const sb = /* @__PURE__ */ w(ob, [["render", nb], ["__scopeId", "data-v-ae6888e6"]]), ib = {
   name: "ecs-data-grid-row-group",
   emits: ["toggle"],
   components: {
@@ -8297,7 +8309,7 @@ function $b(t, e, l, a, i, n) {
     l.fixedLeftLast ? (o(), r("div", Ob)) : u("", !0)
   ], 14, gb);
 }
-const a50 = /* @__PURE__ */ w(pb, [["render", $b], ["__scopeId", "data-v-8c99e888"]]), jb = {
+const a50 = /* @__PURE__ */ w(pb, [["render", $b], ["__scopeId", "data-v-d9adaad7"]]), jb = {
   name: "ecs-data-grid-group",
   props: {
     /** Determines if this cell group should be shown. Avoid showing more than 1 group at the same time. */
@@ -8389,6 +8401,11 @@ const c50 = /* @__PURE__ */ w(jb, [["render", Fb], ["__scopeId", "data-v-ee025ab
     /** Allows to set custom styles on the inner cell container (must be a style object). */
     styles: {
       type: Object
+    },
+    /** Adds a focus ring to the cell. */
+    focus: {
+      type: Boolean,
+      default: !1
     }
   },
   data() {
@@ -8471,7 +8488,7 @@ function Eb(t, e, l, a, i, n) {
   }, [
     l.fixedRight ? (o(), r("div", Tb)) : u("", !0),
     s("div", {
-      class: "ecs-data-grid-cell-inner",
+      class: k(["ecs-data-grid-cell-inner", { focus: l.focus }]),
       style: S([n.widthType === "number" ? n.widthStyles : { width: "100%" }, n.paddingStyles, l.styles]),
       "data-column": n.computedId,
       "data-test": n.computedId
@@ -8485,11 +8502,11 @@ function Eb(t, e, l, a, i, n) {
         type: "chevron"
       }, null, 8, ["onClick", "collapsed"])) : u("", !0),
       p(t.$slots, "default", {}, void 0, !0)
-    ], 12, Ub),
+    ], 14, Ub),
     l.fixedLeftLast ? (o(), r("div", Ab)) : u("", !0)
   ], 6);
 }
-const d50 = /* @__PURE__ */ w(Hb, [["render", Eb], ["__scopeId", "data-v-e95227db"]]), Ib = {
+const d50 = /* @__PURE__ */ w(Hb, [["render", Eb], ["__scopeId", "data-v-cd73a8e8"]]), Ib = {
   name: "ecs-data-list"
 }, Db = {
   class: "ecs-data-list",