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

package/dist/es/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/es/cells/GridSelectionCell.js

@@ -9,7 +9,7 @@ import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from '@progress/kendo-v
  * Represents the default `GridSelectionCell` component.
  */
 
-var GridSelectionCell = {
+var GridSelectionCellVue2 = {
   props: {
     id: String,
     field: String,
@@ -129,5 +129,5 @@ var GridSelectionCell = {
     });
   }
 };
-var GridSelectionCellVue3 = GridSelectionCell;
-export { GridSelectionCell, GridSelectionCellVue3 };
+var GridSelectionCell = GridSelectionCellVue2;
+export { GridSelectionCell, GridSelectionCellVue2 };

package/dist/es/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/es/columnMenu/ColumnMenu.js

@@ -13,7 +13,7 @@ import { messages, columnMenu } from '../messages';
  * Represents the default `ColumnMenu` component.
  */
 
-var ColumnMenu = {
+var ColumnMenuVue2 = {
   name: 'KendoColumnMenu',
   props: {
     animate: {
@@ -245,5 +245,5 @@ var ColumnMenu = {
     })])])]);
   }
 };
-var ColumnMenuVue3 = ColumnMenu;
-export { ColumnMenu, ColumnMenuVue3 };
+var ColumnMenu = ColumnMenuVue2;
+export { ColumnMenu, ColumnMenuVue2 };

package/dist/es/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/es/columnMenu/ColumnMenuContent.js

@@ -9,7 +9,7 @@ import { getTemplate, Keys } from '@progress/kendo-vue-common';
  * Represents the default `ColumnMenuContent` component.
  */
 
-var ColumnMenuContent = {
+var ColumnMenuContentVue2 = {
   name: 'KendoColumnMenuContent',
   props: {
     column: Object,
@@ -113,5 +113,5 @@ var ColumnMenuContent = {
     });
   }
 };
-var ColumnMenuContentVue3 = ColumnMenuContent;
-export { ColumnMenuContent, ColumnMenuContentVue3 };
+var ColumnMenuContent = ColumnMenuContentVue2;
+export { ColumnMenuContent, ColumnMenuContentVue2 };

package/dist/es/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/es/columnMenu/GridColumnMenuCheckboxFilter.js

@@ -33,6 +33,7 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var inject = allVue.inject;
+import { Button } from '@progress/kendo-vue-buttons';
 import { GridColumnMenuItem } from './GridColumnMenuItem';
 import { GridColumnMenuItemGroup } from './GridColumnMenuItemGroup';
 import { GridColumnMenuItemContent } from './GridColumnMenuItemContent';
