@progress/kendo-vue-grid 8.0.3-develop.4 → 8.1.0-develop.1

package/header/HeaderRow.mjs

@@ -5,26 +5,26 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as _, createVNode as r, isVNode as P } from "vue";
-import { normalize as q } from "../interfaces/GridSortSettings.mjs";
-import { ColumnResizer as E } from "../drag/ColumnResizer.mjs";
-import { ColumnDraggable as G } from "../drag/ColumnDraggable.mjs";
-import { GridHeaderCell as U } from "./GridHeaderCell.mjs";
-import { ColumnMenu as J } from "../columnMenu/ColumnMenu.mjs";
-import { noop as Q, templateRendering as W, getListeners as X, Keys as M, hasListener as Y, Icon as Z } from "@progress/kendo-vue-common";
-import { HeaderThElement as ee } from "@progress/kendo-vue-data-tools";
-import { sortableColumnAriaLabel as O, messages as k, sortableColumnAscendingAriaLabel as I, sortableColumnDescendingAriaLabel as z } from "../messages/main.mjs";
+import { defineComponent as q, createVNode as n, isVNode as E } from "vue";
+import { normalize as G } from "../interfaces/GridSortSettings.mjs";
+import { ColumnResizer as U } from "../drag/ColumnResizer.mjs";
+import { ColumnDraggable as W } from "../drag/ColumnDraggable.mjs";
+import { GridHeaderCell as J } from "./GridHeaderCell.mjs";
+import { ColumnMenu as Q } from "../columnMenu/ColumnMenu.mjs";
+import { noop as X, templateRendering as Y, getListeners as Z, Keys as O, hasListener as ee, Icon as te } from "@progress/kendo-vue-common";
+import { HeaderThElement as le } from "@progress/kendo-vue-data-tools";
+import { sortableColumnAriaLabel as I, messages as S, sortableColumnAscendingAriaLabel as z, sortableColumnDescendingAriaLabel as L } from "../messages/main.mjs";
 import { provideLocalizationService as ne } from "@progress/kendo-vue-intl";
