@progress/kendo-vue-grid 3.5.3 → 3.5.4-dev.202209071223

package/dist/npm/header/GridHeaderCell.js

@@ -26,7 +26,9 @@ var GridHeaderCellVue2 = {
   },
   methods: {
     clickHandler: function clickHandler(event) {
-      this.$emit('headercellclick', event);
+      if (this.sortable) {
+        this.$emit('headercellclick', event);
+      }
     }
   },
   // @ts-ignore
@@ -42,14 +44,15 @@ var GridHeaderCellVue2 = {
     var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
     var renderTemplate = this.$props.render;
     var textInCell = this.$props.title || this.$props.field || "\xA0";
-    var defaultRendering = this.$props.sortable ? h("span", {
-      "class": "k-link",
+    var defaultRendering = h("span", {
+      "class": 'k-link',
       onClick: this.clickHandler,
       on: this.v3 ? undefined : {
         "click": this.clickHandler
       }
-    }, [textInCell, defaultSlot]) : defaultSlot ? h("span", [textInCell, defaultSlot]) // @ts-ignore
-    : this.v3 ? textInCell : this._v(textInCell);
+    }, [h("span", {
+      "class": 'k-column-title'
+    }, [textInCell]), defaultSlot]);
     return kendo_vue_common_1.getTemplate.call(this, {
       h: h,
       template: renderTemplate,

package/dist/npm/header/Header.js

@@ -118,10 +118,6 @@ var HeaderVue2 = {
         role: "presentation"
       }
     }, [h("colgroup", {
-      role: "presentation",
-      attrs: this.v3 ? undefined : {
-        role: "presentation"
-      },
       ref: (0, kendo_vue_common_1.setRef)(this, 'colGroupHeader')
     }, [this.$props.cols]), this.$props.headerRow])])]);
   }

package/dist/npm/header/HeaderRow.js

@@ -234,7 +234,7 @@ var HeaderRowVue2 = {
 
           return iconSortIndex >= 0 && [h("span", {
             key: 1,
-            "class": 'k-icon k-i-sort-' + _this.$props.sort[iconSortIndex].dir + '-sm'
+            "class": 'k-icon k-i-sort-' + _this.$props.sort[iconSortIndex].dir + '-small'
           }), _this.$props.sort.length > 1 && h("span", {
             key: 2,
             "class": "k-sort-order"
@@ -330,7 +330,9 @@ var HeaderRowVue2 = {
               filterOperators: _this2.$props.filterOperators,
               onFilterchange: _this2.filterChangeHandler,
               render: columnMenuRender
-            }), column.internalHeaderCell && // @ts-ignore function children
+            }), column.internalHeaderCell && h("span", {
+              "class": 'k-cell-inner'
+            }, [// @ts-ignore function children
             h(column.internalHeaderCell, {
               key: 1,
               field: column.field,
@@ -357,7 +359,9 @@ var HeaderRowVue2 = {
               render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
             }, _this2.v3 ? function () {
               return [sortIcon];
-            } : [sortIcon]) || // @ts-ignore function children
+            } : [sortIcon])]) || h("span", {
+              "class": 'k-cell-inner'
+            }, [// @ts-ignore function children
             h(GridHeaderCell_1.GridHeaderCell, {
               key: 1,
               field: column.field,
@@ -382,7 +386,7 @@ var HeaderRowVue2 = {
               render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
             }, _this2.v3 ? function () {
               return [sortIcon];
-            } : [sortIcon]), _this2.$props.columnResize && _this2.$props.columnResize.resizable // @ts-ignore
+            } : [sortIcon])]), _this2.$props.columnResize && _this2.$props.columnResize.resizable // @ts-ignore
             && column.resizable && h(ColumnResizer_1.ColumnResizer, {
               key: 2,
               onResize: function onResize(e, element, end) {
@@ -430,7 +434,9 @@ var HeaderRowVue2 = {
             filterOperators: _this2.$props.filterOperators,
             onFilterchange: _this2.filterChangeHandler,
             render: columnMenuRender
-          }), column.internalHeaderCell && h(column.internalHeaderCell, {
+          }), column.internalHeaderCell && h("span", {
+            "class": 'k-cell-inner'
+          }, [h(column.internalHeaderCell, {
             key: 1,
             field: column.field,
             attrs: _this2.v3 ? undefined : {
@@ -456,7 +462,9 @@ var HeaderRowVue2 = {
             render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
           }, _this2.v3 ? function () {
             return [sortIcon];
-          } : [sortIcon]) || h(GridHeaderCell_1.GridHeaderCell, {
+          } : [sortIcon])]) || h("span", {
+            "class": 'k-cell-inner'
+          }, [h(GridHeaderCell_1.GridHeaderCell, {
             key: 1,
             field: column.field,
             attrs: _this2.v3 ? undefined : {
@@ -480,7 +488,7 @@ var HeaderRowVue2 = {
             render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
           }, _this2.v3 ? function () {
             return [sortIcon];
-          } : [sortIcon]), _this2.$props.columnResize && _this2.$props.columnResize.resizable && column.resizable && h(ColumnResizer_1.ColumnResizer, {
+          } : [sortIcon])]), _this2.$props.columnResize && _this2.$props.columnResize.resizable && column.resizable && h(ColumnResizer_1.ColumnResizer, {
             key: 2,
             onResize: function onResize(e, element, end) {
               return _this.$props.columnResize && _this.$props.columnResize.dragHandler(e, column, element, end);
@@ -519,7 +527,12 @@ var HeaderRowVue2 = {
         onReleaseHandler: this.releaseHandler
       }, this.v3 ? function () {
         return [cells.call(_this3, rowIndexes)];
-      } : [cells.call(_this3, rowIndexes)]) || h("tr", [cells.call(this, rowIndexes)]);
+      } : [cells.call(_this3, rowIndexes)]) || h("tr", {
+        role: 'row',
+        attrs: this.v3 ? undefined : {
+          role: 'row'
+        }
+      }, [cells.call(this, rowIndexes)]);
     }, this), this.$props.filterRow]);
   }
 };

