@progress/kendo-vue-grid 2.7.3-dev.202201070829 → 2.8.0-dev.202201131525

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,
@@ -204,8 +206,10 @@ var GridFilterCell = {
           );
 
         default:
-          return h("input", {
-            "class": "k-textbox",
+          return h("span", {
+            "class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
+          }, [h("input", {
+            "class": "k-input-inner",
             value: this.v3 ? value || '' : null,
             domProps: this.v3 ? undefined : {
               "value": value || ''
@@ -222,7 +226,7 @@ var GridFilterCell = {
             attrs: this.v3 ? undefined : {
               title: this.$props.title
             }
-          });
+          })]);
       }
     };
 
@@ -230,25 +234,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 +264,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;

package/dist/npm/cells/GridSelectionCell.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 GridSelectionCellMethods extends Vue {
+export interface GridSelectionCellMethods extends Vue2type {
     triggerKeydown: (e: any) => void;
     handleOnChange: (event: any) => void;
     getKeyboardNavigationAttributes: (id: string) => any;
@@ -27,6 +26,6 @@ export interface GridSelectionCellAll extends GridSelectionCellMethods, GridSele
 /**
  * Represents the default `GridSelectionCell` component.
  */
-declare let GridSelectionCell: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<GridSelectionCellMethods>, {}, RecordPropsDefinition<GridCellProps>>;
-declare const GridSelectionCellVue3: DefineComponent<GridCellProps, any, GridSelectionCellData, {}, GridSelectionCellMethods, {}, {}, {}, string, GridCellProps, GridCellProps, {}>;
-export { GridSelectionCell, GridSelectionCellVue3 };
+declare let GridSelectionCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridSelectionCellMethods>, {}, RecordPropsDefinition<GridCellProps>>;
+declare const GridSelectionCell: DefineComponent<GridCellProps, any, GridSelectionCellData, {}, GridSelectionCellMethods, {}, {}, {}, string, GridCellProps, GridCellProps, {}>;
+export { GridSelectionCell, GridSelectionCellVue2 };

package/dist/npm/cells/GridSelectionCell.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.GridSelectionCellVue3 = exports.GridSelectionCell = void 0; // @ts-ignore
+exports.GridSelectionCellVue2 = exports.GridSelectionCell = 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 GridSelectionCell = {
+var GridSelectionCellVue2 = {
   props: {
     id: String,
     field: String,
@@ -116,7 +116,7 @@ var GridSelectionCell = {
         type: "checkbox"
       },
       type: "checkbox",
-      "class": "k-checkbox",
+      "class": "k-checkbox k-checkbox-md k-rounded-md",
       onChange: this.handleOnChange,
       on: this.v3 ? undefined : {
         "change": this.handleOnChange
@@ -140,6 +140,6 @@ var GridSelectionCell = {
     });
   }
 };
-exports.GridSelectionCell = GridSelectionCell;
-var GridSelectionCellVue3 = GridSelectionCell;
-exports.GridSelectionCellVue3 = GridSelectionCellVue3;
+exports.GridSelectionCellVue2 = GridSelectionCellVue2;
+var GridSelectionCell = GridSelectionCellVue2;
+exports.GridSelectionCell = GridSelectionCell;

package/dist/npm/columnMenu/ColumnMenu.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) => ColumnMenuData);
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -9,7 +8,7 @@ import { CompositeFilterDescriptor } from '@progress/kendo-data-query';
 /**
  * @hidden
  */
-export interface ColumnMenuMethods extends Vue {
+export interface ColumnMenuMethods extends Vue2type {
     blur: () => void;
     focus: () => void;
     handleFocus: (_: any) => void;
@@ -49,6 +48,6 @@ export interface ColumnMenuAll extends ColumnMenuMethods, ColumnMenuData, Column
 /**
  * Represents the default `ColumnMenu` component.
  */
-declare let ColumnMenu: ComponentOptions<Vue, DefaultData<ColumnMenuData>, DefaultMethods<ColumnMenuAll>, {}, RecordPropsDefinition<GridColumnMenuProps>>;
-declare const ColumnMenuVue3: DefineComponent<GridColumnMenuProps, any, ColumnMenuData, ColumnMenuComputed, ColumnMenuMethods, {}, {}, {}, string, GridColumnMenuProps, GridColumnMenuProps, {}>;
-export { ColumnMenu, ColumnMenuVue3 };
+declare let ColumnMenuVue2: ComponentOptions<Vue2type, DefaultData<ColumnMenuData>, DefaultMethods<ColumnMenuAll>, {}, RecordPropsDefinition<GridColumnMenuProps>>;
+declare const ColumnMenu: DefineComponent<GridColumnMenuProps, any, ColumnMenuData, ColumnMenuComputed, ColumnMenuMethods, {}, {}, {}, string, GridColumnMenuProps, GridColumnMenuProps, {}>;
+export { ColumnMenu, ColumnMenuVue2 };

package/dist/npm/columnMenu/ColumnMenu.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ColumnMenuVue3 = exports.ColumnMenu = void 0; // @ts-ignore
+exports.ColumnMenuVue2 = exports.ColumnMenu = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -27,7 +27,7 @@ var messages_1 = require("../messages");
  */
 
 
-var ColumnMenu = {
+var ColumnMenuVue2 = {
   name: 'KendoColumnMenu',
   props: {
     animate: {
@@ -182,7 +182,8 @@ var ColumnMenu = {
         },
         onFocusin: _this2.focus,
         style: {
-          outline: 'none'
+          outline: 'none',
+          width: '230px'
         }
       }, [// @ts-ignore
       h(ColumnMenuContent_1.ColumnMenuContent, {
@@ -227,7 +228,8 @@ var ColumnMenu = {
       },
       onFocusin: _this2.focus,
       style: {
-        outline: 'none'
+        outline: 'none',
+        width: '230px'
       }
     }, [h(ColumnMenuContent_1.ColumnMenuContent, {
       column: _this2.$props.column,
@@ -259,6 +261,6 @@ var ColumnMenu = {
     })])])]);
   }
 };
-exports.ColumnMenu = ColumnMenu;
-var ColumnMenuVue3 = ColumnMenu;
-exports.ColumnMenuVue3 = ColumnMenuVue3;
+exports.ColumnMenuVue2 = ColumnMenuVue2;
+var ColumnMenu = ColumnMenuVue2;
+exports.ColumnMenu = ColumnMenu;

package/dist/npm/columnMenu/ColumnMenuContent.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;
@@ -15,7 +14,7 @@ export interface ColumnMenuContentProps extends GridColumnMenuProps {
 /**
  * @hidden
  */
-export interface ColumnMenuContentMethods extends Vue {
+export interface ColumnMenuContentMethods extends Vue2type {
     handleFocus: (e: any) => void;
     closeMenu: () => void;
     contentKeyDown: (e: any) => void;
@@ -26,6 +25,6 @@ export interface ColumnMenuContentMethods extends Vue {
 /**
  * Represents the default `ColumnMenuContent` component.
  */
-declare let ColumnMenuContent: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<ColumnMenuContentMethods>, {}, RecordPropsDefinition<ColumnMenuContentProps>>;
-declare const ColumnMenuContentVue3: DefineComponent<ColumnMenuContentProps, any, {}, {}, ColumnMenuContentMethods, {}, {}, {}, string, ColumnMenuContentProps, ColumnMenuContentProps, {}>;
-export { ColumnMenuContent, ColumnMenuContentVue3 };
+declare let ColumnMenuContentVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<ColumnMenuContentMethods>, {}, RecordPropsDefinition<ColumnMenuContentProps>>;
+declare const ColumnMenuContent: DefineComponent<ColumnMenuContentProps, any, {}, {}, ColumnMenuContentMethods, {}, {}, {}, string, ColumnMenuContentProps, ColumnMenuContentProps, {}>;
+export { ColumnMenuContent, ColumnMenuContentVue2 };

package/dist/npm/columnMenu/ColumnMenuContent.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ColumnMenuContentVue3 = exports.ColumnMenuContent = void 0; // @ts-ignore
+exports.ColumnMenuContentVue2 = exports.ColumnMenuContent = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -20,7 +20,7 @@ var kendo_vue_common_1 = require("@progress/kendo-vue-common");
  */
 
 
-var ColumnMenuContent = {
+var ColumnMenuContentVue2 = {
   name: 'KendoColumnMenuContent',
   props: {
     column: Object,
@@ -124,6 +124,6 @@ var ColumnMenuContent = {
     });
   }
 };
-exports.ColumnMenuContent = ColumnMenuContent;
-var ColumnMenuContentVue3 = ColumnMenuContent;
-exports.ColumnMenuContentVue3 = ColumnMenuContentVue3;
+exports.ColumnMenuContentVue2 = ColumnMenuContentVue2;
+var ColumnMenuContent = ColumnMenuContentVue2;
+exports.ColumnMenuContent = ColumnMenuContent;

package/dist/npm/columnMenu/GridColumnMenuCheckboxFilter.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;
@@ -44,7 +43,7 @@ export interface GridColumnMenuFilterStateProps {
 /**
  * @hidden
  */
-export interface GridColumnMenuCheckboxFilterMethods extends Vue {
+export interface GridColumnMenuCheckboxFilterMethods extends Vue2type {
     defaultFilter: () => CompositeFilterDescriptor;
     parseData: (originalData: any, isUnique: any) => any;
     getFilterIndex: () => number;
@@ -79,6 +78,6 @@ export interface GridColumnMenuCheckboxFilterAll extends GridColumnMenuCheckboxF
 /**
  * Represents the default `GridColumnMenuCheckboxFilter` component.
  */
-declare let GridColumnMenuCheckboxFilter: ComponentOptions<Vue, DefaultData<GridColumnMenuCheckboxFilterData>, DefaultMethods<GridColumnMenuCheckboxFilterAll>, {}, RecordPropsDefinition<GridColumnMenuCheckboxFilterProps>>;
-declare const GridColumnMenuCheckboxFilterVue3: DefineComponent<GridColumnMenuCheckboxFilterProps, any, GridColumnMenuCheckboxFilterData, {}, GridColumnMenuCheckboxFilterMethods, {}, {}, {}, string, GridColumnMenuCheckboxFilterProps, GridColumnMenuCheckboxFilterProps, {}>;
-export { GridColumnMenuCheckboxFilter, GridColumnMenuCheckboxFilterVue3 };
+declare let GridColumnMenuCheckboxFilterVue2: ComponentOptions<Vue2type, DefaultData<GridColumnMenuCheckboxFilterData>, DefaultMethods<GridColumnMenuCheckboxFilterAll>, {}, RecordPropsDefinition<GridColumnMenuCheckboxFilterProps>>;
+declare const GridColumnMenuCheckboxFilter: DefineComponent<GridColumnMenuCheckboxFilterProps, any, GridColumnMenuCheckboxFilterData, {}, GridColumnMenuCheckboxFilterMethods, {}, {}, {}, string, GridColumnMenuCheckboxFilterProps, GridColumnMenuCheckboxFilterProps, {}>;
+export { GridColumnMenuCheckboxFilter, GridColumnMenuCheckboxFilterVue2 };

package/dist/npm/columnMenu/GridColumnMenuCheckboxFilter.js

@@ -33,7 +33,7 @@ var __spreadArrays = undefined && undefined.__spreadArrays || function () {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.GridColumnMenuCheckboxFilterVue3 = exports.GridColumnMenuCheckboxFilter = void 0; // @ts-ignore
+exports.GridColumnMenuCheckboxFilterVue2 = exports.GridColumnMenuCheckboxFilter = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -41,6 +41,8 @@ var allVue = Vue;
 var gh = allVue.h;
 var inject = allVue.inject;
 
+var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
+
 var GridColumnMenuItem_1 = require("./GridColumnMenuItem");
 
 var GridColumnMenuItemGroup_1 = require("./GridColumnMenuItemGroup");
@@ -77,7 +79,7 @@ var isArrayEqual = function isArrayEqual(firstArray, secondArray) {
  */
 
 
-var GridColumnMenuCheckboxFilter = {
+var GridColumnMenuCheckboxFilterVue2 = {
   name: 'KendoGridColumnMenuCheckboxFilter',
   props: {
     column: Object,
@@ -179,13 +181,15 @@ var GridColumnMenuCheckboxFilter = {
     var searchBox = function searchBox() {
       return this.$props.searchBox && h("span", {
         "class": "k-list-filter"
+      }, [h("span", {
+        "class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
       }, [h("input", {
         ref: 'searchBox',
         placeholder: localizationService.toLanguageString(messages_1.searchPlaceholder, messages_1.messages[messages_1.searchPlaceholder]),
         attrs: this.v3 ? undefined : {
           placeholder: localizationService.toLanguageString(messages_1.searchPlaceholder, messages_1.messages[messages_1.searchPlaceholder])
         },
-        "class": "k-textbox",
+        "class": "k-input-inner",
         value: this.v3 ? this.currentValue : null,
         domProps: this.v3 ? undefined : {
           "value": this.currentValue
@@ -194,7 +198,7 @@ var GridColumnMenuCheckboxFilter = {
         on: this.v3 ? undefined : {
           "input": this.handleSearchChange
         }
-      }), h("span", {
+      })]), h("span", {
         "class": "k-icon k-i-search"
       })]);
     };
@@ -280,15 +284,23 @@ var GridColumnMenuCheckboxFilter = {
             })]);
           }, _this2)]), h("div", {
             "class": 'k-columnmenu-actions'
-          }, [h("button", {
-            "class": 'k-button',
+          }, [// @ts-ignore function children
+          h(kendo_vue_buttons_1.Button, {
             type: 'reset',
             attrs: _this2.v3 ? undefined : {
               type: 'reset'
             }
-          }, [localizationService.toLanguageString(messages_1.filterClearButton, messages_1.messages[messages_1.filterClearButton])]), h("button", {
-            "class": 'k-button k-primary'
-          }, [localizationService.toLanguageString(messages_1.filterSubmitButton, messages_1.messages[messages_1.filterSubmitButton])])])])])])];
+          }, _this2.v3 ? function () {
+            return [localizationService.toLanguageString(messages_1.filterClearButton, messages_1.messages[messages_1.filterClearButton])];
+          } : [localizationService.toLanguageString(messages_1.filterClearButton, messages_1.messages[messages_1.filterClearButton])]), // @ts-ignore function children
+          h(kendo_vue_buttons_1.Button, {
+            themeColor: 'primary',
+            attrs: _this2.v3 ? undefined : {
+              themeColor: 'primary'
+            }
+          }, _this2.v3 ? function () {
+            return [localizationService.toLanguageString(messages_1.filterSubmitButton, messages_1.messages[messages_1.filterSubmitButton])];
+          } : [localizationService.toLanguageString(messages_1.filterSubmitButton, messages_1.messages[messages_1.filterSubmitButton])])])])])])];
         } : [h("div", {
           "class": 'kendo-grid-filter-menu-container'
         }, [h("form", {
@@ -344,15 +356,21 @@ var GridColumnMenuCheckboxFilter = {
           })]);
         }, _this2)]), h("div", {
           "class": 'k-columnmenu-actions'
-        }, [h("button", {
-          "class": 'k-button',
+        }, [h(kendo_vue_buttons_1.Button, {
           type: 'reset',
           attrs: _this2.v3 ? undefined : {
             type: 'reset'
           }
-        }, [localizationService.toLanguageString(messages_1.filterClearButton, messages_1.messages[messages_1.filterClearButton])]), h("button", {
-          "class": 'k-button k-primary'
-        }, [localizationService.toLanguageString(messages_1.filterSubmitButton, messages_1.messages[messages_1.filterSubmitButton])])])])])])])];
+        }, _this2.v3 ? function () {
+          return [localizationService.toLanguageString(messages_1.filterClearButton, messages_1.messages[messages_1.filterClearButton])];
+        } : [localizationService.toLanguageString(messages_1.filterClearButton, messages_1.messages[messages_1.filterClearButton])]), h(kendo_vue_buttons_1.Button, {
+          themeColor: 'primary',
+          attrs: _this2.v3 ? undefined : {
+            themeColor: 'primary'
+          }
+        }, _this2.v3 ? function () {
+          return [localizationService.toLanguageString(messages_1.filterSubmitButton, messages_1.messages[messages_1.filterSubmitButton])];
+        } : [localizationService.toLanguageString(messages_1.filterSubmitButton, messages_1.messages[messages_1.filterSubmitButton])])])])])])])];
       } : [h(GridColumnMenuItem_1.GridColumnMenuItem, {
         title: localizationService.toLanguageString(messages_1.filterTitle, messages_1.messages[messages_1.filterTitle]),
         attrs: _this2.v3 ? undefined : {
@@ -425,15 +443,21 @@ var GridColumnMenuCheckboxFilter = {
           })]);
         }, _this2)]), h("div", {
           "class": 'k-columnmenu-actions'
-        }, [h("button", {
-          "class": 'k-button',
+        }, [h(kendo_vue_buttons_1.Button, {
           type: 'reset',
           attrs: _this2.v3 ? undefined : {
             type: 'reset'
           }
-        }, [localizationService.toLanguageString(messages_1.filterClearButton, messages_1.messages[messages_1.filterClearButton])]), h("button", {
-          "class": 'k-button k-primary'
-        }, [localizationService.toLanguageString(messages_1.filterSubmitButton, messages_1.messages[messages_1.filterSubmitButton])])])])])])];
+        }, _this2.v3 ? function () {
+          return [localizationService.toLanguageString(messages_1.filterClearButton, messages_1.messages[messages_1.filterClearButton])];
+        } : [localizationService.toLanguageString(messages_1.filterClearButton, messages_1.messages[messages_1.filterClearButton])]), h(kendo_vue_buttons_1.Button, {
+          themeColor: 'primary',
+          attrs: _this2.v3 ? undefined : {
+            themeColor: 'primary'
+          }
+        }, _this2.v3 ? function () {
+          return [localizationService.toLanguageString(messages_1.filterSubmitButton, messages_1.messages[messages_1.filterSubmitButton])];
+        } : [localizationService.toLanguageString(messages_1.filterSubmitButton, messages_1.messages[messages_1.filterSubmitButton])])])])])])];
       } : [h("div", {
         "class": 'kendo-grid-filter-menu-container'
       }, [h("form", {
@@ -489,15 +513,21 @@ var GridColumnMenuCheckboxFilter = {
         })]);
       }, _this2)]), h("div", {
         "class": 'k-columnmenu-actions'
-      }, [h("button", {
-        "class": 'k-button',
+      }, [h(kendo_vue_buttons_1.Button, {
         type: 'reset',
         attrs: _this2.v3 ? undefined : {
           type: 'reset'
         }
-      }, [localizationService.toLanguageString(messages_1.filterClearButton, messages_1.messages[messages_1.filterClearButton])]), h("button", {
-        "class": 'k-button k-primary'
-      }, [localizationService.toLanguageString(messages_1.filterSubmitButton, messages_1.messages[messages_1.filterSubmitButton])])])])])])])])
+      }, _this2.v3 ? function () {
+        return [localizationService.toLanguageString(messages_1.filterClearButton, messages_1.messages[messages_1.filterClearButton])];
+      } : [localizationService.toLanguageString(messages_1.filterClearButton, messages_1.messages[messages_1.filterClearButton])]), h(kendo_vue_buttons_1.Button, {
+        themeColor: 'primary',
+        attrs: _this2.v3 ? undefined : {
+          themeColor: 'primary'
+        }
+      }, _this2.v3 ? function () {
+        return [localizationService.toLanguageString(messages_1.filterSubmitButton, messages_1.messages[messages_1.filterSubmitButton])];
+      } : [localizationService.toLanguageString(messages_1.filterSubmitButton, messages_1.messages[messages_1.filterSubmitButton])])])])])])])])
     );
   },
   methods: {
@@ -661,6 +691,6 @@ var GridColumnMenuCheckboxFilter = {
     }
   }
 };