@@ -60,7 +61,7 @@ var isArrayEqual = function isArrayEqual(firstArray, secondArray) {
  */
 
 
-var GridColumnMenuCheckboxFilter = {
+var GridColumnMenuCheckboxFilterVue2 = {
   name: 'KendoGridColumnMenuCheckboxFilter',
   props: {
     column: Object,
@@ -168,7 +169,7 @@ var GridColumnMenuCheckboxFilter = {
         attrs: this.v3 ? undefined : {
           placeholder: localizationService.toLanguageString(searchPlaceholder, messages[searchPlaceholder])
         },
-        "class": "k-textbox",
+        "class": "k-input",
         value: this.v3 ? this.currentValue : null,
         domProps: this.v3 ? undefined : {
           "value": this.currentValue
@@ -263,15 +264,23 @@ var GridColumnMenuCheckboxFilter = {
             })]);
           }, _this2)]), h("div", {
             "class": 'k-columnmenu-actions'
-          }, [h("button", {
-            "class": 'k-button',
+          }, [// @ts-ignore function children
+          h(Button, {
             type: 'reset',
             attrs: _this2.v3 ? undefined : {
               type: 'reset'
             }
-          }, [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), h("button", {
-            "class": 'k-button k-primary'
-          }, [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])];
+          }, _this2.v3 ? function () {
+            return [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])];
+          } : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), // @ts-ignore function children
+          h(Button, {
+            themeColor: 'primary',
+            attrs: _this2.v3 ? undefined : {
+              themeColor: 'primary'
+            }
+          }, _this2.v3 ? function () {
+            return [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])];
+          } : [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])];
         } : [h("div", {
           "class": 'kendo-grid-filter-menu-container'
         }, [h("form", {
@@ -327,15 +336,21 @@ var GridColumnMenuCheckboxFilter = {
           })]);
         }, _this2)]), h("div", {
           "class": 'k-columnmenu-actions'
-        }, [h("button", {
-          "class": 'k-button',
+        }, [h(Button, {
           type: 'reset',
           attrs: _this2.v3 ? undefined : {
             type: 'reset'
           }
-        }, [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), h("button", {
-          "class": 'k-button k-primary'
-        }, [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])])];
+        }, _this2.v3 ? function () {
+          return [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])];
+        } : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), h(Button, {
+          themeColor: 'primary',
+          attrs: _this2.v3 ? undefined : {
+            themeColor: 'primary'
+          }
+        }, _this2.v3 ? function () {
+          return [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])];
+        } : [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])])];
       } : [h(GridColumnMenuItem, {
         title: localizationService.toLanguageString(filterTitle, messages[filterTitle]),
         attrs: _this2.v3 ? undefined : {
@@ -408,15 +423,21 @@ var GridColumnMenuCheckboxFilter = {
           })]);
         }, _this2)]), h("div", {
           "class": 'k-columnmenu-actions'
-        }, [h("button", {
-          "class": 'k-button',
+        }, [h(Button, {
           type: 'reset',
           attrs: _this2.v3 ? undefined : {
             type: 'reset'
           }
-        }, [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), h("button", {
-          "class": 'k-button k-primary'
-        }, [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])];
+        }, _this2.v3 ? function () {
+          return [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])];
+        } : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), h(Button, {
+          themeColor: 'primary',
+          attrs: _this2.v3 ? undefined : {
+            themeColor: 'primary'
+          }
+        }, _this2.v3 ? function () {
+          return [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])];
+        } : [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])];
       } : [h("div", {
         "class": 'kendo-grid-filter-menu-container'
       }, [h("form", {
@@ -472,15 +493,21 @@ var GridColumnMenuCheckboxFilter = {
         })]);
       }, _this2)]), h("div", {
         "class": 'k-columnmenu-actions'
-      }, [h("button", {
-        "class": 'k-button',
+      }, [h(Button, {
         type: 'reset',
         attrs: _this2.v3 ? undefined : {
           type: 'reset'
         }
-      }, [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), h("button", {
-        "class": 'k-button k-primary'
-      }, [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])])])
+      }, _this2.v3 ? function () {
+        return [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])];
+      } : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), h(Button, {
+        themeColor: 'primary',
+        attrs: _this2.v3 ? undefined : {
+          themeColor: 'primary'
+        }
+      }, _this2.v3 ? function () {
+        return [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])];
+      } : [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])])])
     );
   },
   methods: {
@@ -644,5 +671,5 @@ var GridColumnMenuCheckboxFilter = {
     }
   }
 };
-var GridColumnMenuCheckboxFilterVue3 = GridColumnMenuCheckboxFilter;
-export { GridColumnMenuCheckboxFilter, GridColumnMenuCheckboxFilterVue3 };
+var GridColumnMenuCheckboxFilter = GridColumnMenuCheckboxFilterVue2;
+export { GridColumnMenuCheckboxFilter, GridColumnMenuCheckboxFilterVue2 };

package/dist/es/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 };

package/dist/es/columnMenu/GridColumnMenuFilter.js

@@ -38,6 +38,7 @@ import { isCompositeFilterDescriptor } from '@progress/kendo-data-query';
 import { GridColumnMenuItem } from './GridColumnMenuItem';
 import { GridColumnMenuItemGroup } from './GridColumnMenuItemGroup';
 import { GridColumnMenuItemContent } from './GridColumnMenuItemContent';
+import { Button } from '@progress/kendo-vue-buttons';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { operatorMap, getDefaultOperator, filterLogicList, defaultHideSecondFilter, booleanFilterValues, getFilterType, operators } from '../filterCommon';
 import { messages, filterClearButton, filterSubmitButton, filterTitle } from '../messages';