package/dist/npm/interfaces/GridFilterCellProps.d.ts

@@ -61,4 +61,8 @@ export interface GridFilterCellProps {
      * The method for rendering the filter cell.
      */
     render?: any;
+    /**
+     * The ariaLabel of the filter editor.
+     */
+    ariaLabel?: string;
 }

package/dist/npm/interfaces/GridProps.d.ts

@@ -192,6 +192,11 @@ export interface GridProps {
      * item ([more information and examples]({% slug editing_inline_grid %})).
      */
     editField?: string;
+    /**
+     * A function that returns a custom class applied to the row.
+     * @param item - the item for the row.
+     */
+    rowClass?: Function;
     /**
      * Defines the scroll mode that is used by the Grid ([see example]({% slug scrollmmodes_grid %}).
      *

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-grid',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1662389109,
+    publishDate: 1662553066,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-grid",
-  "version": "3.5.3",
+  "version": "3.5.4-dev.202209071223",
   "description": "Kendo UI for Vue Grid package",
   "repository": {
     "type": "git",
@@ -41,24 +41,24 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-common": "3.5.3"
+    "@progress/kendo-vue-common": "3.5.4-dev.202209071223"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.4",
     "@progress/kendo-drawing": "^1.9.3",
     "@progress/kendo-licensing": "^1.1.0",
-    "@progress/kendo-vue-animation": "3.5.3",
-    "@progress/kendo-vue-buttons": "3.5.3",
-    "@progress/kendo-vue-charts": "3.5.3",
-    "@progress/kendo-vue-data-tools": "3.5.3",
-    "@progress/kendo-vue-dateinputs": "3.5.3",
-    "@progress/kendo-vue-dropdowns": "3.5.3",
-    "@progress/kendo-vue-excel-export": "3.5.3",
-    "@progress/kendo-vue-indicators": "3.5.3",
-    "@progress/kendo-vue-inputs": "3.5.3",
-    "@progress/kendo-vue-intl": "3.5.3",
-    "@progress/kendo-vue-pdf": "3.5.3",
-    "@progress/kendo-vue-popup": "3.5.3",
+    "@progress/kendo-vue-animation": "3.5.4-dev.202209071223",
+    "@progress/kendo-vue-buttons": "3.5.4-dev.202209071223",
+    "@progress/kendo-vue-charts": "3.5.4-dev.202209071223",
+    "@progress/kendo-vue-data-tools": "3.5.4-dev.202209071223",
+    "@progress/kendo-vue-dateinputs": "3.5.4-dev.202209071223",
+    "@progress/kendo-vue-dropdowns": "3.5.4-dev.202209071223",
+    "@progress/kendo-vue-excel-export": "3.5.4-dev.202209071223",
+    "@progress/kendo-vue-indicators": "3.5.4-dev.202209071223",
+    "@progress/kendo-vue-inputs": "3.5.4-dev.202209071223",
+    "@progress/kendo-vue-intl": "3.5.4-dev.202209071223",
+    "@progress/kendo-vue-pdf": "3.5.4-dev.202209071223",
+    "@progress/kendo-vue-popup": "3.5.4-dev.202209071223",
     "cldr-core": "^41.0.0",
     "cldr-dates-full": "^41.0.0",
     "cldr-numbers-full": "^41.0.0",