-import { sortAscSmallIcon as te, sortDescSmallIcon as le } from "@progress/kendo-svg-icons";
-import { getVirtualHeaderCellsToRender as re } from "../utils/virtualColumns.mjs";
-function H(n) {
-  return typeof n == "function" || Object.prototype.toString.call(n) === "[object Object]" && !P(n);
+import { sortAscSmallIcon as re, sortDescSmallIcon as oe } from "@progress/kendo-svg-icons";
+import { getVirtualHeaderCellsToRender as se } from "../utils/virtualColumns.mjs";
+function H(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !E(t);
 }
-const S = {
+const y = {
   none: "none",
   asc: "ascending",
   desc: "descending"
-}, oe = {
+}, ie = {
   true: {
     asc: "desc",
     desc: "",
@@ -35,7 +35,7 @@ const S = {
     desc: "asc",
     "": "asc"
   }
-}, $e = /* @__PURE__ */ _({
+}, Se = /* @__PURE__ */ q({
   name: "KendoHeaderRow",
   props: {
     grid: Object,
@@ -66,6 +66,7 @@ const S = {
     columnMenuIcon: Object,
     isRtl: Boolean,
     isColCountDefined: Boolean,
+    headerSelectionValue: [Boolean, Array],
     // columnsInitial prop:
     // Needed for hidden column scenarios. By this value we can define correct aria-colindex attribute
     columnsInitial: Array,
@@ -78,7 +79,7 @@ const S = {
   },
   inject: {
     onNavFocus: {
-      default: Q
+      default: X
     },
     kendoLocalizationService: {
       default: null
@@ -93,51 +94,51 @@ const S = {
     this.serviceIndex = 0, this.index = -1, this._element = null, this.cellClick = this.cellClick.bind(this);
   },
   methods: {
-    pressHandler(n, t) {
-      this.$emit("pressHandler", n, t);
+    pressHandler(t, l) {
+      this.$emit("pressHandler", t, l);
     },
-    dragHandler(n, t) {
-      this.$emit("dragHandler", n, t);
+    dragHandler(t, l) {
+      this.$emit("dragHandler", t, l);
     },
-    releaseHandler(n) {
-      this.$emit("releaseHandler", n);
+    releaseHandler(t) {
+      this.$emit("releaseHandler", t);
     },
-    selectionChangeHandler(n) {
-      this.$emit("selectionchange", n);
+    selectionChangeHandler(t) {
+      this.$emit("selectionchange", t);
     },
-    cellClick(n, t) {
-      if (n.preventDefault(), !Y.call(this, "sortChange"))
+    cellClick(t, l) {
+      if (t.preventDefault(), !ee.call(this, "sortChange"))
         return;
       const {
-        allowUnsort: u,
-        mode: h
-      } = q(this.$props.sortable || !1, t.sortable || !1), s = (this.$props.sort || []).filter((o) => o.field === t.field)[0], c = oe[u][s && s.dir || ""], f = h === "single" ? [] : (this.$props.sort || []).filter((o) => o.field !== t.field);
-      c !== "" && t.field && f.push({
-        field: t.field,
-        dir: c
-      }), this.sortChangeHandler(f, {
-        event: n,
-        field: t.field
+        allowUnsort: h,
+        mode: f
+      } = G(this.$props.sortable || !1, l.sortable || !1), s = (this.$props.sort || []).filter((o) => o.field === l.field)[0], a = ie[h][s && s.dir || ""], c = f === "single" ? [] : (this.$props.sort || []).filter((o) => o.field !== l.field);
+      a !== "" && l.field && c.push({
+        field: l.field,
+        dir: a
+      }), this.sortChangeHandler(c, {
+        event: t,
+        field: l.field
       });
     },
-    sortChangeHandler(n, t) {
-      this.$emit("sortChange", n, t);
+    sortChangeHandler(t, l) {
+      this.$emit("sortChange", t, l);
     },
-    filterChangeHandler(n, t) {
-      this.$emit("filterChange", n, t);
+    filterChangeHandler(t, l) {
+      this.$emit("filterChange", t, l);
     },
-    cellClass(n, t, u) {
-      const h = t ? " " + t : "";
-      let s = "k-header" + (u ? " k-grid-header-sticky" : "") + h;
-      return this.$props.sort && this.$props.sort.filter((c) => c.field === n).length > 0 && (s += " k-sorted"), s;
+    cellClass(t, l, h) {
+      const f = l ? " " + l : "";
+      let s = "k-header" + (h ? " k-grid-header-sticky" : "") + f;
+      return this.$props.sort && this.$props.sort.filter((a) => a.field === t).length > 0 && (s += " k-sorted"), s;
     },
-    cellKeyDown(n, t) {
-      n.defaultPrevented || (n.keyCode === M.enter && this.cellClick(n, t), n.altKey && n.keyCode === M.down && t.field && (n.preventDefault(), this.columnMenuOpened = {
-        [t.field]: !0
+    cellKeyDown(t, l) {
+      t.defaultPrevented || (t.keyCode === O.enter && this.cellClick(t, l), t.altKey && t.keyCode === O.down && l.field && (t.preventDefault(), this.columnMenuOpened = {
+        [l.field]: !0
       }));
     },
-    getTemplate(n) {
-      return W.call(this.$props.grid, n, X.call(this.$props.grid));
+    getTemplate(t) {
+      return Y.call(this.$props.grid, t, Z.call(this.$props.grid));
     },
     columnMenuClose() {
       this.onNavFocus({}), this.columnMenuOpened = {};
@@ -154,138 +155,146 @@ const S = {
     }
   },
   render() {
-    const n = ne(this), t = n.toLanguageString(O, k[O]), u = n.toLanguageString(I, k[I]), h = n.toLanguageString(z, k[z]);
+    const t = ne(this), l = t.toLanguageString(I, S[I]), h = t.toLanguageString(z, S[z]), f = t.toLanguageString(L, S[L]);
     this.serviceIndex = 0, this.index = -1;
-    const s = this.$props.columnsMap && this.$props.columnsMap.length === 1, c = this.$props.columnVirtualization && s, f = function(o, m) {
-      const i = re({
+    const s = this.$props.columnVirtualization, a = function(c, o) {
+      const i = se({
         cellsToRender: this.$props.cellsToRender || [],
         columns: this.$props.columns,
-        rowIndex: m,
-        enableVirtualization: c
-      }), R = i.columnsToRender.length > 0, L = R ? i.columnsToRender : o, w = R ? i.colSpans : [];
-      return L.map(function(A, D) {
-        var y;
-        const e = this.$props.columns[A], g = this.$props.sortable && e.sortable, C = this.$props.sort ? this.$props.sort.findIndex((l) => l.field === e.field) : -1, $ = C >= 0 && this.$props.sort[C].dir || "none", d = function(l) {
+        rowIndex: o,
+        enableVirtualization: s,
+        columnsMap: this.$props.columnsMap
+      }), R = s;
+      let C = R && i.columnsToRender ? i.columnsToRender : c;
+      const A = R ? i.colSpans : [];
+      return !C || C.length === 0 ? [] : C.map(function(w, D) {
+        var M;
+        const e = this.$props.columns[w], m = this.$props.sortable && e.sortable, $ = this.$props.sort ? this.$props.sort.findIndex((r) => r.field === e.field) : -1, k = $ >= 0 && this.$props.sort[$].dir || "none", p = function(r) {
           if (!this.$props.sort)
             return null;
-          const b = l >= 0 ? this.$props.sort[l].dir : "";
-          return l >= 0 && [r("span", {
+          const g = r >= 0 ? this.$props.sort[r].dir : "";
+          return r >= 0 && [n("span", {
             key: 1,
             class: "k-sort-icon"
-          }, [r(Z, {
-            name: "sort-" + b + "-small",
-            icon: b === "asc" ? te : le
-          }, null)]), this.$props.sort.length > 1 && r("span", {
+          }, [n(te, {
+            name: "sort-" + g + "-small",
+            icon: g === "asc" ? re : oe
+          }, null)]), this.$props.sort.length > 1 && n("span", {
             key: 2,
             class: "k-sort-icon"
-          }, [r("span", {
+          }, [n("span", {
             class: "k-sort-order"
-          }, [l + 1])])];
-        }.call(this, C), a = e.columnMenu || e.columnMenu === !1 ? e.columnMenu : this.$props.columnMenu, j = e.menuIcon || this.$props.columnMenuIcon, x = (e.kFirst ? "k-first " : "") + this.cellClass(e.field, e.headerClassName, e.locked) + (a ? " k-filterable" : ""), F = !a || typeof a == "boolean" ? !!a : this.getTemplate(a), v = e.locked && e.left !== void 0 ? this.$props.isRtl ? {
+          }, [r + 1])])];
+        }.call(this, $), d = e.columnMenu || e.columnMenu === !1 ? e.columnMenu : this.$props.columnMenu, j = e.menuIcon || this.$props.columnMenuIcon, F = (e.kFirst ? "k-first " : "") + this.cellClass(e.field, e.headerClassName, e.locked) + (d ? " k-filterable" : ""), V = !d || typeof d == "boolean" ? !!d : this.getTemplate(d), x = i.skipOffset ? {
+          borderLeftWidth: "1px"
+        } : void 0, v = e.locked && e.left !== void 0 ? this.$props.isRtl ? {
           left: e.right + "px",
           right: e.left + "px"
         } : {
           left: e.left + "px",
           right: e.right + "px"
-        } : void 0, T = S[$] === "none" ? t : S[$] === "ascending" ? u : h;
-        let p = e.isAccessible ? {
-          ariaSort: S[$],
+        } : x, T = y[k] === "none" ? l : y[k] === "ascending" ? h : f;
+        let u = e.isAccessible ? {
+          ariaSort: y[k],
           ariaLabel: T,
           role: "columnheader",
-          ariaColumnIndex: this.$props.isColCountDefined ? this.$props.columnsInitial.findIndex((l) => l.field === e.field) + 1 : void 0,
+          ariaColumnIndex: this.$props.isColCountDefined ? this.$props.columnsInitial.findIndex((r) => r.field === e.field) + 1 : void 0,
           ariaSelected: !1,
-          ariaHaspopup: a ? "menu" : this.$props.filterable && e.filterable ? "dialog" : void 0
+          ariaHaspopup: d ? "menu" : this.$props.filterable && e.filterable ? "dialog" : void 0
         } : {
           role: "columnheader"
         };
-        const V = e.declarationIndex >= 0 ? ++this.index : --this.serviceIndex, B = e.columnMenuOpened !== void 0 ? e.columnMenuOpened : this.columnMenuOpened[e.field], K = (y = w[D]) != null ? y : e.headerColSpan;
-        return r(ee, {
-          ariaSort: g ? p.ariaSort : void 0,
-          ariaLabel: g ? p.ariaLabel : void 0,
-          role: p.role,
-          ariaColumnIndex: p.ariaColumnIndex,
-          ariaSelected: p.ariaSelected,
-          ariaHaspopup: p.ariaHaspopup,
-          key: V,
-          colSpan: K,
+        const B = e.declarationIndex >= 0 ? ++this.index : --this.serviceIndex, K = e.columnMenuOpened !== void 0 ? e.columnMenuOpened : this.columnMenuOpened[e.field], N = (M = A[D]) != null ? M : e.headerColSpan;
+        return n(le, {
+          ariaSort: m ? u.ariaSort : void 0,
+          ariaLabel: m ? u.ariaLabel : void 0,
+          role: u.role,
+          ariaColumnIndex: u.ariaColumnIndex,
+          ariaSelected: u.ariaSelected,
+          ariaHaspopup: u.ariaHaspopup,
+          key: B,
+          colSpan: N,
           rowSpan: e.rowSpan,
-          class: x,
+          class: F,
           style: v,
           columnId: e.id,
           navigatable: e.navigatable,
-          onKeydown: (l) => this.cellKeyDown(l, e)
+          onKeydown: (r) => this.cellKeyDown(r, e)
         }, {
-          default: () => [[e.children.length === 0 && a && r(J, {
-            key: 0,
-            column: {
+          default: () => {
+            var r, g;
+            return [[e.children.length === 0 && d && n(Q, {
+              key: 0,
+              column: {
+                field: e.field,
+                filter: e.filter
+              },
+              opened: K,
+              animate: this.$props.columnMenuAnimate,
+              sortable: m,
+              sort: this.$props.sort,
+              onClose: this.columnMenuClose,
+              onSortchange: this.sortChangeHandler,
+              filter: this.$props.filter,
+              filterable: this.$props.filterable && e.filterable,
+              filterOperators: this.$props.filterOperators,
+              onFilterchange: this.filterChangeHandler,
+              render: V,
+              columnMenuIcon: j
+            }, null), e.internalHeaderCell && n("span", {
+              class: "k-cell-inner"
+            }, [n(e.internalHeaderCell, {
+              key: 1,
               field: e.field,
-              filter: e.filter
-            },
-            opened: B,
-            animate: this.$props.columnMenuAnimate,
-            sortable: g,
-            sort: this.$props.sort,
-            onClose: this.columnMenuClose,
-            onSortchange: this.sortChangeHandler,
-            filter: this.$props.filter,
-            filterable: this.$props.filterable && e.filterable,
-            filterOperators: this.$props.filterOperators,
-            onFilterchange: this.filterChangeHandler,
-            render: F,
-            columnMenuIcon: j
-          }, null), e.internalHeaderCell && r("span", {
-            class: "k-cell-inner"
-          }, [r(e.internalHeaderCell, {
-            key: 1,
-            field: e.field,
-            sortable: g,
-            onHeadercellclick: (l) => this.cellClick(l, e),
-            onSelectionchange: this.selectionChangeHandler,
-            selectionValue: e.headerSelectionValue,
-            title: e.title,
-            render: (e.headerCell || this.$props.cellRender) && this.getTemplate(e.headerCell || this.$props.cellRender)
-          }, H(d) ? d : {
-            default: () => [d]
-          })]) || r("span", {
-            class: "k-cell-inner"
-          }, [r(U, {
-            key: 1,
-            field: e.field,
-            sortable: g,
-            onHeadercellclick: (l) => this.cellClick(l, e),
-            selectionValue: e.headerSelectionValue,
-            title: e.title,
-            render: (e.headerCell || this.$props.cellRender) && this.getTemplate(e.headerCell || this.$props.cellRender)
-          }, H(d) ? d : {
-            default: () => [d]
-          })]), this.$props.columnResize && this.$props.columnResize.resizable && e.resizable && r(E, {
-            key: 2,
-            onResize: (l, b, N) => this.$props.columnResize && this.$props.columnResize.dragHandler(l, e, b, N)
-          }, null)]]
+              sortable: m,
+              onHeadercellclick: (b) => this.cellClick(b, e),
+              onSelectionchange: this.selectionChangeHandler,
+              selectionValue: (r = e.headerSelectionValue) != null ? r : this.$props.headerSelectionValue,
+              title: e.title,
+              render: (e.headerCell || this.$props.cellRender) && this.getTemplate(e.headerCell || this.$props.cellRender)
+            }, H(p) ? p : {
+              default: () => [p]
+            })]) || n("span", {
+              class: "k-cell-inner"
+            }, [n(J, {
+              key: 1,
+              field: e.field,
+              sortable: m,
+              onHeadercellclick: (b) => this.cellClick(b, e),
+              selectionValue: (g = e.headerSelectionValue) != null ? g : this.$props.headerSelectionValue,
+              title: e.title,
+              render: (e.headerCell || this.$props.cellRender) && this.getTemplate(e.headerCell || this.$props.cellRender)
+            }, H(p) ? p : {
+              default: () => [p]
+            })]), this.$props.columnResize && this.$props.columnResize.resizable && e.resizable && n(U, {
+              key: 2,
+              onResize: (b, _, P) => this.$props.columnResize && this.$props.columnResize.dragHandler(b, e, _, P)
+            }, null)]];
+          }
         });
       }, this);
     };
-    return r("thead", {
+    return n("thead", {
       role: "rowgroup",
       class: this.theadClasses,
       "data-keyboardnavheader": !0
-    }, [this.$props.columnsMap.map(function(o, m) {
+    }, [this.$props.columnsMap.map(function(c, o) {
       let i;
-      return (this.$props.groupable || this.$props.reorderable) && r(G, {
-        key: m,
+      return (this.$props.groupable || this.$props.reorderable) && n(W, {
+        key: o,
         onPressHandler: this.pressHandler,
         onDragHandler: this.dragHandler,
         onReleaseHandler: this.releaseHandler
-      }, H(i = f.call(this, o, m)) ? i : {
+      }, H(i = a.call(this, c, o)) ? i : {
         default: () => [i]
-      }) || r("tr", {
+      }) || n("tr", {
         class: "k-table-row",
         role: "row",
-        "aria-rowindex": this.columnsMap.length
-      }, [f.call(this, o, m)]);
+        "aria-rowindex": o + 1
+      }, [a.call(this, c, o)]);
     }, this), this.$props.filterRow]);
   }
 });
 export {
-  $e as HeaderRow
+  Se as HeaderRow
 };

package/index.d.mts

@@ -45,5 +45,6 @@ import { GridColumnMenuItemGroup } from './columnMenu/GridColumnMenuItemGroup.js
 import { GridSearchBox, GridSearchBoxProps } from './GridSearchBox.js';
 export * from './utils/main.js';
 export * from './interfaces/events.js';
+export * from './StatusBar.js';
 export { Grid, GridCell, GridEditCell, GridGroupCell, GridHierarchyCell, GridDetailRow, GridRow, GridFilterCell, GridHeaderCell, Footer, FooterRow, GridColumnMenuSort, sortGroupByField, GridColumnMenuFilter, filterGroupByField, GridColumnMenuItem, GridColumnMenuItemContent, GridColumnMenuItemGroup, GridColumnMenuFilterUI, GridColumnMenuFilterCell, GridColumnMenuCheckboxFilter, GridToolbar, GridNoRecords, GridSearchBox, };
 export type { GridProps, GridColumnProps, GridCellProps, GridDetailRowProps, GridRowProps, GridFilterCellProps, GridHeaderCellProps, GridFooterCellProps, GridColumnMenuProps, GridColumnMenuCheckboxFilterProps, GridToolbarProps, GridNoRecordsProps, GridSortSettings, GridPagerSettings, GridGroupableSettings, GridSearchBoxProps, GridColumnState, GridColSpanProps, };

package/index.d.ts

@@ -45,5 +45,6 @@ import { GridColumnMenuItemGroup } from './columnMenu/GridColumnMenuItemGroup';
 import { GridSearchBox, GridSearchBoxProps } from './GridSearchBox';
 export * from './utils/main';
 export * from './interfaces/events';
+export * from './StatusBar';
 export { Grid, GridCell, GridEditCell, GridGroupCell, GridHierarchyCell, GridDetailRow, GridRow, GridFilterCell, GridHeaderCell, Footer, FooterRow, GridColumnMenuSort, sortGroupByField, GridColumnMenuFilter, filterGroupByField, GridColumnMenuItem, GridColumnMenuItemContent, GridColumnMenuItemGroup, GridColumnMenuFilterUI, GridColumnMenuFilterCell, GridColumnMenuCheckboxFilter, GridToolbar, GridNoRecords, GridSearchBox, };
 export type { GridProps, GridColumnProps, GridCellProps, GridDetailRowProps, GridRowProps, GridFilterCellProps, GridHeaderCellProps, GridFooterCellProps, GridColumnMenuProps, GridColumnMenuCheckboxFilterProps, GridToolbarProps, GridNoRecordsProps, GridSortSettings, GridPagerSettings, GridGroupableSettings, GridSearchBoxProps, GridColumnState, GridColSpanProps, };

package/index.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./RootGrid.js"),r=require("./columnMenu/GridColumnMenuSort.js"),o=require("./columnMenu/GridColumnMenuFilter.js"),t=require("./columnMenu/GridColumnMenuFilterUI.js"),l=require("./columnMenu/GridColumnMenuFilterCell.js"),n=require("./columnMenu/GridColumnMenuCheckboxFilter.js"),u=require("./cells/GridCell.js"),d=require("./cells/GridEditCell.js"),G=require("./cells/GridGroupCell.js"),C=require("./cells/GridHierarchyCell.js"),a=require("./cells/GridFilterCell.js"),s=require("./header/GridHeaderCell.js"),m=require("./footer/Footer.js"),c=require("./footer/FooterRow.js"),p=require("./rows/GridDetailRow.js"),F=require("./rows/GridRow.js"),M=require("./GridToolbar.js"),q=require("./components/noRecords/GridNoRecords.js"),g=require("./columnMenu/GridColumnMenuItem.js"),R=require("./columnMenu/GridColumnMenuItemContent.js"),S=require("./columnMenu/GridColumnMenuItemGroup.js"),h=require("./GridSearchBox.js"),e=require("./utils/main.js");exports.Grid=i.RootGrid;exports.GridColumnMenuSort=r.GridColumnMenuSort;exports.sortGroupByField=r.sortGroupByField;exports.GridColumnMenuFilter=o.GridColumnMenuFilter;exports.filterGroupByField=o.filterGroupByField;exports.GridColumnMenuFilterUI=t.GridColumnMenuFilterUI;exports.GridColumnMenuFilterCell=l.GridColumnMenuFilterCell;exports.GridColumnMenuCheckboxFilter=n.GridColumnMenuCheckboxFilter;exports.GridCell=u.GridCell;exports.GridEditCell=d.GridEditCell;exports.GridGroupCell=G.GridGroupCell;exports.GridHierarchyCell=C.GridHierarchyCell;exports.GridFilterCell=a.GridFilterCell;exports.GridHeaderCell=s.GridHeaderCell;exports.Footer=m.Footer;exports.FooterRow=c.FooterRow;exports.GridDetailRow=p.GridDetailRow;exports.GridRow=F.GridRow;exports.GridToolbar=M.GridToolbar;exports.GridNoRecords=q.GridNoRecords;exports.GridColumnMenuItem=g.GridColumnMenuItem;exports.GridColumnMenuItemContent=R.GridColumnMenuItemContent;exports.GridColumnMenuItemGroup=S.GridColumnMenuItemGroup;exports.GridSearchBox=h.GridSearchBox;exports.applyExpandedState=e.applyExpandedState;exports.autoGenerateColumns=e.autoGenerateColumns;exports.calcRowHeight=e.calcRowHeight;exports.checkPropCompatibility=e.checkPropCompatibility;exports.firefox=e.firefox;exports.firefoxMaxHeight=e.firefoxMaxHeight;exports.flatData=e.flatData;exports.footerColumns=e.footerColumns;exports.getColSpan=e.getColSpan;exports.getColumnWidth=e.getColumnWidth;exports.getDataAsArray=e.getDataAsArray;exports.getFlatColumnsState=e.getFlatColumnsState;exports.getIndex=e.getIndex;exports.getNestedValue=e.getNestedValue;exports.getRowSpanOptions=e.getRowSpanOptions;exports.groupedFirstItemValue=e.groupedFirstItemValue;exports.isRtl=e.isRtl;exports.isSorted=e.isSorted;exports.mapColumns=e.mapColumns;exports.parsers=e.parsers;exports.readColumns=e.readColumns;exports.sanitizeColumns=e.sanitizeColumns;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./RootGrid.js"),o=require("./columnMenu/GridColumnMenuSort.js"),t=require("./columnMenu/GridColumnMenuFilter.js"),l=require("./columnMenu/GridColumnMenuFilterUI.js"),u=require("./columnMenu/GridColumnMenuFilterCell.js"),n=require("./columnMenu/GridColumnMenuCheckboxFilter.js"),d=require("./cells/GridCell.js"),a=require("./cells/GridEditCell.js"),G=require("./cells/GridGroupCell.js"),C=require("./cells/GridHierarchyCell.js"),s=require("./cells/GridFilterCell.js"),m=require("./header/GridHeaderCell.js"),c=require("./footer/Footer.js"),p=require("./footer/FooterRow.js"),F=require("./rows/GridDetailRow.js"),M=require("./rows/GridRow.js"),g=require("./GridToolbar.js"),q=require("./components/noRecords/GridNoRecords.js"),S=require("./columnMenu/GridColumnMenuItem.js"),R=require("./columnMenu/GridColumnMenuItemContent.js"),f=require("./columnMenu/GridColumnMenuItemGroup.js"),h=require("./GridSearchBox.js"),e=require("./utils/main.js"),r=require("./StatusBar.js");exports.Grid=i.RootGrid;exports.GridColumnMenuSort=o.GridColumnMenuSort;exports.sortGroupByField=o.sortGroupByField;exports.GridColumnMenuFilter=t.GridColumnMenuFilter;exports.filterGroupByField=t.filterGroupByField;exports.GridColumnMenuFilterUI=l.GridColumnMenuFilterUI;exports.GridColumnMenuFilterCell=u.GridColumnMenuFilterCell;exports.GridColumnMenuCheckboxFilter=n.GridColumnMenuCheckboxFilter;exports.GridCell=d.GridCell;exports.GridEditCell=a.GridEditCell;exports.GridGroupCell=G.GridGroupCell;exports.GridHierarchyCell=C.GridHierarchyCell;exports.GridFilterCell=s.GridFilterCell;exports.GridHeaderCell=m.GridHeaderCell;exports.Footer=c.Footer;exports.FooterRow=p.FooterRow;exports.GridDetailRow=F.GridDetailRow;exports.GridRow=M.GridRow;exports.GridToolbar=g.GridToolbar;exports.GridNoRecords=q.GridNoRecords;exports.GridColumnMenuItem=S.GridColumnMenuItem;exports.GridColumnMenuItemContent=R.GridColumnMenuItemContent;exports.GridColumnMenuItemGroup=f.GridColumnMenuItemGroup;exports.GridSearchBox=h.GridSearchBox;exports.applyExpandedState=e.applyExpandedState;exports.autoGenerateColumns=e.autoGenerateColumns;exports.calcRowHeight=e.calcRowHeight;exports.checkPropCompatibility=e.checkPropCompatibility;exports.firefox=e.firefox;exports.firefoxMaxHeight=e.firefoxMaxHeight;exports.flatData=e.flatData;exports.footerColumns=e.footerColumns;exports.getColSpan=e.getColSpan;exports.getColumnWidth=e.getColumnWidth;exports.getDataAsArray=e.getDataAsArray;exports.getFlatColumnsState=e.getFlatColumnsState;exports.getIndex=e.getIndex;exports.getNestedValue=e.getNestedValue;exports.getRowSpanOptions=e.getRowSpanOptions;exports.groupedFirstItemValue=e.groupedFirstItemValue;exports.isRtl=e.isRtl;exports.isSorted=e.isSorted;exports.mapColumns=e.mapColumns;exports.parsers=e.parsers;exports.readColumns=e.readColumns;exports.sanitizeColumns=e.sanitizeColumns;exports.StatusBar=r.StatusBar;exports.getStatusData=r.getStatusData;exports.leafColumns=r.leafColumns;

package/index.mjs

@@ -7,18 +7,18 @@
  */
 import { RootGrid as e } from "./RootGrid.mjs";
 import { GridColumnMenuSort as l, sortGroupByField as i } from "./columnMenu/GridColumnMenuSort.mjs";
-import { GridColumnMenuFilter as p, filterGroupByField as d } from "./columnMenu/GridColumnMenuFilter.mjs";
+import { GridColumnMenuFilter as p, filterGroupByField as a } from "./columnMenu/GridColumnMenuFilter.mjs";
 import { GridColumnMenuFilterUI as u } from "./columnMenu/GridColumnMenuFilterUI.mjs";
 import { GridColumnMenuFilterCell as f } from "./columnMenu/GridColumnMenuFilterCell.mjs";
 import { GridColumnMenuCheckboxFilter as C } from "./columnMenu/GridColumnMenuCheckboxFilter.mjs";
 import { GridCell as s } from "./cells/GridCell.mjs";
-import { GridEditCell as g } from "./cells/GridEditCell.mjs";
-import { GridGroupCell as c } from "./cells/GridGroupCell.mjs";
-import { GridHierarchyCell as h } from "./cells/GridHierarchyCell.mjs";
+import { GridEditCell as F } from "./cells/GridEditCell.mjs";
+import { GridGroupCell as S } from "./cells/GridGroupCell.mjs";
+import { GridHierarchyCell as R } from "./cells/GridHierarchyCell.mjs";
 import { GridFilterCell as y } from "./cells/GridFilterCell.mjs";
 import { GridHeaderCell as w } from "./header/GridHeaderCell.mjs";
-import { Footer as b } from "./footer/Footer.mjs";
-import { FooterRow as D } from "./footer/FooterRow.mjs";
+import { Footer as D } from "./footer/Footer.mjs";
+import { FooterRow as b } from "./footer/FooterRow.mjs";
 import { GridDetailRow as A } from "./rows/GridDetailRow.mjs";
 import { GridRow as N } from "./rows/GridRow.mjs";
 import { GridToolbar as z } from "./GridToolbar.mjs";
@@ -27,10 +27,11 @@ import { GridColumnMenuItem as U } from "./columnMenu/GridColumnMenuItem.mjs";
 import { GridColumnMenuItemContent as j } from "./columnMenu/GridColumnMenuItemContent.mjs";
 import { GridColumnMenuItemGroup as v } from "./columnMenu/GridColumnMenuItemGroup.mjs";
 import { GridSearchBox as K } from "./GridSearchBox.mjs";
-import { applyExpandedState as Q, autoGenerateColumns as X, calcRowHeight as Y, checkPropCompatibility as Z, firefox as _, firefoxMaxHeight as $, flatData as rr, footerColumns as or, getColSpan as er, getColumnWidth as tr, getDataAsArray as lr, getFlatColumnsState as ir, getIndex as mr, getNestedValue as pr, getRowSpanOptions as dr, groupedFirstItemValue as nr, isRtl as ur, isSorted as ar, mapColumns as fr, parsers as xr, readColumns as Cr, sanitizeColumns as Gr } from "./utils/main.mjs";
+import { applyExpandedState as Q, autoGenerateColumns as X, calcRowHeight as Y, checkPropCompatibility as Z, firefox as _, firefoxMaxHeight as $, flatData as rr, footerColumns as or, getColSpan as er, getColumnWidth as tr, getDataAsArray as lr, getFlatColumnsState as ir, getIndex as mr, getNestedValue as pr, getRowSpanOptions as ar, groupedFirstItemValue as dr, isRtl as ur, isSorted as nr, mapColumns as fr, parsers as xr, readColumns as Cr, sanitizeColumns as Gr } from "./utils/main.mjs";
+import { StatusBar as gr, getStatusData as Fr, leafColumns as Mr } from "./StatusBar.mjs";
 export {
-  b as Footer,
-  D as FooterRow,
+  D as Footer,
+  b as FooterRow,
   e as Grid,
   s as GridCell,
   C as GridColumnMenuCheckboxFilter,
@@ -42,20 +43,21 @@ export {
   v as GridColumnMenuItemGroup,
   l as GridColumnMenuSort,
   A as GridDetailRow,
-  g as GridEditCell,
+  F as GridEditCell,
   y as GridFilterCell,
-  c as GridGroupCell,
+  S as GridGroupCell,
   w as GridHeaderCell,
-  h as GridHierarchyCell,
+  R as GridHierarchyCell,
   P as GridNoRecords,
   N as GridRow,
   K as GridSearchBox,
   z as GridToolbar,
+  gr as StatusBar,
   Q as applyExpandedState,
   X as autoGenerateColumns,
   Y as calcRowHeight,
   Z as checkPropCompatibility,
-  d as filterGroupByField,
+  a as filterGroupByField,
   _ as firefox,
   $ as firefoxMaxHeight,
   rr as flatData,
@@ -66,10 +68,12 @@ export {
   ir as getFlatColumnsState,
   mr as getIndex,
   pr as getNestedValue,
-  dr as getRowSpanOptions,
-  nr as groupedFirstItemValue,
+  ar as getRowSpanOptions,
+  Fr as getStatusData,
+  dr as groupedFirstItemValue,
   ur as isRtl,
-  ar as isSorted,
+  nr as isSorted,
+  Mr as leafColumns,
   fr as mapColumns,
   xr as parsers,
   Cr as readColumns,

package/interfaces/GridCellProps.d.ts

@@ -6,6 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 import { GroupState } from '@progress/kendo-vue-data-tools';
+import { GridColumnType } from './ColumnType';
 /**
  * @hidden
  */
@@ -152,6 +153,16 @@ export interface GridCellProps {
     onCancel?: (event: {
         dataItem: any;
     }) => void;
+    /**
+     * Sets the type of the column and renders a dedicated column for interaction.
+     *
+     * @example
+     * ```jsx
+     * { columnType: "checkbox" }
+     * ```
+     * @default "data"
+     */
+    columnType?: GridColumnType;
     /**
      * The type of the data which will be used when formatting the cell data.
      * Could be one of the following values 'text' | 'numeric' | 'boolean' | 'date'.

package/interfaces/GridColumnProps.d.ts

@@ -187,18 +187,22 @@ export interface GridColumnProps extends Omit<ColumnBaseProps, 'cell'> {
      *
      */
     locked?: boolean;
-    /**
-     * The type of the data which will be used when formatting the cell data.
-     * Could be one of the following values 'string' | 'number' | 'boolean' | 'date'.
-     * Defaults to `string`.
-     */
-    type?: 'string' | 'number' | 'boolean' | 'date';
     /**
      * Sets the type of the column and renders a dedicated column for interaction.
      *
+     * @example
+     * ```jsx
+     * { columnType: "checkbox" }
+     * ```
      * @default "data"
      */
     columnType?: GridColumnType;
+    /**
+     * The type of the data which will be used when formatting the cell data.
+     * Could be one of the following values 'string' | 'number' | 'boolean' | 'date'.
+     * Defaults to `string`.
+     */
+    type?: 'string' | 'number' | 'boolean' | 'date';
     /**
      * Defines if the cells of the column should be spanned when their values are the same.
      *

package/interfaces/GridProps.d.ts

@@ -10,13 +10,14 @@ import { GridGroupableSettings } from './GridGroupableSettings';
 import { GridSortChangeEvent, GridFilterChangeEvent, GridPageChangeEvent, GridExpandChangeEvent, GridSelectionChangeEvent, GridHeaderSelectionChangeEvent, GridRowClickEvent, GridItemChangeEvent, GridDataStateChangeEvent, GridColumnResizeEvent, GridColumnReorderEvent, GridGroupChangeEvent, GridCancelEvent, GridSaveEvent, GridRemoveEvent, GridEditEvent, GridNavigationActionEvent, GridKeyDownEvent, GridSearchChangeEvent, GridGroupExpandChangeEvent, GridDetailExpandChangeEvent } from './events';
 import { GridCellProps } from './GridCellProps';
 import { GridSortSettings } from './GridSortSettings';
-import { DetailExpandDescriptor, GridPagerSettings, GroupExpandDescriptor, SearchField } from '@progress/kendo-vue-data-tools';
+import { DetailExpandDescriptor, GridPagerSettings, GroupExpandDescriptor, SearchField, SelectDescriptor } from '@progress/kendo-vue-data-tools';
 import { GridColumnProps } from '../interfaces/GridColumnProps';
 import { GridFilterOperators } from './GridFilterOperators';
 import { PopupAnimation } from '@progress/kendo-vue-popup';
 import { SVGIcon } from '@progress/kendo-vue-common';
 import { GridColumnState } from './GridColumnState';
 import { GridRowSpannableSettings } from './GridRowSpannableSettings';
+import { GridSelectableSettings } from './GridSelectableSettings';
 /**
  * Represents the props of the [native Vue Grid component by Kendo UI]({% slug overview_grid %}).
  */
@@ -313,8 +314,7 @@ export interface GridProps {
      */
     expandField?: string;
     /**
-     * Specifies the name of the field which will provide a Boolean representation
-     * of the selected state of the item ([see example]({% slug selection_grid %})).
+     * Deprecated. Use `selectable` instead.
      */
     selectedField?: string;
     /**
@@ -332,6 +332,34 @@ export interface GridProps {
             [id: string]: boolean;
         };
     };
+    /**
+     * The default `select` state applied to the Grid when using uncontrolled mode.
+     *
+     * @example
+     * ```jsx
+     * <Grid defaultSelect={{ ['item-data-key-id']: true }} />
+     * ```
+     */
+    defaultSelect?: SelectDescriptor;
+    /**
+     * The [descriptor](https://www.telerik.com/kendo-react-ui/components/datatools/api/selectdescriptor) by which the selected state of an item is defined.
+     * Passing a boolean value will select the whole row, while passing an array of strings will select individual.
+     *
+     * @example
+     * ```jsx
+     * <Grid select={{ ['item-data-key-id']: true }} />
+     * ```
+     */
+    select?: SelectDescriptor;
+    /**
+     * The Grid selectable settings.
+     *
+     * @example
+     * ```vue
+     * <Grid :selectable="{ enabled: true, mode: 'single' }}" />
+     * ```
+     */
+    selectable?: boolean | GridSelectableSettings;
     /**
      * Fires when the user clicks the checkbox of a column header whose `field` matches `selectedField`.
      * ([see example]({% slug selection_grid %})).