@progress/kendo-vue-grid 6.4.1-develop.2 → 6.4.2-develop.3

package/columnMenu/GridColumnMenuFilter.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"),S=require("@progress/kendo-data-query"),R=require("./GridColumnMenuItem.js"),w=require("./GridColumnMenuItemGroup.js"),U=require("./GridColumnMenuItemContent.js"),M=require("@progress/kendo-vue-buttons"),_=require("@progress/kendo-vue-intl"),f=require("../filterCommon.js"),u=require("../messages/main.js"),k=require("./GridColumnMenuFilterCell.js"),L=require("./GridColumnMenuFilterOperators.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 F=e=>e||{filters:[],logic:"and"},C=(e,r)=>F(r).filters.filter(l=>S.isCompositeFilterDescriptor(l)?l.filters&&l.filters.length&&l.filters.length<=2&&!l.filters.find(n=>S.isCompositeFilterDescriptor(n)||n.field!==e):!1)[0]||null,A=o.defineComponent({name:"KendoGridColumnMenuFilter",props:{column:Object,filter:Object,expanded:{type:Boolean,default:void 0},filterable:Boolean,filterOperators:{type:Object,default:function(){return f.operators}},hideSecondFilter:{type:[Boolean,Object],default:function(){}},filterUI:[String,Function,Object],onFilterfocus:Function,onFilterchange:Function,onExpandchange: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=C(this.$props.column.field,this.$props.filter),e=e?{...e,filters:e.filters.map(i=>({...i}))}:{logic:"and",filters:[{field:this.$props.column.field,operator:t},{field:this.$props.column.field,operator:t}]},e.filters.filter(i=>i.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],i=t.findIndex(l=>l===e);return i>-1&&t.splice(i,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((i,l)=>l===e?{...i,value:r.value,operator:r.operator}:i);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=F(this.$props.filter),i=C(r,this.$props.filter),l=t.filters.filter(n=>n!==i);l.length?this.$emit("filterchange",{...t,filters:l},{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=F(this.$props.filter),i=C(r,this.$props.filter),l=this.currentFilterGroup();let n=null;if(i&&l.filters.length>0){const c=t.filters.map(s=>s===i?l:s);n={...t,filters:c}}else if(l.filters.length===0){const c=t.filters.filter(s=>s!==i);c.length&&(n={...t,filters:c})}else n={...t,filters:[...t.filters,l]};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:i,hideSecondFilter:l,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,d=f.operatorMap(n[c],s),v=f.operatorMap(f.booleanFilterValues,s),p={field:t.field,value:g[0].value,operator:g[0].operator,operators:d,booleanValues:v,filterType:c},h={field:t.field,value:g[1].value,operator:g[1].operator,operators:d,booleanValues:v,filterType:c},G=this.filterGroup.logic,V=f.operatorMap(f.filterLogicList,s),$={value:V.find(a=>a.operator===(G===null?"":G)),data:V},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,y=p.filterType,j=h.field,E=h.value,x=h.operator,z=h.booleanValues,O=h.filterType,H=i&&m.templateRendering.call(this,i,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.GridColumnMenuItemGroup,null,{default:()=>[o.createVNode(R.GridColumnMenuItem,{title:s.toLanguageString(u.filterTitle,u.messages[u.filterTitle]),icon:"filter",svgIcon:Q.filterIcon,onMenuitemclick:this.onFilterExpand},null),o.createVNode(U.GridColumnMenuItemContent,{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"},[!i&&[o.createVNode(L.ColumnMenuFilterOperators,{operator:b,filterType:y,onChange:a=>{this.filterChangeHandler(a,0)},operators:d},null),o.createVNode(k.GridColumnMenuFilterCell,{field:q,value:B,operator:b,booleanValues:D,filterType:y,onFiltercellfocus:this.handleFocus,onChange:a=>{this.filterChangeHandler(a,0)},operators:d},null)],!l&&!i&&[o.createVNode(K.DropDownList,{onChange:this.logicChange,class:"k-filter-and","data-items":$.data,value:$.value,textField:"text"},null),o.createVNode(L.ColumnMenuFilterOperators,{operator:x,filterType:O,onChange:a=>{this.filterChangeHandler(a,1)},operators:d},null),o.createVNode(k.GridColumnMenuFilterCell,{field:j,value:E,operator:x,booleanValues:z,filterType:O,onFiltercellfocus:this.handleFocus,onChange:a=>{this.filterChangeHandler(a,1)},operators:d},null)],i&&P,o.createVNode("div",{class:"k-columnmenu-actions"},[o.createVNode(M.Button,{themeColor:"primary",disabled:!I},N(e=s.toLanguageString(u.filterSubmitButton,u.messages[u.filterSubmitButton]))?e:{default:()=>[e]}),o.createVNode(M.Button,{type:"reset"},N(r=s.toLanguageString(u.filterClearButton,u.messages[u.filterClearButton]))?r:{default:()=>[r]})])])])])]})]})}});exports.GridColumnMenuFilter=A;exports.filterGroupByField=C;exports.rootFilterOrDefault=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),h=require("@progress/kendo-vue-common"),S=require("@progress/kendo-data-query"),R=require("./GridColumnMenuItem.js"),w=require("./GridColumnMenuItemGroup.js"),U=require("./GridColumnMenuItemContent.js"),M=require("@progress/kendo-vue-buttons"),_=require("@progress/kendo-vue-intl"),f=require("../filterCommon.js"),u=require("../messages/main.js"),k=require("./GridColumnMenuFilterCell.js"),L=require("./GridColumnMenuFilterOperators.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 F=e=>e||{filters:[],logic:"and"},C=(e,r)=>F(r).filters.filter(l=>S.isCompositeFilterDescriptor(l)?l.filters&&l.filters.length&&l.filters.length<=2&&!l.filters.find(n=>S.isCompositeFilterDescriptor(n)||n.field!==e):!1)[0]||null,A=o.defineComponent({name:"KendoGridColumnMenuFilter",props:{column:Object,filter:Object,expanded:{type:Boolean,default:void 0},filterable:Boolean,filterOperators:{type:Object,default:function(){return f.operators}},hideSecondFilter:{type:[Boolean,Object],default:function(){}},filterUI:[String,Function,Object],onFilterfocus:Function,onFilterchange:Function,onExpandchange: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=C(this.$props.column.field,this.$props.filter),e=e?{...e,filters:e.filters.map(i=>({...i}))}:{logic:"and",filters:[{field:this.$props.column.field,operator:t},{field:this.$props.column.field,operator:t}]},e.filters.filter(i=>i.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],i=t.findIndex(l=>l===e);return i>-1&&t.splice(i,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((i,l)=>l===e?{...i,value:r.value,operator:r.operator}:i);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=F(this.$props.filter),i=C(r,this.$props.filter),l=t.filters.filter(n=>n!==i);l.length?this.$emit("filterchange",{...t,filters:l},{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=F(this.$props.filter),i=C(r,this.$props.filter),l=this.currentFilterGroup();let n=null;if(i&&l.filters.length>0){const c=t.filters.map(s=>s===i?l:s);n={...t,filters:c}}else if(l.filters.length===0){const c=t.filters.filter(s=>s!==i);c.length&&(n={...t,filters:c})}else n={...t,filters:[...t.filters,l]};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:i,hideSecondFilter:l,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),d={field:t.field,value:m[0].value,operator:m[0].operator,booleanValues:v,filterType:c},p={field:t.field,value:m[1].value,operator:m[1].operator,booleanValues:v,filterType:c},G=this.filterGroup.logic,V=f.operatorMap(f.filterLogicList,s),$={value:V.find(a=>a.operator===(G===null?"":G)),data:V},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,y=d.filterType,j=p.field,E=p.value,x=p.operator,z=p.booleanValues,O=p.filterType,H=i&&h.templateRendering.call(this,i,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.GridColumnMenuItemGroup,null,{default:()=>[o.createVNode(R.GridColumnMenuItem,{title:s.toLanguageString(u.filterTitle,u.messages[u.filterTitle]),icon:"filter",svgIcon:Q.filterIcon,onMenuitemclick:this.onFilterExpand},null),o.createVNode(U.GridColumnMenuItemContent,{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"},[!i&&[o.createVNode(L.ColumnMenuFilterOperators,{operator:b,filterType:y,onChange:a=>{this.filterChangeHandler(a,0)},operators:g},null),o.createVNode(k.GridColumnMenuFilterCell,{field:q,value:B,operator:b,booleanValues:D,filterType:y,onFiltercellfocus:this.handleFocus,onChange:a=>{this.filterChangeHandler(a,0)},operators:g},null)],!l&&!i&&[o.createVNode(K.DropDownList,{onChange:this.logicChange,class:"k-filter-and","data-items":$.data,value:$.value,textField:"text"},null),o.createVNode(L.ColumnMenuFilterOperators,{operator:x,filterType:O,onChange:a=>{this.filterChangeHandler(a,1)},operators:g},null),o.createVNode(k.GridColumnMenuFilterCell,{field:j,value:E,operator:x,booleanValues:z,filterType:O,onFiltercellfocus:this.handleFocus,onChange:a=>{this.filterChangeHandler(a,1)},operators:g},null)],i&&P,o.createVNode("div",{class:"k-columnmenu-actions"},[o.createVNode(M.Button,{themeColor:"primary",disabled:!I},N(e=s.toLanguageString(u.filterSubmitButton,u.messages[u.filterSubmitButton]))?e:{default:()=>[e]}),o.createVNode(M.Button,{type:"reset"},N(r=s.toLanguageString(u.filterClearButton,u.messages[u.filterClearButton]))?r:{default:()=>[r]})])])])])]})]})}});exports.GridColumnMenuFilter=A;exports.filterGroupByField=C;exports.rootFilterOrDefault=F;

package/columnMenu/GridColumnMenuFilter.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 { GridColumnMenuItem as Y } from "./GridColumnMenuItem.mjs";
 import { GridColumnMenuItemGroup as Z } from "./GridColumnMenuItemGroup.mjs";
 import { GridColumnMenuItemContent as ee } from "./GridColumnMenuItemContent.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 { operatorMap as h, booleanFilterValues as re, filterLogicList as ie, getFilterType as le, getDefaultOperator as oe, operators as ne } from "../filterCommon.mjs";
 import { filterTitle as T, messages as m, filterSubmitButton as k, filterClearButton as j } from "../messages/main.mjs";
 import { GridColumnMenuFilterCell as I } from "./GridColumnMenuFilterCell.mjs";
 import { ColumnMenuFilterOperators as B } from "./GridColumnMenuFilterOperators.mjs";
@@ -38,7 +38,7 @@ const F = (e) => e || {
     filterOperators: {
       type: Object,
       default: function() {
-        return re;
+        return ne;
       }
     },
     hideSecondFilter: {
@@ -66,7 +66,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 = le(this.$props.column.filter), t = oe(this.$props.filterOperators, r);
       e = g(this.$props.column.field, this.$props.filter), e = e ? {
         ...e,
         filters: e.filters.map((i) => ({
@@ -189,7 +189,7 @@ const F = (e) => e || {
   },
   setup() {
     return {
-      kendoLocalizationService: q("kendoLocalizationService", {})
+      kendoLocalizationService: A("kendoLocalizationService", {})
     };
   },
   render() {
@@ -202,25 +202,23 @@ const F = (e) => e || {
     } = this.$props;
     if (!t || !t.field)
       return o("div", null, null);
-    const f = t.filter || "text", s = te(this), d = this.filterGroup.filters, u = h(n[f], s), C = h(oe, s), p = {
+    const f = t.filter || "text", s = te(this), c = this.filterGroup.filters, d = h(n[f], s), C = h(re, s), u = {
       field: t.field,
-      value: d[0].value,
-      operator: d[0].operator,
-      operators: u,
+      value: c[0].value,
+      operator: c[0].operator,
       booleanValues: C,
       filterType: f
-    }, c = {
+    }, p = {
       field: t.field,
-      value: d[1].value,
-      operator: d[1].operator,
-      operators: u,
+      value: c[1].value,
+      operator: c[1].operator,
       booleanValues: C,
       filterType: f
-    }, v = this.filterGroup.logic, $ = h(ne, s), G = {
+    }, v = this.filterGroup.logic, $ = h(ie, s), G = {
       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, x = 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 = u.field, H = u.value, x = u.operator, P = u.booleanValues, b = u.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,
@@ -252,7 +250,7 @@ const F = (e) => e || {
           onChange: (a) => {
             this.filterChangeHandler(a, 0);
           },
-          operators: u
+          operators: d
         }, null), o(I, {
           field: z,
           value: H,
@@ -263,7 +261,7 @@ const F = (e) => e || {
           onChange: (a) => {
             this.filterChangeHandler(a, 0);
           },
-          operators: u
+          operators: d
         }, null)], !l && !i && [o(se, {
           onChange: this.logicChange,
           class: "k-filter-and",
@@ -276,7 +274,7 @@ const F = (e) => e || {
           onChange: (a) => {
             this.filterChangeHandler(a, 1);
           },
-          operators: u
+          operators: d
         }, null), o(I, {
           field: R,
           value: U,
@@ -287,7 +285,7 @@ const F = (e) => e || {
           onChange: (a) => {
             this.filterChangeHandler(a, 1);
           },
-          operators: u
+          operators: d
         }, null)], i && N, o("div", {
           class: "k-columnmenu-actions"
         }, [o(V, {

package/columnMenu/GridColumnMenuFilterCell.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/GridColumnMenuItem.mjs

@@ -6,7 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 import { defineComponent as l, 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 u = /* @__PURE__ */ l({
   props: {
     title: String,

package/columnMenu/GridColumnMenuSort.mjs

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as k, inject as I, createVNode as n } from "vue";
+import { defineComponent as k, createVNode as n, inject as I } from "vue";
 import { GridColumnMenuItem as a } from "./GridColumnMenuItem.mjs";
 import { GridColumnMenuItemGroup as L } from "./GridColumnMenuItemGroup.mjs";
 import { normalize as z } from "../interfaces/GridSortSettings.mjs";