@progress/kendo-vue-data-tools 3.6.4 → 3.7.0-dev.202210250731

package/dist/esm/columnmenu/ColumnMenuCheckboxFilter.js

@@ -2,18 +2,14 @@ var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
   if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
     if (ar || !(i in from)) {
@@ -22,9 +18,8 @@ var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
     }
   }
   return to.concat(ar || Array.prototype.slice.call(from));
-}; // @ts-ignore
-
-
+};
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -42,12 +37,10 @@ import { clone, getListeners, getTemplate, templateRendering, getNestedValue } f
 /**
  * @hidden
  */
-
 var isArrayEqual = function isArrayEqual(firstArray, secondArray) {
   if (firstArray.length !== secondArray.length) {
     return false;
   }
-
   return firstArray.every(function (ex, i) {
     return ex === secondArray[i];
   });
@@ -55,8 +48,6 @@ var isArrayEqual = function isArrayEqual(firstArray, secondArray) {
 /**
  * @hidden
  */
-
-
 var ColumnMenuCheckboxFilterVue2 = {
   name: 'KendoColumnMenuCheckboxFilter',
   props: {
@@ -101,7 +92,6 @@ var ColumnMenuCheckboxFilterVue2 = {
     var data = this.$props.dataItems.map(function (item) {
       return getNestedValue(field, item);
     });
-
     if (!isArrayEqual(data, this.dataFromProps)) {
       this.currentData = data;
       this.dataFromProps = data;
@@ -124,31 +114,23 @@ var ColumnMenuCheckboxFilterVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _this2 = this;
-
     var _this = this;
-
     var h = gh || createElement;
     var column = this.$props.column;
-
     if (!column || !column.field) {
       return h("div");
     }
-
     var localizationService = provideLocalizationService(this);
     var expandState = this.$props.expanded !== undefined ? this.$props.expanded : this.currentExpanded;
     var filterValues = [];
-
     if (this.currentFilter) {
       var currentFilter = __spreadArray([], this.currentFilter.filters, true);
-
       this.compositeFilterIndex = currentFilter.findIndex(function (filter) {
         if (filter.filters && filter.filters.length > 0) {
           return filter.filters[0].field === column.field;
         }
-
         return false;
       });
-
       if (this.compositeFilterIndex !== -1 && currentFilter[this.compositeFilterIndex].filters.length > 0) {
         currentFilter[this.compositeFilterIndex].filters.forEach(function (filterItem) {
           if (filterItem.field === _this.$props.column.field) {
@@ -157,7 +139,6 @@ var ColumnMenuCheckboxFilterVue2 = {
         });
       }
     }
-
     var searchBox = function searchBox() {
       return this.$props.searchBox && h("span", {
         "class": "k-list-filter"
@@ -182,7 +163,6 @@ var ColumnMenuCheckboxFilterVue2 = {
         }
       })])]);
     };
-
     var uniqueFilterValues = filterValues.filter(function (item, index) {
       return filterValues.indexOf(item) === index;
     });
@@ -190,7 +170,8 @@ var ColumnMenuCheckboxFilterVue2 = {
     var checkAllItemTemplate = templateRendering.call(this, this.$props.checkAllItem, getListeners.call(this));
     var defaultCheckAllRendering = h("li", {
       "class": "k-item"
-    }, [// @ts-ignore  function children
+    }, [
+    // @ts-ignore  function children
     h(Checkbox, {
       label: localizationService.toLanguageString(filterCheckAll, messages[filterCheckAll]),
       attrs: this.v3 ? undefined : {
@@ -220,9 +201,11 @@ var ColumnMenuCheckboxFilterVue2 = {
         }
       }
     });
-    return (// @ts-ignore  function children
+    return (
+      // @ts-ignore  function children
       h(ColumnMenuItemGroup, this.v3 ? function () {
-        return [// @ts-ignore  function children
+        return [
+        // @ts-ignore  function children
         h(ColumnMenuItem, {
           title: localizationService.toLanguageString(filterTitle, messages[filterTitle]),
           attrs: _this2.v3 ? undefined : {
@@ -234,7 +217,8 @@ var ColumnMenuCheckboxFilterVue2 = {
           on: _this2.v3 ? undefined : {
             "click": _this2.onFilterExpand
           }
-        }), // @ts-ignore  function children
+        }),
+        // @ts-ignore  function children
         h(ColumnMenuItemContent, {
           show: !!expandState,
           attrs: _this2.v3 ? undefined : {
@@ -257,11 +241,11 @@ var ColumnMenuCheckboxFilterVue2 = {
             "class": "k-reset k-multicheck-wrap"
           }, [checkAllItemRender, _this2.currentData.map(function (item, index) {
             var _this = this;
-
             var defaultRendering = h("li", {
               "class": "k-item",
               key: index
-            }, [// @ts-ignore  function children
+            }, [
+            // @ts-ignore  function children
             h(Checkbox, {
               label: String(item),
               attrs: this.v3 ? undefined : {
@@ -296,7 +280,8 @@ var ColumnMenuCheckboxFilterVue2 = {
             return itemRender;
           }, _this2)]), h("div", {
             "class": 'k-columnmenu-actions'
-          }, [// @ts-ignore function children
+          }, [
+          // @ts-ignore function children
           h(Button, {
             type: 'reset',
             attrs: _this2.v3 ? undefined : {
@@ -304,7 +289,8 @@ var ColumnMenuCheckboxFilterVue2 = {
             }
           }, _this2.v3 ? function () {
             return [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])];
-          } : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), // @ts-ignore function children
+          } : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]),
+          // @ts-ignore function children
           h(Button, {
             themeColor: 'primary',
             attrs: _this2.v3 ? undefined : {
@@ -329,7 +315,6 @@ var ColumnMenuCheckboxFilterVue2 = {
           "class": "k-reset k-multicheck-wrap"
         }, [checkAllItemRender, _this2.currentData.map(function (item, index) {
           var _this = this;
-
           var defaultRendering = h("li", {
             "class": "k-item",
             key: index
@@ -415,7 +400,6 @@ var ColumnMenuCheckboxFilterVue2 = {
           "class": "k-reset k-multicheck-wrap"
         }, [checkAllItemRender, _this2.currentData.map(function (item, index) {
           var _this = this;
-
           var defaultRendering = h("li", {
             "class": "k-item",
             key: index
@@ -484,7 +468,6 @@ var ColumnMenuCheckboxFilterVue2 = {
         "class": "k-reset k-multicheck-wrap"
       }, [checkAllItemRender, _this2.currentData.map(function (item, index) {
         var _this = this;
-
         var defaultRendering = h("li", {
           "class": "k-item",
           key: index
@@ -544,7 +527,6 @@ var ColumnMenuCheckboxFilterVue2 = {
       if (this.$props.filter) {
         return clone(this.$props.filter);
       }
-
       return {
         filters: [],
         logic: 'and'
@@ -555,13 +537,11 @@ var ColumnMenuCheckboxFilterVue2 = {
       var data = originalData.map(function (item) {
         return getNestedValue(field, item);
       });
-
       if (isUnique) {
         return data.filter(function (item, index) {
           return data.indexOf(item) === index;
         });
       }
-
       return data;
     },
     getFilterIndex: function getFilterIndex() {
@@ -576,7 +556,6 @@ var ColumnMenuCheckboxFilterVue2 = {
       var isControlled = this.$props.expanded !== undefined;
       var nextValue = !(isControlled ? this.$props.expanded : this.currentExpanded);
       this.$emit('expandchange', nextValue);
-
       if (!isControlled) {
         this.currentExpanded = nextValue;
       }
@@ -597,17 +576,14 @@ var ColumnMenuCheckboxFilterVue2 = {
     clear: function clear(e) {
       e.preventDefault();
       var updatedFilter = this.currentFilter || null;
-
       if (updatedFilter !== null && updatedFilter.filters.length > 0) {
         if (this.compositeFilterIndex >= 0) {
           updatedFilter.filters.splice(this.compositeFilterIndex, 1);
         }
-
         this.$emit('filterchange', updatedFilter, e);
       } else {
         this.$emit('filterchange', null, e);
       }
-
       this.$emit('closemenu');
     },
     submit: function submit(e) {
@@ -618,16 +594,12 @@ var ColumnMenuCheckboxFilterVue2 = {
     },
     handleCheckBoxChange: function handleCheckBoxChange(e, value) {
       var field = this.$props.column.field || '';
-
       var newFilter = __assign({}, this.currentFilter);
-
       var filters = __spreadArray([], this.currentFilter.filters, true) || [];
       var fieldFilters = [];
-
       if (this.compositeFilterIndex !== -1 && newFilter.filters[this.compositeFilterIndex].filters && value !== 'all') {
         fieldFilters = newFilter.filters[this.compositeFilterIndex].filters;
       }
-
       if (e.value && value === 'all') {
         this.currentData.forEach(function (item) {
           fieldFilters.push({
@@ -648,9 +620,7 @@ var ColumnMenuCheckboxFilterVue2 = {
         });
         fieldFilters.splice(index, 1);
       }
-
       newFilter.logic = 'and';
-
       if (this.compositeFilterIndex !== -1) {
         filters[this.compositeFilterIndex] = {
           logic: 'or',
@@ -662,40 +632,31 @@ var ColumnMenuCheckboxFilterVue2 = {
           filters: fieldFilters
         });
       }
-
       if (!e.value && value === 'all' || fieldFilters.length === 0) {
         filters.splice(this.compositeFilterIndex, 1);
       }
-
       newFilter.filters = filters;
       this.currentFilter = newFilter;
     },
     isAllSelected: function isAllSelected() {
       var _this = this;
-
       var isAllChecked = false;
-
       if (this.currentFilter) {
         var filters_1 = __spreadArray([], this.currentFilter.filters, true);
-
         if (this.compositeFilterIndex === -1) {
           return false;
         }
-
         isAllChecked = this.currentData.every(function (item) {
           if (_this.compositeFilterIndex !== -1 && filters_1[_this.compositeFilterIndex].filters) {
             var index = filters_1[_this.compositeFilterIndex].filters.findIndex(function (filter) {
               return filter.value === item;
             });
-
             return index >= 0;
           }
-
           return false;
         });
         return isAllChecked;
       }
-
       return isAllChecked;
     }
   }
@@ -703,6 +664,5 @@ var ColumnMenuCheckboxFilterVue2 = {
 /**
  * @hidden
  */
-
 var ColumnMenuCheckboxFilter = ColumnMenuCheckboxFilterVue2;
 export { ColumnMenuCheckboxFilter, ColumnMenuCheckboxFilterVue2 };

package/dist/esm/columnmenu/ColumnMenuContent.js

@@ -9,7 +9,6 @@ import { getTemplate, Keys } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var ColumnMenuContentVue2 = {
   name: 'KendoColumnMenuContent',
   props: {
@@ -61,7 +60,8 @@ var ColumnMenuContentVue2 = {
       on: this.v3 ? undefined : {
         "keydown": this.contentKeyDown
       }
-    }, [// @ts-ignore
+    }, [
+    // @ts-ignore
     h(ColumnMenuSort, {
       column: this.$props.column,
       attrs: this.v3 ? undefined : {
@@ -77,7 +77,8 @@ var ColumnMenuContentVue2 = {
         "sortchange": this.sortChange
       },
       onSortchange: this.sortChange
-    }), // @ts-ignore
+    }),
+    // @ts-ignore
     h(ColumnMenuFilter, {
       column: this.$props.column,
       attrs: this.v3 ? undefined : {
@@ -118,6 +119,5 @@ var ColumnMenuContentVue2 = {
 /**
  * @hidden
  */
-
 var ColumnMenuContent = ColumnMenuContentVue2;
 export { ColumnMenuContent, ColumnMenuContentVue2 };

package/dist/esm/columnmenu/ColumnMenuFilter.js

@@ -2,18 +2,14 @@ var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
   if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
     if (ar || !(i in from)) {
@@ -22,9 +18,8 @@ var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
     }
   }
   return to.concat(ar || Array.prototype.slice.call(from));
-}; // @ts-ignore
-
-
+};
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -45,19 +40,17 @@ import { DropDownList } from '@progress/kendo-vue-dropdowns';
 /**
  * @hidden
  */
-
 export var rootFilterOrDefault = function rootFilterOrDefault(rootFilter) {
   return rootFilter || {
     filters: [],
     logic: 'and'
   };
-}; // tslint:disable:max-line-length
-
+};
+// tslint:disable:max-line-length
 /**
  * Can be used to check if filtering is applied to a specific field ([see example]({% slug column_menu_grid %}#toc-styling-the-column-menu-icon)). Useful for creating active filter indicators.
  */
 // tslint:enable:max-line-length
-
 export var filterGroupByField = function filterGroupByField(field, filter) {
   var rootFilter = rootFilterOrDefault(filter);
   var compositeFilters = rootFilter.filters.filter(function (f) {
@@ -66,7 +59,6 @@ export var filterGroupByField = function filterGroupByField(field, filter) {
         return isCompositeFilterDescriptor(nf) || nf.field !== field;
       });
     }
-
     return false;
   });
   return compositeFilters[0] || null;
@@ -74,7 +66,6 @@ export var filterGroupByField = function filterGroupByField(field, filter) {
 /**
  * @hidden
  */
-
 var ColumnMenuFilterVue2 = {
   name: 'KendoColumnMenuFilter',
   props: {
@@ -112,9 +103,7 @@ var ColumnMenuFilterVue2 = {
   },
   created: function created() {
     var _this = this;
-
     var filterGroup;
-
     if (this.$props.column && this.$props.column.field) {
       var filterType = getFilterType(this.$props.column.filter);
       var defaultOperator = getDefaultOperator(this.$props.filterOperators, filterType);
@@ -133,7 +122,6 @@ var ColumnMenuFilterVue2 = {
           operator: defaultOperator
         }]
       };
-
       if (filterGroup.filters.filter(function (x) {
         return x.field === _this.$props.column.field;
       }).length === 1) {
@@ -143,22 +131,18 @@ var ColumnMenuFilterVue2 = {
         });
       }
     }
-
     this.currentExpanded = this.$props.expanded || false;
     this.filterGroup = filterGroup;
   },
   methods: {
     removeGroup: function removeGroup(group, rootFilter) {
       var filters = __spreadArray([], rootFilter.filters, true);
-
       var groupIndex = filters.findIndex(function (f) {
         return f === group;
       });
-
       if (groupIndex > -1) {
         filters.splice(groupIndex, 1);
       }
-
       return __assign(__assign({}, rootFilter), {
         filters: filters
       });
@@ -175,7 +159,6 @@ var ColumnMenuFilterVue2 = {
       var isControlled = this.isControlled();
       var nextValue = !(isControlled ? this.$props.expanded : this.currentExpanded);
       this.$emit('expandchange', nextValue);
-
       if (!isControlled) {
         this.currentExpanded = nextValue;
       }
@@ -197,7 +180,6 @@ var ColumnMenuFilterVue2 = {
             operator: e.operator
           });
         }
-
         return f;
       });
       this.filterGroup = __assign(__assign({}, this.filterGroup), {
@@ -211,18 +193,15 @@ var ColumnMenuFilterVue2 = {
     },
     clear: function clear(e) {
       e.preventDefault();
-
       if (!hasListener.call(this, 'filterchange')) {
         return;
       }
-
       var field = this.$props.column.field;
       var rootFilter = rootFilterOrDefault(this.$props.filter);
       var filterGroup = filterGroupByField(field, this.$props.filter);
       var rootFilters = rootFilter.filters.filter(function (f) {
         return f !== filterGroup;
       });
-
       if (!rootFilters.length) {
         this.$emit('filterchange', null, {
           event: e,
@@ -236,7 +215,6 @@ var ColumnMenuFilterVue2 = {
           field: this.$props.column.field
         });
       }
-
       this.$emit('closemenu');
     },
     currentFilterGroup: function currentFilterGroup() {
@@ -248,23 +226,19 @@ var ColumnMenuFilterVue2 = {
     },
     submit: function submit(e) {
       e.preventDefault();
-
       if (!hasListener.call(this, 'filterchange')) {
         return;
       }
-
       var field = this.$props.column.field;
       var rootFilter = rootFilterOrDefault(this.$props.filter);
       var filterGroup = filterGroupByField(field, this.$props.filter);
       var currentFilterGroup = this.currentFilterGroup();
       var updatedFilter = null;
-
       if (filterGroup && currentFilterGroup.filters.length > 0) {
         var rootFilters = rootFilter.filters.map(function (f) {
           if (f === filterGroup) {
             return currentFilterGroup;
           }
-
           return f;
         });
         updatedFilter = __assign(__assign({}, rootFilter), {
@@ -274,7 +248,6 @@ var ColumnMenuFilterVue2 = {
         var rootFilters = rootFilter.filters.filter(function (f) {
           return f !== filterGroup;
         });
-
         if (rootFilters.length) {
           updatedFilter = __assign(__assign({}, rootFilter), {
             filters: rootFilters
@@ -285,7 +258,6 @@ var ColumnMenuFilterVue2 = {
           filters: __spreadArray(__spreadArray([], rootFilter.filters, true), [currentFilterGroup], false)
         });
       }
-
       this.$emit('filterchange', updatedFilter, {
         event: e,
         field: this.$props.column.field
@@ -308,20 +280,16 @@ var ColumnMenuFilterVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _this2 = this;
-
     var _this = this;
-
     var h = gh || createElement;
     var _a = this.$props,
-        column = _a.column,
-        filterUI = _a.filterUI,
-        hideSecondFilter = _a.hideSecondFilter,
-        filterOperators = _a.filterOperators;
-
+      column = _a.column,
+      filterUI = _a.filterUI,
+      hideSecondFilter = _a.hideSecondFilter,
+      filterOperators = _a.filterOperators;
     if (!column || !column.field) {
       return h("div");
     }
-
     var filterType = column.filter || 'text';
     var currentHideSecondFilter = hideSecondFilter !== undefined ? hideSecondFilter : defaultHideSecondFilter[filterType];
     var localizationService = provideLocalizationService(this);
@@ -355,15 +323,15 @@ var ColumnMenuFilterVue2 = {
     var isFilterValid = this.currentFilterGroup().filters.length !== 0;
     var expandState = this.isControlled() ? this.$props.expanded : this.currentExpanded;
     var firstField = firstFilterCellProps.field,
-        firstValue = firstFilterCellProps.value,
-        firstOperator = firstFilterCellProps.operator,
-        firstBooleanValues = firstFilterCellProps.booleanValues,
-        firstFilterType = firstFilterCellProps.filterType,
-        secondField = secondFilterCellProps.field,
-        secondValue = secondFilterCellProps.value,
-        secondOperator = secondFilterCellProps.operator,
-        secondBooleanValues = secondFilterCellProps.booleanValues,
-        secondFilterType = secondFilterCellProps.filterType;
+      firstValue = firstFilterCellProps.value,
+      firstOperator = firstFilterCellProps.operator,
+      firstBooleanValues = firstFilterCellProps.booleanValues,
+      firstFilterType = firstFilterCellProps.filterType,
+      secondField = secondFilterCellProps.field,
+      secondValue = secondFilterCellProps.value,
+      secondOperator = secondFilterCellProps.operator,
+      secondBooleanValues = secondFilterCellProps.booleanValues,
+      secondFilterType = secondFilterCellProps.filterType;
     var filterUIRender = filterUI && templateRendering.call(this, filterUI, getListeners.call(this));
     var render = getTemplate.call(this, {
       h: h,
@@ -375,9 +343,11 @@ var ColumnMenuFilterVue2 = {
         logicchange: this.logicChange
       }
     });
-    return (// @ts-ignore function children
+    return (
+      // @ts-ignore function children
       h(ColumnMenuItemGroup, this.v3 ? function () {
-        return [// @ts-ignore
+        return [
+        // @ts-ignore
         h(ColumnMenuItem, {
           title: localizationService.toLanguageString(columnMenuFilterTitle, messages[columnMenuFilterTitle]),
           attrs: _this2.v3 ? undefined : {
@@ -389,7 +359,8 @@ var ColumnMenuFilterVue2 = {
           on: _this2.v3 ? undefined : {
             "menuitemclick": _this2.onFilterExpand
           }
-        }), // @ts-ignore function children
+        }),
+        // @ts-ignore function children
         h(ColumnMenuItemContent, {
           show: !!expandState,
           attrs: _this2.v3 ? undefined : {
@@ -408,7 +379,8 @@ var ColumnMenuFilterVue2 = {
             onReset: _this2.clear
           }, [h("div", {
             "class": 'k-filter-menu-container'
-          }, [// @ts-ignore
+          }, [
+          // @ts-ignore
           !filterUI && [h(ColumnMenuFilterOperators, {
             operator: firstOperator,
             attrs: _this2.v3 ? undefined : {
@@ -451,7 +423,8 @@ var ColumnMenuFilterVue2 = {
               _this.filterChangeHandler(e, 0);
             },
             operators: currentOperators
-          })], !hideSecondFilter && !filterUI && [// @ts-ignore
+          })], !hideSecondFilter && !filterUI && [
+          // @ts-ignore
           h(DropDownList, {
             onChange: _this2.logicChange,
             on: _this2.v3 ? undefined : {
@@ -466,7 +439,8 @@ var ColumnMenuFilterVue2 = {
             },
             value: logicProps.value,
             textField: "text"
-          }), // @ts-ignore
+          }),
+          // @ts-ignore
           h(ColumnMenuFilterOperators, {
             operator: secondOperator,
             attrs: _this2.v3 ? undefined : {
@@ -484,7 +458,8 @@ var ColumnMenuFilterVue2 = {
               }
             },
             operators: currentOperators
-          }), // @ts-ignore
+          }),
+          // @ts-ignore
           h(ColumnMenuFilterCell, {
             field: secondField,
             attrs: _this2.v3 ? undefined : {
@@ -512,7 +487,8 @@ var ColumnMenuFilterVue2 = {
             operators: currentOperators
           })], filterUI && render, h("div", {
             "class": 'k-columnmenu-actions'
-          }, [// @ts-ignore function children
+          }, [
+          // @ts-ignore function children
           h(Button, {
             type: 'reset',
             attrs: _this2.v3 ? undefined : {
@@ -520,7 +496,8 @@ var ColumnMenuFilterVue2 = {
             }
           }, _this2.v3 ? function () {
             return [localizationService.toLanguageString(columnMenuFilterClearButton, messages[columnMenuFilterClearButton])];
-          } : [localizationService.toLanguageString(columnMenuFilterClearButton, messages[columnMenuFilterClearButton])]), // @ts-ignore function children
+          } : [localizationService.toLanguageString(columnMenuFilterClearButton, messages[columnMenuFilterClearButton])]),
+          // @ts-ignore function children
           h(Button, {
             themeColor: 'primary',
             attrs: _this2.v3 ? undefined : {
@@ -1074,6 +1051,5 @@ var ColumnMenuFilterVue2 = {
  *
  * ### props <span class='code'>[ColumnMenuFilterProps]({% slug api_grid_gridcolumnmenufilterprops %})</span>
  */
-
 var ColumnMenuFilter = ColumnMenuFilterVue2;
 export { ColumnMenuFilter, ColumnMenuFilterVue2 };