@progress/kendo-vue-data-tools 6.4.1 → 6.5.0-develop.1

package/cells/FilterCell.mjs

@@ -5,14 +5,14 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as k, inject as p, createVNode as i, h as F } from "vue";
+import { defineComponent as k, createVNode as i, h as F, inject as p } from "vue";
 import { Button as z } from "@progress/kendo-vue-buttons";
-import { columnMenuFilterClearButton as g, messages as n, columnMenuFilterChooseOperator as c, filterDropDownOperatorAriaLabel as h, filterTextFilterAriaLabel as u, filterEnumFilterDropdownAriaLabel as d, filterDateFilterAriaLabel as f, filterNumericFilterAriaLabel as m } from "../messages/main.mjs";
+import { columnMenuFilterClearButton as g, messages as n, filterTextFilterAriaLabel as c, filterEnumFilterDropdownAriaLabel as h, filterDateFilterAriaLabel as u, filterNumericFilterAriaLabel as d, filterDropDownOperatorAriaLabel as f, columnMenuFilterChooseOperator as m } from "../messages/main.mjs";
 import { DropDownList as C } from "@progress/kendo-vue-dropdowns";
 import { TextBox as D, NumericTextBox as w } from "@progress/kendo-vue-inputs";
 import { DatePicker as x } from "@progress/kendo-vue-dateinputs";
 import { provideLocalizationService as I } from "@progress/kendo-vue-intl";