-exports.GridColumnMenuCheckboxFilter = GridColumnMenuCheckboxFilter;
-var GridColumnMenuCheckboxFilterVue3 = GridColumnMenuCheckboxFilter;
-exports.GridColumnMenuCheckboxFilterVue3 = GridColumnMenuCheckboxFilterVue3;
+exports.GridColumnMenuCheckboxFilterVue2 = GridColumnMenuCheckboxFilterVue2;
+var GridColumnMenuCheckboxFilter = GridColumnMenuCheckboxFilterVue2;
+exports.GridColumnMenuCheckboxFilter = GridColumnMenuCheckboxFilter;

package/dist/npm/columnMenu/GridColumnMenuFilter.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) => GridColumnMenuFilterData);
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -166,7 +165,7 @@ export interface GridColumnMenuFilterStateProps {
 /**
  * @hidden
  */
-export interface GridColumnMenuFilterMethods extends Vue {
+export interface GridColumnMenuFilterMethods extends Vue2type {
     removeGroup: (group: CompositeFilterDescriptor, rootFilter: CompositeFilterDescriptor) => CompositeFilterDescriptor;
     insertGroup: (group: CompositeFilterDescriptor, rootFilter: CompositeFilterDescriptor) => CompositeFilterDescriptor;
     isControlled: () => boolean;
@@ -199,6 +198,6 @@ export interface GridColumnMenuFilterAll extends GridColumnMenuFilterMethods, Gr
 /**
  * Represents the default `GridColumnMenuFilter` component.
  */
-declare let GridColumnMenuFilter: ComponentOptions<Vue, DefaultData<GridColumnMenuFilterData>, DefaultMethods<GridColumnMenuFilterAll>, {}, RecordPropsDefinition<GridColumnMenuFilterProps>>;
-declare const GridColumnMenuFilterVue3: DefineComponent<GridColumnMenuFilterProps, any, GridColumnMenuFilterData, {}, GridColumnMenuFilterMethods, {}, {}, {}, string, GridColumnMenuFilterProps, GridColumnMenuFilterProps, {}>;
-export { GridColumnMenuFilter, GridColumnMenuFilterVue3 };
+declare let GridColumnMenuFilterVue2: ComponentOptions<Vue2type, DefaultData<GridColumnMenuFilterData>, DefaultMethods<GridColumnMenuFilterAll>, {}, RecordPropsDefinition<GridColumnMenuFilterProps>>;
+declare const GridColumnMenuFilter: DefineComponent<GridColumnMenuFilterProps, any, GridColumnMenuFilterData, {}, GridColumnMenuFilterMethods, {}, {}, {}, string, GridColumnMenuFilterProps, GridColumnMenuFilterProps, {}>;
+export { GridColumnMenuFilter, GridColumnMenuFilterVue2 };