@@ -75,7 +76,7 @@ export var filterGroupByField = function filterGroupByField(field, filter) {
  * Represents the default `GridColumnMenuFilter` component.
  */
 
-var GridColumnMenuFilter = {
+var GridColumnMenuFilterVue2 = {
   name: 'KendoGridColumnMenuFilter',
   props: {
     column: Object,
@@ -413,19 +414,25 @@ var GridColumnMenuFilter = {
             render: filterUI && templateRendering.call(_this2, filterUI, getListeners.call(_this2))
           }), h("div", {
             "class": 'k-columnmenu-actions'
-          }, [h("button", {
-            "class": 'k-button',
+          }, [// @ts-ignore function children
+          h(Button, {
             type: 'reset',
             attrs: _this2.v3 ? undefined : {
               type: 'reset'
             }
-          }, [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), h("button", {
-            "class": 'k-button k-primary',
-            disabled: !isFilterValid,
+          }, _this2.v3 ? function () {
+            return [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])];
+          } : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), // @ts-ignore function children
+          h(Button, {
+            themeColor: 'primary',
             attrs: _this2.v3 ? undefined : {
+              themeColor: 'primary',
               disabled: !isFilterValid
-            }
-          }, [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])];
+            },
+            disabled: !isFilterValid
+          }, _this2.v3 ? function () {
+            return [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])];
+          } : [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])];
         } : [h("div", {
           "class": 'kendo-grid-filter-menu-container'
         }, [h("form", {
@@ -465,19 +472,23 @@ var GridColumnMenuFilter = {
           render: filterUI && templateRendering.call(_this2, filterUI, getListeners.call(_this2))
         }), h("div", {
           "class": 'k-columnmenu-actions'
-        }, [h("button", {
-          "class": 'k-button',
+        }, [h(Button, {
           type: 'reset',
           attrs: _this2.v3 ? undefined : {
             type: 'reset'
           }
-        }, [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), h("button", {
-          "class": 'k-button k-primary',
-          disabled: !isFilterValid,
+        }, _this2.v3 ? function () {
+          return [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])];
+        } : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), h(Button, {
+          themeColor: 'primary',
           attrs: _this2.v3 ? undefined : {
+            themeColor: 'primary',
             disabled: !isFilterValid
-          }
-        }, [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])])];
+          },
+          disabled: !isFilterValid
+        }, _this2.v3 ? function () {
+          return [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])];
+        } : [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])])];
       } : [h(GridColumnMenuItem, {
         title: localizationService.toLanguageString(filterTitle, messages[filterTitle]),
         attrs: _this2.v3 ? undefined : {
@@ -534,19 +545,23 @@ var GridColumnMenuFilter = {
           render: filterUI && templateRendering.call(_this2, filterUI, getListeners.call(_this2))
         }), h("div", {
           "class": 'k-columnmenu-actions'
-        }, [h("button", {
-          "class": 'k-button',
+        }, [h(Button, {
           type: 'reset',
           attrs: _this2.v3 ? undefined : {
             type: 'reset'
           }
-        }, [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), h("button", {
-          "class": 'k-button k-primary',
-          disabled: !isFilterValid,
+        }, _this2.v3 ? function () {
+          return [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])];
+        } : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), h(Button, {
+          themeColor: 'primary',
           attrs: _this2.v3 ? undefined : {
+            themeColor: 'primary',
             disabled: !isFilterValid
-          }
-        }, [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])];
+          },
+          disabled: !isFilterValid
+        }, _this2.v3 ? function () {
+          return [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])];
+        } : [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])];
       } : [h("div", {
         "class": 'kendo-grid-filter-menu-container'
       }, [h("form", {
@@ -586,21 +601,25 @@ var GridColumnMenuFilter = {
         render: filterUI && templateRendering.call(_this2, filterUI, getListeners.call(_this2))
       }), h("div", {
         "class": 'k-columnmenu-actions'
-      }, [h("button", {
-        "class": 'k-button',
+      }, [h(Button, {
         type: 'reset',
         attrs: _this2.v3 ? undefined : {
           type: 'reset'
         }
-      }, [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), h("button", {
-        "class": 'k-button k-primary',
-        disabled: !isFilterValid,
+      }, _this2.v3 ? function () {
+        return [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])];
+      } : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), h(Button, {
+        themeColor: 'primary',
         attrs: _this2.v3 ? undefined : {
+          themeColor: 'primary',
           disabled: !isFilterValid
-        }
-      }, [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])])])
+        },
+        disabled: !isFilterValid
+      }, _this2.v3 ? function () {
+        return [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])];
+      } : [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])])])
     );
   }
 };
