@progress/kendo-vue-grid 2.7.2-dev.202201051440 → 2.8.0-dev.202201111325

package/dist/npm/GridNoRecords.d.ts

@@ -1,9 +1,8 @@
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
 };
-import { DefineComponent } from './additionalTypes';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
 /**
  * Represents the GridNoRecords component which is rendered
  * when the `data` property of the Grid is empty or `null`.
@@ -44,6 +43,6 @@ import { DefineComponent } from './additionalTypes';
 /**
  * Represents the default `GridNoRecords` component.
  */
-declare let GridNoRecords: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<{}>>;
-declare const GridNoRecordsVue3: DefineComponent<{}, any, {}, {}, {}, {}, {}, {}, string, {}, {}, {}>;
-export { GridNoRecords, GridNoRecordsVue3 };
+declare let GridNoRecordsVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<{}>>;
+declare const GridNoRecords: DefineComponent<{}, any, {}, {}, {}, {}, {}, {}, string, {}, {}, {}>;
+export { GridNoRecords, GridNoRecordsVue2 };

package/dist/npm/GridNoRecords.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.GridNoRecordsVue3 = exports.GridNoRecords = void 0; // @ts-ignore
+exports.GridNoRecordsVue2 = exports.GridNoRecords = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -59,7 +59,7 @@ var kendo_vue_common_1 = require("@progress/kendo-vue-common");
  */
 
 
