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

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,
@@ -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: {
@@ -259,6 +259,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,
@@ -185,7 +187,7 @@ var GridColumnMenuCheckboxFilter = {
         attrs: this.v3 ? undefined : {
           placeholder: localizationService.toLanguageString(messages_1.searchPlaceholder, messages_1.messages[messages_1.searchPlaceholder])
         },
-        "class": "k-textbox",
+        "class": "k-input",
         value: this.v3 ? this.currentValue : null,
         domProps: this.v3 ? undefined : {
           "value": this.currentValue
@@ -280,15 +282,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 +354,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 +441,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 +511,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 +689,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 };

package/dist/npm/columnMenu/GridColumnMenuFilter.js

@@ -33,7 +33,7 @@ var __spreadArrays = undefined && undefined.__spreadArrays || function () {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.GridColumnMenuFilterVue3 = exports.GridColumnMenuFilter = exports.filterGroupByField = exports.rootFilterOrDefault = void 0; // @ts-ignore
+exports.GridColumnMenuFilterVue2 = exports.GridColumnMenuFilter = exports.filterGroupByField = exports.rootFilterOrDefault = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -51,6 +51,8 @@ var GridColumnMenuItemGroup_1 = require("./GridColumnMenuItemGroup");
 
 var GridColumnMenuItemContent_1 = require("./GridColumnMenuItemContent");
 
+var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
+
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 
 var filterCommon_1 = require("../filterCommon");
@@ -94,7 +96,7 @@ exports.filterGroupByField = function (field, filter) {
  */
 
 
-var GridColumnMenuFilter = {
+var GridColumnMenuFilterVue2 = {
   name: 'KendoGridColumnMenuFilter',
   props: {
     column: Object,
@@ -432,19 +434,25 @@ var GridColumnMenuFilter = {
             render: filterUI && kendo_vue_common_1.templateRendering.call(_this2, filterUI, kendo_vue_common_1.getListeners.call(_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',
-            disabled: !isFilterValid,
+          }, _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',
               disabled: !isFilterValid
-            }
-          }, [localizationService.toLanguageString(messages_1.filterSubmitButton, messages_1.messages[messages_1.filterSubmitButton])])])])])])];
+            },
+            disabled: !isFilterValid
+          }, _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", {
@@ -484,19 +492,23 @@ var GridColumnMenuFilter = {
           render: filterUI && kendo_vue_common_1.templateRendering.call(_this2, filterUI, kendo_vue_common_1.getListeners.call(_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',
-          disabled: !isFilterValid,
+        }, _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',
             disabled: !isFilterValid
-          }
-        }, [localizationService.toLanguageString(messages_1.filterSubmitButton, messages_1.messages[messages_1.filterSubmitButton])])])])])])])];
+          },
+          disabled: !isFilterValid
+        }, _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 : {
@@ -553,19 +565,23 @@ var GridColumnMenuFilter = {
           render: filterUI && kendo_vue_common_1.templateRendering.call(_this2, filterUI, kendo_vue_common_1.getListeners.call(_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',
-          disabled: !isFilterValid,
+        }, _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',
             disabled: !isFilterValid
-          }
-        }, [localizationService.toLanguageString(messages_1.filterSubmitButton, messages_1.messages[messages_1.filterSubmitButton])])])])])])];
+          },
+          disabled: !isFilterValid
+        }, _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", {
@@ -605,22 +621,26 @@ var GridColumnMenuFilter = {
         render: filterUI && kendo_vue_common_1.templateRendering.call(_this2, filterUI, kendo_vue_common_1.getListeners.call(_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',
-        disabled: !isFilterValid,
+      }, _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',
           disabled: !isFilterValid
-        }
-      }, [localizationService.toLanguageString(messages_1.filterSubmitButton, messages_1.messages[messages_1.filterSubmitButton])])])])])])])])
+        },
+        disabled: !isFilterValid
+      }, _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])])])])])])])])
     );
   }
 };
-exports.GridColumnMenuFilter = GridColumnMenuFilter;
-var GridColumnMenuFilterVue3 = GridColumnMenuFilter;
-exports.GridColumnMenuFilterVue3 = GridColumnMenuFilterVue3;
+exports.GridColumnMenuFilterVue2 = GridColumnMenuFilterVue2;
+var GridColumnMenuFilter = GridColumnMenuFilterVue2;
+exports.GridColumnMenuFilter = GridColumnMenuFilter;

package/dist/npm/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/npm/columnMenu/GridColumnMenuFilterCell.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.GridColumnMenuFilterCellVue3 = exports.GridColumnMenuFilterCell = void 0; // @ts-ignore
+exports.GridColumnMenuFilterCellVue2 = exports.GridColumnMenuFilterCell = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -22,7 +22,7 @@ var filterCommon_1 = require("../filterCommon");
  */
 
 
-var GridColumnMenuFilterCell = {
+var GridColumnMenuFilterCellVue2 = {
   props: {
     field: String,
     filterType: String,
@@ -141,7 +141,7 @@ var GridColumnMenuFilterCell = {
 
         default:
           return h("input", {
-            "class": "k-textbox",
+            "class": "k-input",
             value: this.v3 ? value || '' : null,
             domProps: this.v3 ? undefined : {
               "value": value || ''
@@ -175,6 +175,6 @@ var GridColumnMenuFilterCell = {
     }), filterComponent.call(this, this.$props.filterType, this.$props.value, this.$props.booleanValues)]);
   }
 };
-exports.GridColumnMenuFilterCell = GridColumnMenuFilterCell;
-var GridColumnMenuFilterCellVue3 = GridColumnMenuFilterCell;
-exports.GridColumnMenuFilterCellVue3 = GridColumnMenuFilterCellVue3;
+exports.GridColumnMenuFilterCellVue2 = GridColumnMenuFilterCellVue2;
+var GridColumnMenuFilterCell = GridColumnMenuFilterCellVue2;
+exports.GridColumnMenuFilterCell = GridColumnMenuFilterCell;

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