-import { cellInputChange as y, cellOperatorChange as A, cellBoolDropdownChange as O } from "../filterCommon.mjs";
+import { cellBoolDropdownChange as y, cellOperatorChange as A, cellInputChange as O } from "../filterCommon.mjs";
 import { getListeners as T, templateRendering as B, getTemplate as N } from "@progress/kendo-vue-common";
 import { filterClearIcon as j, filterIcon as R } from "@progress/kendo-svg-icons";
 const U = /* @__PURE__ */ k({
@@ -47,7 +47,7 @@ const U = /* @__PURE__ */ k({
   },
   methods: {
     inputChange(e, t) {
-      const o = y(e, t, this.$props);
+      const o = O(e, t, this.$props);
       this.triggerChange(o);
     },
     operatorChange(e, t) {
@@ -55,7 +55,7 @@ const U = /* @__PURE__ */ k({
       this.triggerChange(o);
     },
     boolDropdownChange(e, t) {
-      const o = O(e.value.operator, t);
+      const o = y(e.value.operator, t);
       this.triggerChange(o);
     },
     clear(e) {
@@ -91,12 +91,12 @@ const U = /* @__PURE__ */ k({
           iconClassName: "k-button-icon",
           "data-items": this.$props.operators,
           textField: "text",
-          title: t.toLanguageString(c, n[c]),
+          title: t.toLanguageString(m, n[m]),
           popupSettings: {
             width: "",
             anchor: ""
           },
-          "aria-label": this.ariaLabel || t.toLanguageString(h, n[h])
+          "aria-label": this.ariaLabel || t.toLanguageString(f, n[f])
         }, null);
     }, v = function(l, a) {
       let s;
@@ -109,7 +109,7 @@ const U = /* @__PURE__ */ k({
               this.inputChange(r.value, r.event);
             },
             title: this.$props.title,
-            "aria-label": this.ariaLabel || t.toLanguageString(m, n[m])
+            "aria-label": this.ariaLabel || t.toLanguageString(d, n[d])
           }, null);
         case "date":
           return i(x, {
@@ -119,7 +119,7 @@ const U = /* @__PURE__ */ k({
               this.inputChange(r.value, r);
             },
             title: this.$props.title,
-            "aria-label": this.ariaLabel || t.toLanguageString(f, n[f])
+            "aria-label": this.ariaLabel || t.toLanguageString(u, n[u])
           }, null);
         case "boolean":
           return s = this.$props.booleanValues, i(C, {
@@ -129,7 +129,7 @@ const U = /* @__PURE__ */ k({
             "data-items": s,
             textField: "text",
             title: this.$props.title,
-            "aria-label": this.ariaLabel || t.toLanguageString(d, n[d])
+            "aria-label": this.ariaLabel || t.toLanguageString(h, n[h])
           }, null);
         default:
           return i(D, {
@@ -139,7 +139,7 @@ const U = /* @__PURE__ */ k({
               this.inputChange(r.target.value, r);
             },
             title: this.$props.title,
-            "aria-label": this.ariaLabel || t.toLanguageString(u, n[u])
+            "aria-label": this.ariaLabel || t.toLanguageString(c, n[c])
           }, null);
       }
     }, L = i("div", {

package/columnmenu/ColumnMenu.mjs

@@ -5,8 +5,8 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as i, inject as r, createVNode as o } from "vue";
-import { guid as s, setRef as l, Icon as c } from "@progress/kendo-vue-common";
+import { defineComponent as i, createVNode as o, inject as r } from "vue";
+import { setRef as s, Icon as l, guid as c } from "@progress/kendo-vue-common";
 import { Popup as u } from "@progress/kendo-vue-popup";
 import { moreVerticalIcon as a } from "@progress/kendo-svg-icons";
 import { ColumnMenuContent as h } from "./ColumnMenuContent.mjs";
@@ -51,7 +51,7 @@ const T = /* @__PURE__ */ i({
     };
   },
   created() {
-    this._anchor = s();
+    this._anchor = c();
   },
   computed: {
     currentOpen() {
@@ -110,9 +110,9 @@ const T = /* @__PURE__ */ i({
       class: "k-grid-column-menu k-grid-filter",
       tabindex: 0,
       title: `${this.$props.column.field} ${t.toLanguageString(n, f[n])}`,
-      ref: l(this, "kendoAnchor"),
+      ref: s(this, "kendoAnchor"),
       onClick: this.anchorClick
-    }, [o(c, {
+    }, [o(l, {
       name: "more-vertical",
       icon: a
     }, null)]), o(u, {

package/columnmenu/ColumnMenuContent.mjs

@@ -8,7 +8,7 @@
 import { defineComponent as o, createVNode as n, h as s } from "vue";
 import { ColumnMenuSort as r } from "./ColumnMenuSort.mjs";
 import { ColumnMenuFilter as i } from "./ColumnMenuFilter.mjs";
-import { Keys as l, getTemplate as a } from "@progress/kendo-vue-common";
+import { getTemplate as l, Keys as a } from "@progress/kendo-vue-common";
 const m = /* @__PURE__ */ o({
   name: "KendoColumnMenuContent",
   inheritAttrs: !1,
@@ -45,7 +45,7 @@ const m = /* @__PURE__ */ o({
       this.$emit("filterchange", e, t);
     },
     contentKeyDown(e) {
-      e.keyCode === l.esc && this.$emit("closemenu");
+      e.keyCode === a.esc && this.$emit("closemenu");
     }
   },
   render() {
@@ -68,7 +68,7 @@ const m = /* @__PURE__ */ o({
       onExpandchange: this.expandChange,
       onFilterchange: this.filterChange
     }, null)]);
-    return a.call(this, {
+    return l.call(this, {
       h: s,
       template: typeof e != "boolean" && e,
       defaultRendering: t,

package/columnmenu/ColumnMenuFilter.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),m=require("@progress/kendo-vue-common"),O=require("@progress/kendo-data-query"),R=require("./ColumnMenuItem.js"),w=require("./ColumnMenuItemGroup.js"),U=require("./ColumnMenuItemContent.js"),S=require("@progress/kendo-vue-buttons"),_=require("@progress/kendo-vue-intl"),p=require("../filterCommon.js"),u=require("../messages/main.js"),k=require("./ColumnMenuFilterCell.js"),L=require("./ColumnMenuFilterOperators.js"),K=require("@progress/kendo-vue-dropdowns"),Q=require("@progress/kendo-svg-icons");function N(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!o.isVNode(e)}const C=e=>e||{filters:[],logic:"and"},F=(e,r)=>C(r).filters.filter(i=>O.isCompositeFilterDescriptor(i)?i.filters&&i.filters.length&&i.filters.length<=2&&!i.filters.find(n=>O.isCompositeFilterDescriptor(n)||n.field!==e):!1)[0]||null,A=o.defineComponent({name:"KendoColumnMenuFilter",props:{column:Object,filter:Object,expanded:{type:Boolean,default:void 0},filterable:Boolean,filterOperators:{type:Object,default:p.operators},hideSecondFilter:{type:[Boolean,Object],default:void 0},filterUI:[String,Function,Object],onFilterchange:Function,onExpandchange:Function,onFilterfocus:Function,onClosemenu:Function},inject:{kendoLocalizationService:{default:null}},data(){return{currentExpanded:!1,filterGroup:null}},created(){let e;if(this.$props.column&&this.$props.column.field){const r=p.getFilterType(this.$props.column.filter),t=p.getDefaultOperator(this.$props.filterOperators,r);e=F(this.$props.column.field,this.$props.filter),e=e?{...e,filters:e.filters.map(l=>({...l}))}:{logic:"and",filters:[{field:this.$props.column.field,operator:t},{field:this.$props.column.field,operator:t}]},e.filters.filter(l=>l.field===this.$props.column.field).length===1&&e.filters.splice(1,0,{field:this.$props.column.field,operator:t})}this.currentExpanded=this.$props.expanded||!1,this.filterGroup=e},methods:{removeGroup(e,r){const t=[...r.filters],l=t.findIndex(i=>i===e);return l>-1&&t.splice(l,1),{...r,filters:t}},insertGroup(e,r){return{...r,filters:[e,...r.filters]}},isControlled(){return this.$props.expanded!==void 0},onFilterExpand(){const e=this.isControlled(),r=!(e?this.$props.expanded:this.currentExpanded);this.$emit("expandchange",r),e||(this.currentExpanded=r)},filterChangeHandler(e,r){this.filterChange(r||0,e)},firstFilterChange(e){this.filterChange(0,e)},secondFilterChange(e){this.filterChange(1,e)},filterChange(e,r){const t=this.filterGroup.filters.map((l,i)=>i===e?{...l,value:r.value,operator:r.operator}:l);this.filterGroup={...this.filterGroup,filters:t}},logicChange(e){this.filterGroup={...this.filterGroup,logic:e.target.value.operator}},clear(e){if(e.preventDefault(),!m.hasListener.call(this,"filterchange"))return;const r=this.$props.column.field,t=C(this.$props.filter),l=F(r,this.$props.filter),i=t.filters.filter(n=>n!==l);i.length?this.$emit("filterchange",{...t,filters:i},{event:e,field:this.$props.column.field}):this.$emit("filterchange",null,{event:e,field:this.$props.column.field}),this.$emit("closemenu")},currentFilterGroup(){return{...this.filterGroup,filters:this.filterGroup.filters.filter(e=>e.value!==void 0&&e.value!==null&&e.value!==""||e.value===null&&e.operator)}},submit(e){if(e.preventDefault(),!m.hasListener.call(this,"filterchange"))return;const r=this.$props.column.field,t=C(this.$props.filter),l=F(r,this.$props.filter),i=this.currentFilterGroup();let n=null;if(l&&i.filters.length>0){const c=t.filters.map(s=>s===l?i:s);n={...t,filters:c}}else if(i.filters.length===0){const c=t.filters.filter(s=>s!==l);c.length&&(n={...t,filters:c})}else n={...t,filters:[...t.filters,i]};this.$emit("filterchange",n,{event:e,field:this.$props.column.field}),this.$emit("closemenu")},handleFocus(e){this.$emit("filterfocus",e)}},setup(){return{kendoLocalizationService:o.inject("kendoLocalizationService",{})}},render(){let e,r;const{column:t,filterUI:l,hideSecondFilter:i,filterOperators:n}=this.$props;if(!t||!t.field)return o.createVNode("div",null,null);const c=t.filter||"text",s=_.provideLocalizationService(this),g=this.filterGroup.filters,f=p.operatorMap(n[c],s),v=p.operatorMap(p.booleanFilterValues,s),d={field:t.field,value:g[0].value,operator:g[0].operator,operators:f,booleanValues:v,filterType:c},h={field:t.field,value:g[1].value,operator:g[1].operator,operators:f,booleanValues:v,filterType:c},V=this.filterGroup.logic,$=p.operatorMap(p.filterLogicList,s),M={value:$.find(a=>a.operator===(V===null?"":V)),data:$},I=this.currentFilterGroup().filters.length!==0,T=this.isControlled()?this.$props.expanded:this.currentExpanded,q=d.field,B=d.value,b=d.operator,D=d.booleanValues,G=d.filterType,j=h.field,E=h.value,y=h.operator,z=h.booleanValues,x=h.filterType,H=l&&m.templateRendering.call(this,l,m.getListeners.call(this)),P=m.getTemplate.call(this,{h:o.h,template:H,defaultRendering:void 0,additionalProps:this.$props,additionalListeners:{change:this.filterChangeHandler,logicchange:this.logicChange}});return o.createVNode(w.ColumnMenuItemGroup,null,{default:()=>[o.createVNode(R.ColumnMenuItem,{title:s.toLanguageString(u.columnMenuFilterTitle,u.messages[u.columnMenuFilterTitle]),icon:"filter",svgIcon:Q.filterIcon,onMenuitemclick:this.onFilterExpand},null),o.createVNode(U.ColumnMenuItemContent,{show:!!T},{default:()=>[o.createVNode("div",{class:"kendo-grid-filter-menu-container"},[o.createVNode("form",{class:"k-filter-menu k-border-up",onSubmit:this.submit,onReset:this.clear},[o.createVNode("div",{class:"k-filter-menu-container"},[!l&&[o.createVNode(L.ColumnMenuFilterOperators,{operator:b,filterType:G,onChange:a=>{this.filterChangeHandler(a,0)},operators:f},null),o.createVNode(k.ColumnMenuFilterCell,{field:q,value:B,operator:b,booleanValues:D,filterType:G,onFiltercellfocus:this.handleFocus,onChange:a=>{this.filterChangeHandler(a,0)},operators:f},null)],!i&&!l&&[o.createVNode(K.DropDownList,{onChange:this.logicChange,class:"k-filter-and","data-items":M.data,value:M.value,textField:"text"},null),o.createVNode(L.ColumnMenuFilterOperators,{operator:y,filterType:x,onChange:a=>{this.filterChangeHandler(a,1)},operators:f},null),o.createVNode(k.ColumnMenuFilterCell,{field:j,value:E,operator:y,booleanValues:z,filterType:x,onFiltercellfocus:this.handleFocus,onChange:a=>{this.filterChangeHandler(a,1)},operators:f},null)],l&&P,o.createVNode("div",{class:"k-columnmenu-actions"},[o.createVNode(S.Button,{type:"reset"},N(e=s.toLanguageString(u.columnMenuFilterClearButton,u.messages[u.columnMenuFilterClearButton]))?e:{default:()=>[e]}),o.createVNode(S.Button,{themeColor:"primary",disabled:!I},N(r=s.toLanguageString(u.columnMenuFilterSubmitButton,u.messages[u.columnMenuFilterSubmitButton]))?r:{default:()=>[r]})])])])])]})]})}});exports.ColumnMenuFilter=A;exports.filterGroupByField=F;exports.rootFilterOrDefault=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),h=require("@progress/kendo-vue-common"),O=require("@progress/kendo-data-query"),R=require("./ColumnMenuItem.js"),w=require("./ColumnMenuItemGroup.js"),U=require("./ColumnMenuItemContent.js"),S=require("@progress/kendo-vue-buttons"),_=require("@progress/kendo-vue-intl"),f=require("../filterCommon.js"),u=require("../messages/main.js"),k=require("./ColumnMenuFilterCell.js"),L=require("./ColumnMenuFilterOperators.js"),K=require("@progress/kendo-vue-dropdowns"),Q=require("@progress/kendo-svg-icons");function N(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!o.isVNode(e)}const C=e=>e||{filters:[],logic:"and"},F=(e,r)=>C(r).filters.filter(i=>O.isCompositeFilterDescriptor(i)?i.filters&&i.filters.length&&i.filters.length<=2&&!i.filters.find(n=>O.isCompositeFilterDescriptor(n)||n.field!==e):!1)[0]||null,A=o.defineComponent({name:"KendoColumnMenuFilter",props:{column:Object,filter:Object,expanded:{type:Boolean,default:void 0},filterable:Boolean,filterOperators:{type:Object,default:f.operators},hideSecondFilter:{type:[Boolean,Object],default:void 0},filterUI:[String,Function,Object],onFilterchange:Function,onExpandchange:Function,onFilterfocus:Function,onClosemenu:Function},inject:{kendoLocalizationService:{default:null}},data(){return{currentExpanded:!1,filterGroup:null}},created(){let e;if(this.$props.column&&this.$props.column.field){const r=f.getFilterType(this.$props.column.filter),t=f.getDefaultOperator(this.$props.filterOperators,r);e=F(this.$props.column.field,this.$props.filter),e=e?{...e,filters:e.filters.map(l=>({...l}))}:{logic:"and",filters:[{field:this.$props.column.field,operator:t},{field:this.$props.column.field,operator:t}]},e.filters.filter(l=>l.field===this.$props.column.field).length===1&&e.filters.splice(1,0,{field:this.$props.column.field,operator:t})}this.currentExpanded=this.$props.expanded||!1,this.filterGroup=e},methods:{removeGroup(e,r){const t=[...r.filters],l=t.findIndex(i=>i===e);return l>-1&&t.splice(l,1),{...r,filters:t}},insertGroup(e,r){return{...r,filters:[e,...r.filters]}},isControlled(){return this.$props.expanded!==void 0},onFilterExpand(){const e=this.isControlled(),r=!(e?this.$props.expanded:this.currentExpanded);this.$emit("expandchange",r),e||(this.currentExpanded=r)},filterChangeHandler(e,r){this.filterChange(r||0,e)},firstFilterChange(e){this.filterChange(0,e)},secondFilterChange(e){this.filterChange(1,e)},filterChange(e,r){const t=this.filterGroup.filters.map((l,i)=>i===e?{...l,value:r.value,operator:r.operator}:l);this.filterGroup={...this.filterGroup,filters:t}},logicChange(e){this.filterGroup={...this.filterGroup,logic:e.target.value.operator}},clear(e){if(e.preventDefault(),!h.hasListener.call(this,"filterchange"))return;const r=this.$props.column.field,t=C(this.$props.filter),l=F(r,this.$props.filter),i=t.filters.filter(n=>n!==l);i.length?this.$emit("filterchange",{...t,filters:i},{event:e,field:this.$props.column.field}):this.$emit("filterchange",null,{event:e,field:this.$props.column.field}),this.$emit("closemenu")},currentFilterGroup(){return{...this.filterGroup,filters:this.filterGroup.filters.filter(e=>e.value!==void 0&&e.value!==null&&e.value!==""||e.value===null&&e.operator)}},submit(e){if(e.preventDefault(),!h.hasListener.call(this,"filterchange"))return;const r=this.$props.column.field,t=C(this.$props.filter),l=F(r,this.$props.filter),i=this.currentFilterGroup();let n=null;if(l&&i.filters.length>0){const c=t.filters.map(s=>s===l?i:s);n={...t,filters:c}}else if(i.filters.length===0){const c=t.filters.filter(s=>s!==l);c.length&&(n={...t,filters:c})}else n={...t,filters:[...t.filters,i]};this.$emit("filterchange",n,{event:e,field:this.$props.column.field}),this.$emit("closemenu")},handleFocus(e){this.$emit("filterfocus",e)}},setup(){return{kendoLocalizationService:o.inject("kendoLocalizationService",{})}},render(){let e,r;const{column:t,filterUI:l,hideSecondFilter:i,filterOperators:n}=this.$props;if(!t||!t.field)return o.createVNode("div",null,null);const c=t.filter||"text",s=_.provideLocalizationService(this),m=this.filterGroup.filters,g=f.operatorMap(n[c],s),v=f.operatorMap(f.booleanFilterValues,s),p={field:t.field,value:m[0].value,operator:m[0].operator,booleanValues:v,filterType:c},d={field:t.field,value:m[1].value,operator:m[1].operator,booleanValues:v,filterType:c},V=this.filterGroup.logic,$=f.operatorMap(f.filterLogicList,s),M={value:$.find(a=>a.operator===(V===null?"":V)),data:$},I=this.currentFilterGroup().filters.length!==0,T=this.isControlled()?this.$props.expanded:this.currentExpanded,q=p.field,B=p.value,b=p.operator,D=p.booleanValues,G=p.filterType,j=d.field,E=d.value,y=d.operator,z=d.booleanValues,x=d.filterType,H=l&&h.templateRendering.call(this,l,h.getListeners.call(this)),P=h.getTemplate.call(this,{h:o.h,template:H,defaultRendering:void 0,additionalProps:this.$props,additionalListeners:{change:this.filterChangeHandler,logicchange:this.logicChange}});return o.createVNode(w.ColumnMenuItemGroup,null,{default:()=>[o.createVNode(R.ColumnMenuItem,{title:s.toLanguageString(u.columnMenuFilterTitle,u.messages[u.columnMenuFilterTitle]),icon:"filter",svgIcon:Q.filterIcon,onMenuitemclick:this.onFilterExpand},null),o.createVNode(U.ColumnMenuItemContent,{show:!!T},{default:()=>[o.createVNode("div",{class:"kendo-grid-filter-menu-container"},[o.createVNode("form",{class:"k-filter-menu k-border-up",onSubmit:this.submit,onReset:this.clear},[o.createVNode("div",{class:"k-filter-menu-container"},[!l&&[o.createVNode(L.ColumnMenuFilterOperators,{operator:b,filterType:G,onChange:a=>{this.filterChangeHandler(a,0)},operators:g},null),o.createVNode(k.ColumnMenuFilterCell,{field:q,value:B,operator:b,booleanValues:D,filterType:G,onFiltercellfocus:this.handleFocus,onChange:a=>{this.filterChangeHandler(a,0)},operators:g},null)],!i&&!l&&[o.createVNode(K.DropDownList,{onChange:this.logicChange,class:"k-filter-and","data-items":M.data,value:M.value,textField:"text"},null),o.createVNode(L.ColumnMenuFilterOperators,{operator:y,filterType:x,onChange:a=>{this.filterChangeHandler(a,1)},operators:g},null),o.createVNode(k.ColumnMenuFilterCell,{field:j,value:E,operator:y,booleanValues:z,filterType:x,onFiltercellfocus:this.handleFocus,onChange:a=>{this.filterChangeHandler(a,1)},operators:g},null)],l&&P,o.createVNode("div",{class:"k-columnmenu-actions"},[o.createVNode(S.Button,{type:"reset"},N(e=s.toLanguageString(u.columnMenuFilterClearButton,u.messages[u.columnMenuFilterClearButton]))?e:{default:()=>[e]}),o.createVNode(S.Button,{themeColor:"primary",disabled:!I},N(r=s.toLanguageString(u.columnMenuFilterSubmitButton,u.messages[u.columnMenuFilterSubmitButton]))?r:{default:()=>[r]})])])])])]})]})}});exports.ColumnMenuFilter=A;exports.filterGroupByField=F;exports.rootFilterOrDefault=C;

package/columnmenu/ColumnMenuFilter.mjs

@@ -5,15 +5,15 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as K, inject as q, createVNode as o, h as A, isVNode as J } from "vue";
-import { hasListener as S, templateRendering as Q, getListeners as W, getTemplate as X } from "@progress/kendo-vue-common";
+import { defineComponent as K, createVNode as o, h as q, inject as A, isVNode as J } from "vue";
+import { templateRendering as Q, getListeners as W, getTemplate as X, hasListener as S } from "@progress/kendo-vue-common";
 import { isCompositeFilterDescriptor as L } from "@progress/kendo-data-query";
 import { ColumnMenuItem as Y } from "./ColumnMenuItem.mjs";
 import { ColumnMenuItemGroup as Z } from "./ColumnMenuItemGroup.mjs";
 import { ColumnMenuItemContent as ee } from "./ColumnMenuItemContent.mjs";
 import { Button as V } from "@progress/kendo-vue-buttons";
 import { provideLocalizationService as te } from "@progress/kendo-vue-intl";
-import { operators as re, getFilterType as ie, getDefaultOperator as le, operatorMap as h, booleanFilterValues as oe, filterLogicList as ne } from "../filterCommon.mjs";
+import { operators as re, operatorMap as h, booleanFilterValues as ie, filterLogicList as le, getFilterType as oe, getDefaultOperator as ne } from "../filterCommon.mjs";
 import { columnMenuFilterTitle as T, messages as m, columnMenuFilterClearButton as M, columnMenuFilterSubmitButton as k } from "../messages/main.mjs";
 import { ColumnMenuFilterCell as j } from "./ColumnMenuFilterCell.mjs";
 import { ColumnMenuFilterOperators as I } from "./ColumnMenuFilterOperators.mjs";
@@ -63,7 +63,7 @@ const F = (e) => e || {
   created() {
     let e;
     if (this.$props.column && this.$props.column.field) {
-      const r = ie(this.$props.column.filter), t = le(this.$props.filterOperators, r);
+      const r = oe(this.$props.column.filter), t = ne(this.$props.filterOperators, r);
       e = g(this.$props.column.field, this.$props.filter), e = e ? {
         ...e,
         filters: e.filters.map((i) => ({
@@ -186,7 +186,7 @@ const F = (e) => e || {
   },
   setup() {
     return {
-      kendoLocalizationService: q("kendoLocalizationService", {})
+      kendoLocalizationService: A("kendoLocalizationService", {})
     };
   },
   render() {
@@ -199,25 +199,23 @@ const F = (e) => e || {
     } = this.$props;
     if (!t || !t.field)
       return o("div", null, null);
-    const u = t.filter || "text", s = te(this), d = this.filterGroup.filters, f = h(n[u], s), C = h(oe, s), p = {
+    const u = t.filter || "text", s = te(this), c = this.filterGroup.filters, d = h(n[u], s), C = h(ie, s), f = {
       field: t.field,
-      value: d[0].value,
-      operator: d[0].operator,
-      operators: f,
+      value: c[0].value,
+      operator: c[0].operator,
       booleanValues: C,
       filterType: u
-    }, c = {
+    }, p = {
       field: t.field,
-      value: d[1].value,
-      operator: d[1].operator,
-      operators: f,
+      value: c[1].value,
+      operator: c[1].operator,
       booleanValues: C,
       filterType: u
-    }, v = this.filterGroup.logic, $ = h(ne, s), x = {
+    }, v = this.filterGroup.logic, $ = h(le, s), x = {
       value: $.find((a) => a.operator === (v === null ? "" : v)),
       data: $
-    }, D = this.currentFilterGroup().filters.length !== 0, E = this.isControlled() ? this.$props.expanded : this.currentExpanded, z = p.field, H = p.value, G = p.operator, P = p.booleanValues, b = p.filterType, R = c.field, U = c.value, y = c.operator, _ = c.booleanValues, O = c.filterType, w = i && Q.call(this, i, W.call(this)), N = X.call(this, {
-      h: A,
+    }, D = this.currentFilterGroup().filters.length !== 0, E = this.isControlled() ? this.$props.expanded : this.currentExpanded, z = f.field, H = f.value, G = f.operator, P = f.booleanValues, b = f.filterType, R = p.field, U = p.value, y = p.operator, _ = p.booleanValues, O = p.filterType, w = i && Q.call(this, i, W.call(this)), N = X.call(this, {
+      h: q,
       template: w,
       defaultRendering: void 0,
       additionalProps: this.$props,
@@ -249,7 +247,7 @@ const F = (e) => e || {
           onChange: (a) => {
             this.filterChangeHandler(a, 0);
           },
-          operators: f
+          operators: d
         }, null), o(j, {
           field: z,
           value: H,
@@ -260,7 +258,7 @@ const F = (e) => e || {
           onChange: (a) => {
             this.filterChangeHandler(a, 0);
           },
-          operators: f
+          operators: d
         }, null)], !l && !i && [o(se, {
           onChange: this.logicChange,
           class: "k-filter-and",
@@ -273,7 +271,7 @@ const F = (e) => e || {
           onChange: (a) => {
             this.filterChangeHandler(a, 1);
           },
-          operators: f
+          operators: d
         }, null), o(j, {
           field: R,
           value: U,
@@ -284,7 +282,7 @@ const F = (e) => e || {
           onChange: (a) => {
             this.filterChangeHandler(a, 1);
           },
-          operators: f
+          operators: d
         }, null)], i && N, o("div", {
           class: "k-columnmenu-actions"
         }, [o(V, {

package/columnmenu/ColumnMenuFilterCell.mjs

@@ -9,7 +9,7 @@ import { defineComponent as i, createVNode as r } from "vue";
 import { DropDownList as a } from "@progress/kendo-vue-dropdowns";
 import { NumericTextBox as u } from "@progress/kendo-vue-inputs";
 import { DatePicker as s } from "@progress/kendo-vue-dateinputs";
-import { cellInputChange as p, cellBoolDropdownChange as h } from "../filterCommon.mjs";
+import { cellBoolDropdownChange as p, cellInputChange as h } from "../filterCommon.mjs";
 const C = /* @__PURE__ */ i({
   props: {
     field: String,
@@ -31,11 +31,11 @@ const C = /* @__PURE__ */ i({
       this.$emit("change", t);
     },
     inputChange(t, n) {
-      const o = p(t, n, this.$props);
+      const o = h(t, n, this.$props);
       this.triggerChange(o);
     },
     boolDropdownChange(t, n) {
-      const o = h(t.value.operator, n);
+      const o = p(t.value.operator, n);
       this.triggerChange(o);
     }
   },

package/columnmenu/ColumnMenuItem.mjs

@@ -6,7 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 import { defineComponent as s, createVNode as n } from "vue";
-import { Keys as m, Icon as c } from "@progress/kendo-vue-common";
+import { Icon as c, Keys as m } from "@progress/kendo-vue-common";
 const d = /* @__PURE__ */ s({
   props: {
     title: String,

package/columnmenu/ColumnMenuSort.mjs

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as v, inject as C, createVNode as n } from "vue";
+import { defineComponent as v, createVNode as n, inject as C } from "vue";
 import { ColumnMenuItem as a } from "./ColumnMenuItem.mjs";
 import { ColumnMenuItemGroup as D } from "./ColumnMenuItemGroup.mjs";
 import { normalize as k } from "../interfaces/SortSettings.mjs";