-var GridNoRecords = {
+var GridNoRecordsVue2 = {
   name: 'GridNoRecords',
   inject: {
     kendoLocalizationService: {
@@ -85,6 +85,6 @@ var GridNoRecords = {
     : this.v3 ? noRecordsMessage : this._v(noRecordsMessage);
   }
 };
-exports.GridNoRecords = GridNoRecords;
-var GridNoRecordsVue3 = GridNoRecords;
-exports.GridNoRecordsVue3 = GridNoRecordsVue3;
+exports.GridNoRecordsVue2 = GridNoRecordsVue2;
+var GridNoRecords = GridNoRecordsVue2;
+exports.GridNoRecords = GridNoRecords;

package/dist/npm/GridToolbar.d.ts

@@ -1,57 +1,16 @@
 import { GridToolbarProps } from './interfaces/GridToolbarProps';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
 };
-import { DefineComponent } from './additionalTypes';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
 /**
  * Represents the GridToolbar component.
  *
- * @example
- * ```tsx-no-run
- *   <div id="app">
- *       <Grid
- *           :data-items="products"
- *           :columns="columns">
- *       <grid-toolbar >
- *           <button title="Add new" class="k-button k-primary" @click='insert' >
- *                   Add new
- *           </button>
- *           <button v-if="hasItemsInEdit"
- *               title="Cancel current changes"
- *               class="k-button"
- *               @click="cancelChanges">
- *               Cancel current changes
- *           </button>
- *           </grid-toolbar>
- *       </Grid>
- *   </div>
- * <script>
- *       Vue.component('Grid', Grid);
- *       Vue.component('grid-toolbar', GridToolbar);
- *       new Vue({
- *           el: '#app',
- *           data: function () {
- *               return {
- *                  products: [
- *                    { 'foo': 'A1', 'bar': 'B1' },
- *                       { 'foo': 'A2', 'bar': 'B2' },
- *                       { 'foo': 'A3', 'bar': 'B2' }
- *                   ],
- *                   columns: [
- *                       { field: 'foo'},
- *                       { field: 'bar'}
- *                   ]
- *               };
- *           }
- *       });
- *   </script>
- * ```
  */
 /**
  * Represents the default `GridToolbar` component.
  */
-declare let GridToolbar: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<GridToolbarProps>>;
-declare const GridToolbarVue3: DefineComponent<GridToolbarProps, any, {}, {}, {}, {}, {}, {}, string, GridToolbarProps, GridToolbarProps, {}>;
-export { GridToolbar, GridToolbarVue3 };
+declare let GridToolbarVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<GridToolbarProps>>;
+declare const GridToolbar: DefineComponent<GridToolbarProps, any, {}, {}, {}, {}, {}, {}, string, GridToolbarProps, GridToolbarProps, {}>;
+export { GridToolbar, GridToolbarVue2 };

package/dist/npm/GridToolbar.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.GridToolbarVue3 = exports.GridToolbar = void 0; // @ts-ignore
+exports.GridToolbarVue2 = exports.GridToolbar = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -14,46 +14,6 @@ var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
  * Represents the GridToolbar component.
  *
- * @example
- * ```tsx-no-run
- *   <div id="app">
- *       <Grid
- *           :data-items="products"
- *           :columns="columns">
- *       <grid-toolbar >
- *           <button title="Add new" class="k-button k-primary" @click='insert' >
- *                   Add new
- *           </button>
- *           <button v-if="hasItemsInEdit"
- *               title="Cancel current changes"
- *               class="k-button"
- *               @click="cancelChanges">
- *               Cancel current changes
- *           </button>
- *           </grid-toolbar>
- *       </Grid>
- *   </div>
- * <script>
- *       Vue.component('Grid', Grid);
- *       Vue.component('grid-toolbar', GridToolbar);
- *       new Vue({
- *           el: '#app',
- *           data: function () {
- *               return {
- *                  products: [
- *                    { 'foo': 'A1', 'bar': 'B1' },
- *                       { 'foo': 'A2', 'bar': 'B2' },
- *                       { 'foo': 'A3', 'bar': 'B2' }
- *                   ],
- *                   columns: [
- *                       { field: 'foo'},
- *                       { field: 'bar'}
- *                   ]
- *               };
- *           }
- *       });
- *   </script>
- * ```
  */
 
 /**
@@ -61,7 +21,7 @@ var kendo_vue_common_1 = require("@progress/kendo-vue-common");
  */
 
 
-var GridToolbar = {
+var GridToolbarVue2 = {
   name: 'GridToolbar',
   // @ts-ignore
   setup: !gh ? undefined : function () {
@@ -79,6 +39,6 @@ var GridToolbar = {
     }, [defaultSlot]);
   }
 };
-exports.GridToolbar = GridToolbar;
-var GridToolbarVue3 = GridToolbar;
-exports.GridToolbarVue3 = GridToolbarVue3;
+exports.GridToolbarVue2 = GridToolbarVue2;
+var GridToolbar = GridToolbarVue2;
+exports.GridToolbar = GridToolbar;

package/dist/npm/additionalTypes.ts

@@ -1,3 +1,9 @@
 // @ts-ignore
 import { DefineComponent } from 'vue';
-export { DefineComponent };
+// @ts-ignore
+import * as Vue from 'vue';
+// @ts-ignore
+type Vue2type = Vue.default;
+// @ts-ignore
+import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type };

package/dist/npm/cells/GridCell.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -9,7 +8,7 @@ import { IntlService } from '@progress/kendo-vue-intl';
 /**
  * @hidden
  */
-export interface GridCellAll extends Vue {
+export interface GridCellAll extends Vue2type {
     _intl: IntlService;
     triggerKeydown: (e: any) => void;
     triggerClick: () => void;
@@ -23,6 +22,6 @@ export interface GridCellAll extends Vue {
 /**
  * Represents the default `GridCell` component.
  */
-declare let GridCell: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<GridCellAll>, {}, RecordPropsDefinition<GridCellProps>>;
-declare const GridCellVue3: DefineComponent<GridCellProps, any, {}, {}, {}, {}, {}, {}, string, GridCellProps, GridCellProps, {}>;
-export { GridCell, GridCellVue3 };
+declare let GridCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridCellAll>, {}, RecordPropsDefinition<GridCellProps>>;
+declare const GridCell: DefineComponent<GridCellProps, any, {}, {}, {}, {}, {}, {}, string, GridCellProps, GridCellProps, {}>;
+export { GridCell, GridCellVue2 };

package/dist/npm/cells/GridCell.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.GridCellVue3 = exports.GridCell = void 0; // @ts-ignore
+exports.GridCellVue2 = exports.GridCell = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -23,7 +23,7 @@ var kendo_vue_data_tools_1 = require("@progress/kendo-vue-data-tools");
  */
 
 
-var GridCell = {
+var GridCellVue2 = {
   name: 'GridCell',
   // @ts-ignore
   emits: {
@@ -163,6 +163,6 @@ var GridCell = {
     });
   }
 };
-exports.GridCell = GridCell;
-var GridCellVue3 = GridCell;
-exports.GridCellVue3 = GridCellVue3;
+exports.GridCellVue2 = GridCellVue2;
+var GridCell = GridCellVue2;
+exports.GridCell = GridCell;

package/dist/npm/cells/GridDetailCell.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -16,12 +15,12 @@ export interface GridDetailCellProps {
 /**
  * @hidden
  */
-export interface GridDetailCellAll extends GridDetailCellProps, Vue {
+export interface GridDetailCellAll extends GridDetailCellProps, Vue2type {
     getKeyboardNavigationAttributes: (id: string) => any;
 }
 /**
  * Represents the default `GridDetailCell` component.
  */
-declare let GridDetailCell: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<GridDetailCellAll>, {}, RecordPropsDefinition<GridDetailCellProps>>;
-declare const GridDetailCellVue3: DefineComponent<GridDetailCellProps, any, {}, {}, {}, {}, {}, {}, string, GridDetailCellProps, GridDetailCellProps, {}>;
-export { GridDetailCell, GridDetailCellVue3 };
+declare let GridDetailCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridDetailCellAll>, {}, RecordPropsDefinition<GridDetailCellProps>>;
+declare const GridDetailCell: DefineComponent<GridDetailCellProps, any, {}, {}, {}, {}, {}, {}, string, GridDetailCellProps, GridDetailCellProps, {}>;
+export { GridDetailCell, GridDetailCellVue2 };

package/dist/npm/cells/GridDetailCell.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.GridDetailCellVue3 = exports.GridDetailCell = void 0; // @ts-ignore
+exports.GridDetailCellVue2 = exports.GridDetailCell = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -19,7 +19,7 @@ var kendo_vue_data_tools_1 = require("@progress/kendo-vue-data-tools");
  */
 
 
-var GridDetailCell = {
+var GridDetailCellVue2 = {
   props: {
     colSpan: Number,
     ariaColIndex: Number,
@@ -83,6 +83,6 @@ var GridDetailCell = {
     })]);
   }
 };
-exports.GridDetailCell = GridDetailCell;
-var GridDetailCellVue3 = GridDetailCell;
-exports.GridDetailCellVue3 = GridDetailCellVue3;
+exports.GridDetailCellVue2 = GridDetailCellVue2;
+var GridDetailCell = GridDetailCellVue2;
+exports.GridDetailCell = GridDetailCell;

package/dist/npm/cells/GridDetailHierarchyCell.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -11,12 +10,12 @@ export interface GridDetailHierarchyCellProps {
 /**
  * @hidden
  */
-export interface GridDetailHierarchyCellAll extends GridDetailHierarchyCellProps, Vue {
+export interface GridDetailHierarchyCellAll extends GridDetailHierarchyCellProps, Vue2type {
     getKeyboardNavigationAttributes: (id: string) => any;
 }
 /**
  * Represents the default `GridDetailHierarchyCell` component.
  */
-declare let GridDetailHierarchyCell: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<GridDetailHierarchyCellAll>, {}, RecordPropsDefinition<GridDetailHierarchyCellProps>>;
-declare const GridDetailHierarchyCellVue3: DefineComponent<GridDetailHierarchyCellProps, any, {}, {}, {}, {}, {}, {}, string, GridDetailHierarchyCellProps, GridDetailHierarchyCellProps, {}>;
-export { GridDetailHierarchyCell, GridDetailHierarchyCellVue3 };
+declare let GridDetailHierarchyCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridDetailHierarchyCellAll>, {}, RecordPropsDefinition<GridDetailHierarchyCellProps>>;
+declare const GridDetailHierarchyCell: DefineComponent<GridDetailHierarchyCellProps, any, {}, {}, {}, {}, {}, {}, string, GridDetailHierarchyCellProps, GridDetailHierarchyCellProps, {}>;
+export { GridDetailHierarchyCell, GridDetailHierarchyCellVue2 };

package/dist/npm/cells/GridDetailHierarchyCell.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.GridDetailHierarchyCellVue3 = exports.GridDetailHierarchyCell = void 0; // @ts-ignore
+exports.GridDetailHierarchyCellVue2 = exports.GridDetailHierarchyCell = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -19,7 +19,7 @@ var kendo_vue_common_1 = require("@progress/kendo-vue-common");
  */
 
 
-var GridDetailHierarchyCell = {
+var GridDetailHierarchyCellVue2 = {
   props: {
     id: String
   },
@@ -54,6 +54,6 @@ var GridDetailHierarchyCell = {
     });
   }
 };
-exports.GridDetailHierarchyCell = GridDetailHierarchyCell;
-var GridDetailHierarchyCellVue3 = GridDetailHierarchyCell;
-exports.GridDetailHierarchyCellVue3 = GridDetailHierarchyCellVue3;
+exports.GridDetailHierarchyCellVue2 = GridDetailHierarchyCellVue2;
+var GridDetailHierarchyCell = GridDetailHierarchyCellVue2;
+exports.GridDetailHierarchyCell = GridDetailHierarchyCell;

package/dist/npm/cells/GridEditCell.d.ts

@@ -1,6 +1,5 @@
-import { DefineComponent } from '../additionalTypes';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 import { GridCellProps } from '../interfaces/GridCellProps';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -8,7 +7,7 @@ declare type DefaultMethods<V> = {
 /**
  * @hidden
  */
-export interface GridEditCellMethods extends Vue {
+export interface GridEditCellMethods extends Vue2type {
     triggerClick: () => void;
     triggerKeydown: (e: any) => void;
     triggerEdit: (dataItem: any) => void;
@@ -33,6 +32,6 @@ export interface GridEditCellAll extends GridEditCellMethods, GridEditCellData {
 /**
  * Represents the default `GridEditCell` component.
  */
-declare let GridEditCell: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<GridEditCellMethods>, {}, RecordPropsDefinition<GridCellProps>>;
-declare const GridEditCellVue3: DefineComponent<GridCellProps, any, GridEditCellData, [], GridEditCellMethods, {}, {}, {}, string, GridCellProps, GridCellProps, {}>;
-export { GridEditCell, GridEditCellVue3 };
+declare let GridEditCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridEditCellMethods>, {}, RecordPropsDefinition<GridCellProps>>;
+declare const GridEditCell: DefineComponent<GridCellProps, any, GridEditCellData, [], GridEditCellMethods, {}, {}, {}, string, GridCellProps, GridCellProps, {}>;
+export { GridEditCell, GridEditCellVue2 };

package/dist/npm/cells/GridEditCell.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.GridEditCellVue3 = exports.GridEditCell = void 0; // @ts-ignore
+exports.GridEditCellVue2 = exports.GridEditCell = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -25,7 +25,7 @@ var kendo_vue_data_tools_1 = require("@progress/kendo-vue-data-tools");
  */
 
 
-var GridEditCell = {
+var GridEditCellVue2 = {
   props: {
     id: String,
     field: String,
@@ -285,7 +285,7 @@ var GridEditCell = {
           style: {
             width: '100%'
           },
-          "class": "k-textbox",
+          "class": "k-input",
           value: this.v3 ? data !== null && data !== void 0 ? data : '' : null,
           domProps: this.v3 ? undefined : {
             "value": data !== null && data !== void 0 ? data : ''
@@ -314,6 +314,6 @@ var GridEditCell = {
     });
   }
 };
-exports.GridEditCell = GridEditCell;
-var GridEditCellVue3 = GridEditCell;
-exports.GridEditCellVue3 = GridEditCellVue3;
+exports.GridEditCellVue2 = GridEditCellVue2;
+var GridEditCell = GridEditCellVue2;
+exports.GridEditCell = GridEditCell;

package/dist/npm/cells/GridFilterCell.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -8,7 +7,7 @@ import { GridFilterCellProps } from '../interfaces/GridFilterCellProps';
 /**
  * @hidden
  */
-export interface GridFilterCellMethods extends Vue {
+export interface GridFilterCellMethods extends Vue2type {
     triggerClick: () => void;
     inputChange: (value: any, e: any) => void;
     operatorChange: (operatorValue: any, e: any) => void;
@@ -19,6 +18,6 @@ export interface GridFilterCellMethods extends Vue {
 /**
  * Represents the default `GridFilterCell` component.
  */
-declare let GridFilterCell: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<GridFilterCellMethods>, {}, RecordPropsDefinition<GridFilterCellProps>>;
-declare const GridFilterCellVue3: DefineComponent<GridFilterCellProps, any, {}, {}, GridFilterCellMethods, {}, {}, {}, string, GridFilterCellProps, GridFilterCellProps, {}>;
-export { GridFilterCell, GridFilterCellVue3 };
+declare let GridFilterCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridFilterCellMethods>, {}, RecordPropsDefinition<GridFilterCellProps>>;
+declare const GridFilterCell: DefineComponent<GridFilterCellProps, any, {}, {}, GridFilterCellMethods, {}, {}, {}, string, GridFilterCellProps, GridFilterCellProps, {}>;
+export { GridFilterCell, GridFilterCellVue2 };

package/dist/npm/cells/GridFilterCell.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.GridFilterCellVue3 = exports.GridFilterCell = void 0; // @ts-ignore
+exports.GridFilterCellVue2 = exports.GridFilterCell = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -11,6 +11,8 @@ var allVue = Vue;
 var gh = allVue.h;
 var inject = allVue.inject;
 
+var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
+
 var messages_1 = require("../messages");
 
 var kendo_vue_dropdowns_1 = require("@progress/kendo-vue-dropdowns");
@@ -29,7 +31,7 @@ var kendo_vue_common_1 = require("@progress/kendo-vue-common");
  */
 
 
-var GridFilterCell = {
+var GridFilterCellVue2 = {
   name: 'KendoGridFilterCell',
   props: {
     id: String,
@@ -205,7 +207,7 @@ var GridFilterCell = {
 
         default:
           return h("input", {
-            "class": "k-textbox",
+            "class": "k-textbox k-input",
             value: this.v3 ? value || '' : null,
             domProps: this.v3 ? undefined : {
               "value": value || ''
@@ -230,25 +232,23 @@ var GridFilterCell = {
       "class": "k-filtercell"
     }, [h("div", {
       "class": "k-filtercell-wrapper"
-    }, [filterComponent.call(this, this.$props.filterType, this.$props.value), h("div", {
-      "class": "k-filtercell-operator"
-    }, [renderOperatorEditor.call(this), h("button", {
-      "class":
-      /* button is always visible if there is either value or operator */
-      !(this.$props.value === null || this.$props.value === '') || this.$props.operator ? 'k-button k-button-icon k-clear-button-visible' : 'k-button k-button-icon',
-      title: localizationService.toLanguageString(messages_1.filterClearButton, messages_1.messages[messages_1.filterClearButton]),
+    }, [filterComponent.call(this, this.$props.filterType, this.$props.value), renderOperatorEditor.call(this), // @ts-ignore function children 
+    h(kendo_vue_buttons_1.Button, {
+      icon: 'filter-clear',
       attrs: this.v3 ? undefined : {
-        title: localizationService.toLanguageString(messages_1.filterClearButton, messages_1.messages[messages_1.filterClearButton]),
-        type: "button"
+        icon: 'filter-clear',
+        title: localizationService.toLanguageString(messages_1.filterClearButton, messages_1.messages[messages_1.filterClearButton])
       },
-      type: "button",
+      "class": {
+        /* button is always visible if there is either value or operator */
+        'k-disabled': !(!(this.$props.value === null || this.$props.value === '') || this.$props.operator)
+      },
+      title: localizationService.toLanguageString(messages_1.filterClearButton, messages_1.messages[messages_1.filterClearButton]),
       onClick: this.clear,
       on: this.v3 ? undefined : {
         "click": this.clear
       }
-    }, [h("span", {
-      "class": "k-icon k-i-filter-clear"
-    })])])])]);
+    })])]);
     var gridListeners = this.$props.grid ? kendo_vue_common_1.getListeners.call(this.$props.grid) : null;
     var cellRenderFunction = kendo_vue_common_1.templateRendering.call(this.$props.grid, this.$props.render, gridListeners);
     return kendo_vue_common_1.getTemplate.call(this, {
@@ -262,6 +262,6 @@ var GridFilterCell = {
     });
   }
 };
-exports.GridFilterCell = GridFilterCell;
-var GridFilterCellVue3 = GridFilterCell;
-exports.GridFilterCellVue3 = GridFilterCellVue3;
+exports.GridFilterCellVue2 = GridFilterCellVue2;
+var GridFilterCell = GridFilterCellVue2;
+exports.GridFilterCell = GridFilterCell;

package/dist/npm/cells/GridGroupCell.d.ts

@@ -1,6 +1,5 @@
-import { DefineComponent } from '../additionalTypes';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 import { GridCellProps } from '../interfaces/GridCellProps';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -8,7 +7,7 @@ declare type DefaultMethods<V> = {
 /**
  * @hidden
  */
-export interface GridGroupCellMethods extends Vue {
+export interface GridGroupCellMethods extends Vue2type {
     triggerKeydown: (e: any, expanded: boolean | undefined) => void;
     clickHandler: (e: any, dataItem: any, expanded: boolean | undefined) => void;
     getKeyboardNavigationAttributes: (id: string) => any;
@@ -16,6 +15,6 @@ export interface GridGroupCellMethods extends Vue {
 /**
  * Represents the default `GridGroupCell` component.
  */
-declare let GridGroupCell: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<GridGroupCellMethods>, {}, RecordPropsDefinition<GridCellProps>>;
-declare const GridGroupCellVue3: DefineComponent<GridCellProps, any, {}, {}, GridGroupCellMethods, {}, {}, {}, string, GridCellProps, GridCellProps, {}>;
-export { GridGroupCell, GridGroupCellVue3 };
+declare let GridGroupCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridGroupCellMethods>, {}, RecordPropsDefinition<GridCellProps>>;
+declare const GridGroupCell: DefineComponent<GridCellProps, any, {}, {}, GridGroupCellMethods, {}, {}, {}, string, GridCellProps, GridCellProps, {}>;
+export { GridGroupCell, GridGroupCellVue2 };

package/dist/npm/cells/GridGroupCell.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.GridGroupCellVue3 = exports.GridGroupCell = void 0; // @ts-ignore
+exports.GridGroupCellVue2 = exports.GridGroupCell = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -18,7 +18,7 @@ var kendo_vue_data_tools_1 = require("@progress/kendo-vue-data-tools");
  */
 
 
-var GridGroupCell = {
+var GridGroupCellVue2 = {
   props: {
     id: String,
     field: String,
@@ -178,6 +178,6 @@ var GridGroupCell = {
     });
   }
 };
-exports.GridGroupCell = GridGroupCell;
-var GridGroupCellVue3 = GridGroupCell;
-exports.GridGroupCellVue3 = GridGroupCellVue3;
+exports.GridGroupCellVue2 = GridGroupCellVue2;
+var GridGroupCell = GridGroupCellVue2;
+exports.GridGroupCell = GridGroupCell;

package/dist/npm/cells/GridHierarchyCell.d.ts

@@ -1,6 +1,5 @@
-import { DefineComponent } from '../additionalTypes';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 import { GridCellProps } from '../interfaces/GridCellProps';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -8,7 +7,7 @@ declare type DefaultMethods<V> = {
 /**
  * @hidden
  */
-export interface GridHierarchyCellMethods extends Vue {
+export interface GridHierarchyCellMethods extends Vue2type {
     triggerKeydown: (e: any, expanded: boolean | undefined) => void;
     clickHandler: (e: any, dataItem: any, expanded: boolean | undefined) => void;
     getKeyboardNavigationAttributes: (id: string) => any;
@@ -16,6 +15,6 @@ export interface GridHierarchyCellMethods extends Vue {
 /**
  * Represents the default `GridHierarchyCell` component.
  */
-declare let GridHierarchyCell: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<GridHierarchyCellMethods>, {}, RecordPropsDefinition<GridCellProps>>;
-declare const GridHierarchyCellVue3: DefineComponent<GridCellProps, any, {}, {}, GridHierarchyCellMethods, {}, {}, {}, string, GridCellProps, GridCellProps, {}>;
-export { GridHierarchyCell, GridHierarchyCellVue3 };
+declare let GridHierarchyCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridHierarchyCellMethods>, {}, RecordPropsDefinition<GridCellProps>>;
+declare const GridHierarchyCell: DefineComponent<GridCellProps, any, {}, {}, GridHierarchyCellMethods, {}, {}, {}, string, GridCellProps, GridCellProps, {}>;
+export { GridHierarchyCell, GridHierarchyCellVue2 };

package/dist/npm/cells/GridHierarchyCell.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.GridHierarchyCellVue3 = exports.GridHierarchyCell = void 0; // @ts-ignore
+exports.GridHierarchyCellVue2 = exports.GridHierarchyCell = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -20,7 +20,7 @@ var kendo_vue_data_tools_1 = require("@progress/kendo-vue-data-tools");
  */
 
 
-var GridHierarchyCell = {
+var GridHierarchyCellVue2 = {
   props: {
     id: String,
     field: String,
@@ -164,6 +164,6 @@ var GridHierarchyCell = {
     });
   }
 };
-exports.GridHierarchyCell = GridHierarchyCell;
-var GridHierarchyCellVue3 = GridHierarchyCell;
-exports.GridHierarchyCellVue3 = GridHierarchyCellVue3;
+exports.GridHierarchyCellVue2 = GridHierarchyCellVue2;
+var GridHierarchyCell = GridHierarchyCellVue2;
+exports.GridHierarchyCell = GridHierarchyCell;