-var GridColumnMenuFilterVue3 = GridColumnMenuFilter;
-export { GridColumnMenuFilter, GridColumnMenuFilterVue3 };
+var GridColumnMenuFilter = GridColumnMenuFilterVue2;
+export { GridColumnMenuFilter, GridColumnMenuFilterVue2 };

package/dist/es/columnMenu/GridColumnMenuFilterCell.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;
@@ -28,7 +27,7 @@ export interface ColumnMenuFilterCellProps {
 /**
  * @hidden
  */
-export interface GridColumnMenuFilterCellMethods extends Vue {
+export interface GridColumnMenuFilterCellMethods extends Vue2type {
     handleFocus: (e: any) => void;
     triggerChange: (filter: any) => void;
     inputChange: (value: any, e: any) => void;
@@ -38,6 +37,6 @@ export interface GridColumnMenuFilterCellMethods extends Vue {
 /**
  * Represents the default `GridColumnMenuFilterCell` component.
  */
-declare let GridColumnMenuFilterCell: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<GridColumnMenuFilterCellMethods>, {}, RecordPropsDefinition<ColumnMenuFilterCellProps>>;
-declare const GridColumnMenuFilterCellVue3: DefineComponent<ColumnMenuFilterCellProps, any, {}, {}, GridColumnMenuFilterCellMethods, {}, {}, {}, string, ColumnMenuFilterCellProps, ColumnMenuFilterCellProps, {}>;
-export { GridColumnMenuFilterCell, GridColumnMenuFilterCellVue3 };
+declare let GridColumnMenuFilterCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridColumnMenuFilterCellMethods>, {}, RecordPropsDefinition<ColumnMenuFilterCellProps>>;
+declare const GridColumnMenuFilterCell: DefineComponent<ColumnMenuFilterCellProps, any, {}, {}, GridColumnMenuFilterCellMethods, {}, {}, {}, string, ColumnMenuFilterCellProps, ColumnMenuFilterCellProps, {}>;
+export { GridColumnMenuFilterCell, GridColumnMenuFilterCellVue2 };

package/dist/es/columnMenu/GridColumnMenuFilterCell.js

@@ -10,7 +10,7 @@ import { cellBoolDropdownChange, cellInputChange, cellOperatorChange } from '../
  * Represents the default `GridColumnMenuFilterCell` component.
  */
 
-var GridColumnMenuFilterCell = {
+var GridColumnMenuFilterCellVue2 = {
   props: {
     field: String,
     filterType: String,
@@ -129,7 +129,7 @@ var GridColumnMenuFilterCell = {
 
         default:
           return h("input", {
-            "class": "k-textbox",
+            "class": "k-input",
             value: this.v3 ? value || '' : null,
             domProps: this.v3 ? undefined : {
               "value": value || ''
@@ -163,5 +163,5 @@ var GridColumnMenuFilterCell = {
     }), filterComponent.call(this, this.$props.filterType, this.$props.value, this.$props.booleanValues)]);
   }
 };
-var GridColumnMenuFilterCellVue3 = GridColumnMenuFilterCell;
-export { GridColumnMenuFilterCell, GridColumnMenuFilterCellVue3 };
+var GridColumnMenuFilterCell = GridColumnMenuFilterCellVue2;
+export { GridColumnMenuFilterCell, GridColumnMenuFilterCellVue2 };

package/dist/es/columnMenu/GridColumnMenuFilterUI.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 { GridColumnMenuFilterUIProps } from '../interfaces/GridColumnMenuFilterU
 /**
  * @hidden
  */
-export interface GridColumnMenuFilterUIMethods extends Vue {
+export interface GridColumnMenuFilterUIMethods extends Vue2type {
     triggerClick: () => void;
     handleFocus: (e: any) => void;
     changeHandler: (e: any, filterIndex: number) => void;
@@ -17,6 +16,6 @@ export interface GridColumnMenuFilterUIMethods extends Vue {
 /**
  * Represents the default `GridColumnMenuFilterUI` component.
  */
-declare let GridColumnMenuFilterUI: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<GridColumnMenuFilterUIMethods>, {}, RecordPropsDefinition<GridColumnMenuFilterUIProps>>;
-declare const GridColumnMenuFilterUIVue3: DefineComponent<GridColumnMenuFilterUIProps, any, {}, {}, GridColumnMenuFilterUIMethods, {}, {}, {}, string, GridColumnMenuFilterUIProps, GridColumnMenuFilterUIProps, {}>;
-export { GridColumnMenuFilterUI, GridColumnMenuFilterUIVue3 };
+declare let GridColumnMenuFilterUIVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridColumnMenuFilterUIMethods>, {}, RecordPropsDefinition<GridColumnMenuFilterUIProps>>;
+declare const GridColumnMenuFilterUI: DefineComponent<GridColumnMenuFilterUIProps, any, {}, {}, GridColumnMenuFilterUIMethods, {}, {}, {}, string, GridColumnMenuFilterUIProps, GridColumnMenuFilterUIProps, {}>;
+export { GridColumnMenuFilterUI, GridColumnMenuFilterUIVue2 };

package/dist/es/columnMenu/GridColumnMenuFilterUI.js

@@ -9,7 +9,7 @@ import { getTemplate } from '@progress/kendo-vue-common';
  * Represents the default `GridColumnMenuFilterUI` component.
  */
 
-var GridColumnMenuFilterUI = {
+var GridColumnMenuFilterUIVue2 = {
   props: {
     firstFilterProps: Object,
     secondFilterProps: Object,
@@ -144,5 +144,5 @@ var GridColumnMenuFilterUI = {
     });
   }
 };
-var GridColumnMenuFilterUIVue3 = GridColumnMenuFilterUI;
-export { GridColumnMenuFilterUI, GridColumnMenuFilterUIVue3 };
+var GridColumnMenuFilterUI = GridColumnMenuFilterUIVue2;
+export { GridColumnMenuFilterUI, GridColumnMenuFilterUIVue2 };

package/dist/es/columnMenu/GridColumnMenuItem.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;
@@ -28,13 +27,13 @@ export interface GridColumnMenuItemProps {
 /**
  * @hidden
  */
-export interface GridColumnMenuItemMethods extends Vue {
+export interface GridColumnMenuItemMethods extends Vue2type {
     onClick: () => void;
     onKeyDown: () => void;
 }
 /**
  * Represents the default `GridColumnMenuItem` component.
  */
-declare let GridColumnMenuItem: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<GridColumnMenuItemMethods>, {}, RecordPropsDefinition<GridColumnMenuItemProps>>;
-declare const GridColumnMenuItemVue3: DefineComponent<GridColumnMenuItemProps, any, {}, {}, GridColumnMenuItemMethods, {}, {}, {}, string, GridColumnMenuItemProps, GridColumnMenuItemProps, {}>;
-export { GridColumnMenuItem, GridColumnMenuItemVue3 };
+declare let GridColumnMenuItemVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridColumnMenuItemMethods>, {}, RecordPropsDefinition<GridColumnMenuItemProps>>;
+declare const GridColumnMenuItem: DefineComponent<GridColumnMenuItemProps, any, {}, {}, GridColumnMenuItemMethods, {}, {}, {}, string, GridColumnMenuItemProps, GridColumnMenuItemProps, {}>;
+export { GridColumnMenuItem, GridColumnMenuItemVue2 };

package/dist/es/columnMenu/GridColumnMenuItem.js

@@ -7,7 +7,7 @@ import { Keys } from '@progress/kendo-vue-common';
  * Represents the default `GridColumnMenuItem` component.
  */
 
-var GridColumnMenuItem = {
+var GridColumnMenuItemVue2 = {
   props: {
     title: String,
     iconClass: String,
@@ -54,5 +54,5 @@ var GridColumnMenuItem = {
     }), title]);
   }
 };
-var GridColumnMenuItemVue3 = GridColumnMenuItem;
-export { GridColumnMenuItem, GridColumnMenuItemVue3 };
+var GridColumnMenuItem = GridColumnMenuItemVue2;
+export { GridColumnMenuItem, GridColumnMenuItemVue2 };