@everchron/ec-shards 13.0.11 → 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",
@@ -14279,6 +14296,15 @@ const lt0 = /* @__PURE__ */ w(m$, [["render", j$], ["__scopeId", "data-v-db5374f
     list: {
       type: Array,
       default: null
+    },
+    /** Whether the range is disabled */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /** The id of the range */
+    id: {
+      type: String
     }
   },
   computed: {
@@ -14304,7 +14330,7 @@ const lt0 = /* @__PURE__ */ w(m$, [["render", j$], ["__scopeId", "data-v-db5374f
     },
     updateProgress(t) {
       const e = (t - this.min) / (this.max - this.min) * 100;
-      this.$refs.rangeInput.style.background = `linear-gradient(to right, var(--color-blue-9) ${e}%, var(--color-gray-4) ${e}%)`;
+      this.disabled ? this.$refs.rangeInput.style.background = `linear-gradient(to right, var(--color-gray-6) ${e}%, var(--color-gray-4) ${e}%)` : this.$refs.rangeInput.style.background = `linear-gradient(to right, var(--color-blue-9) ${e}%, var(--color-gray-4) ${e}%)`;
     }
   },
   mounted() {
@@ -14315,7 +14341,7 @@ const lt0 = /* @__PURE__ */ w(m$, [["render", j$], ["__scopeId", "data-v-db5374f
       this.updateProgress(t);
     }
   }
-}, F$ = ["min", "max", "value", "step"], H$ = {
+}, F$ = ["id", "disabled", "min", "max", "value", "step"], H$ = {
   key: 0,
   class: "ecs-range-markers"
 }, T$ = {
@@ -14328,6 +14354,8 @@ function U$(t, e, l, a, i, n) {
   }, [
     s("input", {
       ref: "rangeInput",
+      id: l.id,
+      disabled: l.disabled,
       onInput: e[0] || (e[0] = (...c) => n.onInput && n.onInput(...c)),
       type: "range",
       min: l.min,
@@ -14350,7 +14378,7 @@ function U$(t, e, l, a, i, n) {
     ])) : u("", !0)
   ], 2);
 }
-const ot0 = /* @__PURE__ */ w(B$, [["render", U$], ["__scopeId", "data-v-85f2a5e1"]]), V$ = {
+const ot0 = /* @__PURE__ */ w(B$, [["render", U$], ["__scopeId", "data-v-b6f3e6b0"]]), V$ = {
   name: "ecs-rating-star-write",
   emits: ["click", "reset"],
   props: {