@progress/kendo-vue-grid 7.1.0-develop.7 → 8.0.0-develop.2

package/GridSearchBox.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 e=require("vue"),l=require("@progress/kendo-vue-inputs"),d=require("./key.js"),g=require("@progress/kendo-vue-data-tools"),S=require("@progress/kendo-vue-common"),m=require("@progress/kendo-svg-icons"),p=e.defineComponent({name:"KendoVueGridSearchBox",inheritAttrs:!1,props:{onChange:Function,className:String,placeholder:String},setup(o,{emit:t}){const a=e.inject("kendoLocalizationService",{}),{searchChange:r}=e.inject("kendo",{}),{search:c}=e.inject(d.KendoKey,{}),s=n=>{r&&r(n),t("change",n),o.onChange&&o.onChange.call(void 0,n)},i=e.computed(()=>g.getStringFromSearch(c.value)),u=e.computed(()=>({"k-grid-search":!0,"k-searchbox":!0})),h=e.computed(()=>{const n=a;return n!=null&&n.toLanguageString?n.toLanguageString("searchboxPlaceholder","Search..."):o.placeholder||"Search..."});return{handleChange:s,value:i,rootClassName:u,placeholder:h}},render(){return e.createVNode(l.TextBox,e.mergeProps({placeholder:this.placeholder,value:this.value,prefix:()=>e.createVNode(S.SvgIcon,{icon:m.searchIcon},null)},this.$attrs,{class:this.rootClassName,onInput:this.handleChange}),null)}});exports.GridSearchBox=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),d=require("@progress/kendo-vue-inputs"),l=require("./key.js"),g=require("@progress/kendo-vue-data-tools"),S=require("@progress/kendo-vue-common"),p=require("@progress/kendo-svg-icons"),m=e.defineComponent({name:"KendoVueGridSearchBox",inheritAttrs:!1,props:{onChange:Function,className:String,placeholder:String},setup(r,{emit:t}){const a=e.inject("kendoLocalizationService",{}),{searchChange:o}=e.inject("kendo",{}),{search:c}=e.inject(l.KendoKey,{}),s=n=>{o&&o(n),t("change",n),r.onChange&&r.onChange.call(void 0,n)},i=e.computed(()=>g.getStringFromSearch(c.value)),u=e.computed(()=>({"k-grid-search":!0,"k-searchbox":!0})),h=e.computed(()=>{const n=a;return n!=null&&n.toLanguageString?n.toLanguageString("searchboxPlaceholder","Search..."):r.placeholder||"Search..."});return{handleChange:s,value:i,rootClassName:u,placeholder:h}},render(){return e.createVNode(d.TextBox,e.mergeProps({placeholder:this.placeholder,value:this.value,prefix:()=>e.createVNode(S.Icon,{name:"search",icon:p.searchIcon},null)},this.$attrs,{wrapperClass:"k-grid-search k-searchbox",onInput:this.handleChange}),null)}});exports.GridSearchBox=m;

package/GridSearchBox.mjs

@@ -5,12 +5,12 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as g, createVNode as a, mergeProps as m, inject as o, computed as n } from "vue";
+import { defineComponent as g, createVNode as t, mergeProps as m, inject as o, computed as n } from "vue";
 import { TextBox as p } from "@progress/kendo-vue-inputs";
-import { KendoKey as S } from "./key.mjs";
-import { getStringFromSearch as f } from "@progress/kendo-vue-data-tools";
-import { SvgIcon as C } from "@progress/kendo-vue-common";
-import { searchIcon as x } from "@progress/kendo-svg-icons";
+import { KendoKey as f } from "./key.mjs";
+import { getStringFromSearch as S } from "@progress/kendo-vue-data-tools";
+import { Icon as x } from "@progress/kendo-vue-common";
+import { searchIcon as C } from "@progress/kendo-svg-icons";
 const K = /* @__PURE__ */ g({
   name: "KendoVueGridSearchBox",
   inheritAttrs: !1,
@@ -22,35 +22,36 @@ const K = /* @__PURE__ */ g({
   setup(r, {
     emit: c
   }) {
-    const i = o("kendoLocalizationService", {}), {
-      searchChange: t
+    const h = o("kendoLocalizationService", {}), {
+      searchChange: a
     } = o("kendo", {}), {
-      search: s
-    } = o(S, {}), h = (e) => {
-      t && t(e), c("change", e), r.onChange && r.onChange.call(void 0, e);
-    }, l = n(() => f(s.value)), d = n(() => ({
+      search: i
+    } = o(f, {}), s = (e) => {
+      a && a(e), c("change", e), r.onChange && r.onChange.call(void 0, e);
+    }, l = n(() => S(i.value)), d = n(() => ({
       "k-grid-search": !0,
       "k-searchbox": !0
     })), u = n(() => {
-      const e = i;
+      const e = h;
       return e != null && e.toLanguageString ? e.toLanguageString("searchboxPlaceholder", "Search...") : r.placeholder || "Search...";
     });
     return {
-      handleChange: h,
+      handleChange: s,
       value: l,
       rootClassName: d,
       placeholder: u
     };
   },
   render() {
-    return a(p, m({
+    return t(p, m({
       placeholder: this.placeholder,
       value: this.value,
-      prefix: () => a(C, {
-        icon: x
+      prefix: () => t(x, {
+        name: "search",
+        icon: C
       }, null)
     }, this.$attrs, {
-      class: this.rootClassName,
+      wrapperClass: "k-grid-search k-searchbox",
       onInput: this.handleChange
     }), null);
   }

package/GridState.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 n=require("vue"),T=require("./key.js"),V=require("./common.js"),j=require("@progress/kendo-vue-common"),A=n.defineComponent({name:"KendoVueGridStateProvider",inheritAttrs:!1,props:V.gridProps,setup(e,{emit:l}){var u,c,d,o,h,g,r,i,s;const t=n.ref({filter:(u=e.defaultFilter)!=null?u:e.filter,highlight:e.highlight,search:(c=e.defaultSearch)!=null?c:e.search,sort:(d=e.defaultSort)!=null?d:e.sort,take:(o=e.defaultTake)!=null?o:e.take,skip:(h=e.defaultSkip)!=null?h:e.skip,group:(g=e.defaultGroup)!=null?g:e.group,detailExpand:(r=e.defaultDetailExpand)!=null?r:e.detailExpand,groupExpand:(i=e.defaultGroupExpand)!=null?i:e.groupExpand,columnsState:(s=e.defaultColumnsState)!=null?s:e.columnsState}),f=a=>{t.value={...t.value,...a.data},l("datastatechange",a)},v=n.computed(()=>e.filter||t.value.filter||null),x=a=>{t.value.filter=a.filter,l("filterchange",a)};n.watch(()=>e.filter,a=>{t.value.filter=a});const S=n.computed(()=>e.search||t.value.search||null),k=a=>{t.value.search=a.search,l("searchchange",a)};n.watch(()=>e.search,a=>{t.value.search=a});const E=n.computed(()=>e.sort||t.value.sort||[]),m=a=>{t.value.sort=a.sort,l("sortchange",a)};n.watch(()=>e.sort,a=>{t.value.sort=a});const C=n.computed(()=>e.skip||t.value.skip||0),w=n.computed(()=>e.take||t.value.take||0),p=a=>{t.value.skip=a.page.skip,t.value.take=a.page.take,l("pagechange",a)};n.watch(()=>e.skip,a=>{t.value.skip=a}),n.watch(()=>e.take,a=>{t.value.take=a});const G=n.computed(()=>e.group||t.value.group||[]),P=a=>{t.value.group=a.group,l("groupchange",a)};n.watch(()=>e.group,a=>{t.value.group=a});const q=n.computed(()=>e.detailExpand||t.value.detailExpand||{}),y=a=>{t.value.detailExpand=a.detailExpand,l("detailexpandchange",a)};n.watch(()=>e.detailExpand,a=>{t.value.detailExpand=a});const D=n.computed(()=>e.groupExpand||t.value.groupExpand||[]),K=a=>{t.value.groupExpand=a.groupExpand,l("groupexpandchange",a)};n.watch(()=>e.groupExpand,a=>{t.value.groupExpand=a});const b=n.computed(()=>e.columnsState||e.defaultColumnsState||[]),F=a=>{t.value.columnsState=a.columnsState,l("columnsstatechange",a)};n.watch(()=>e.columnsState,a=>{t.value.columnsState=a}),n.provide(T.KendoKey,{sort:E,sortchange:m,filter:v,filterchange:x,search:S,searchchange:k,skip:C,take:w,pagechange:p,group:G,groupchange:P,detailExpand:q,detailexpandchange:y,groupExpand:D,groupexpandchange:K,columnsState:b,columnsstatechange:F,datastatechange:f})},render(){return j.getDefaultSlots(this)}});exports.GridStateProvider=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),T=require("./key.js"),V=require("./common.js"),j=require("@progress/kendo-vue-common"),A=n.defineComponent({name:"KendoVueGridStateProvider",inheritAttrs:!1,props:V.gridProps,setup(e,{emit:l}){var u,c,d,o,h,g,r,i,s;const t=n.ref({filter:(u=e.defaultFilter)!=null?u:e.filter,highlight:e.highlight,search:(c=e.defaultSearch)!=null?c:e.search,sort:(d=e.defaultSort)!=null?d:e.sort,take:(o=e.defaultTake)!=null?o:e.take,skip:(h=e.defaultSkip)!=null?h:e.skip,group:(g=e.defaultGroup)!=null?g:e.group,detailExpand:(r=e.defaultDetailExpand)!=null?r:e.detailExpand,groupExpand:(i=e.defaultGroupExpand)!=null?i:e.groupExpand,columnsState:(s=e.defaultColumnsState)!=null?s:e.columnsState}),f=a=>{t.value={...t.value,...a.data},l("datastatechange",a)},v=n.computed(()=>e.filter||t.value.filter||null),x=a=>{t.value.filter=a.filter,l("filterchange",a)};n.watch(()=>e.filter,a=>{t.value.filter=a});const S=n.computed(()=>e.search||t.value.search||null),k=a=>{t.value.search=a.search,t.value.skip=0,l("searchchange",a)};n.watch(()=>e.search,a=>{t.value.search=a});const E=n.computed(()=>e.sort||t.value.sort||[]),m=a=>{t.value.sort=a.sort,l("sortchange",a)};n.watch(()=>e.sort,a=>{t.value.sort=a});const C=n.computed(()=>e.skip||t.value.skip),p=n.computed(()=>e.take||t.value.take),w=a=>{t.value.skip=a.page.skip,t.value.take=a.page.take,l("pagechange",a)};n.watch(()=>e.skip,a=>{t.value.skip=a}),n.watch(()=>e.take,a=>{t.value.take=a});const G=n.computed(()=>e.group||t.value.group||[]),P=a=>{t.value.group=a.group,l("groupchange",a)};n.watch(()=>e.group,a=>{t.value.group=a});const q=n.computed(()=>e.detailExpand||t.value.detailExpand||{}),y=a=>{t.value.detailExpand=a.detailExpand,l("detailexpandchange",a)};n.watch(()=>e.detailExpand,a=>{t.value.detailExpand=a});const D=n.computed(()=>e.groupExpand||t.value.groupExpand||[]),K=a=>{t.value.groupExpand=a.groupExpand,l("groupexpandchange",a)};n.watch(()=>e.groupExpand,a=>{t.value.groupExpand=a});const b=n.computed(()=>e.columnsState||e.defaultColumnsState||[]),F=a=>{t.value.columnsState=a.columnsState,l("columnsstatechange",a)};n.watch(()=>e.columnsState,a=>{t.value.columnsState=a}),n.provide(T.KendoKey,{sort:E,sortchange:m,filter:v,filterchange:x,search:S,searchchange:k,skip:C,take:p,pagechange:w,group:G,groupchange:P,detailExpand:q,detailexpandchange:y,groupExpand:D,groupexpandchange:K,columnsState:b,columnsstatechange:F,datastatechange:f})},render(){return j.getDefaultSlots(this)}});exports.GridStateProvider=A;

package/GridState.mjs

@@ -42,7 +42,7 @@ const N = /* @__PURE__ */ b({
       t.value.filter = a;
     });
     const E = n(() => e.search || t.value.search || null), k = (a) => {
-      t.value.search = a.search, l("searchchange", a);
+      t.value.search = a.search, t.value.skip = 0, l("searchchange", a);
     };
     u(() => e.search, (a) => {
       t.value.search = a;
@@ -53,7 +53,7 @@ const N = /* @__PURE__ */ b({
     u(() => e.sort, (a) => {
       t.value.sort = a;
     });
-    const G = n(() => e.skip || t.value.skip || 0), p = n(() => e.take || t.value.take || 0), D = (a) => {
+    const G = n(() => e.skip || t.value.skip), p = n(() => e.take || t.value.take), D = (a) => {
       t.value.skip = a.page.skip, t.value.take = a.page.take, l("pagechange", a);
     };
     u(() => e.skip, (a) => {

package/common.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"});require("vue");const t=require("@progress/kendo-vue-common"),n={id:String,autoProcessData:[Boolean,Object],topCacheCount:{type:Number,default:0},collapsedGroups:{type:Array,default:function(){return[]}},uniqueField:String,totalGroupedHeight:Number,allGroupedItems:Object,alternatePerGroup:Boolean,columns:Array,columnsState:{type:Array,default:function(){}},defaultColumnsState:{type:Array,default:function(){}},columnVirtualization:Boolean,dataItems:[Array,Object],sortable:[Boolean,Object],defaultSort:Array,sort:Array,filterable:Boolean,filterOperators:Object,filterCellRender:[String,Function,Object],headerCellRender:[String,Function,Object],showLoader:{type:Boolean,default:void 0},loader:[String,Function,Object,Boolean],defaultFilter:Object,filter:Object,defaultSearch:Object,search:Object,searchFields:Array,highlight:Object,pageable:[Boolean,Object],pageSize:Number,total:Number,fixedScroll:Boolean,skip:Number,defaultSkip:Number,take:Number,defaultTake:Number,expandField:String,expandColumn:Object,selectedField:String,cellRender:[String,Function,Object],rowRender:[String,Function,Object],rowSpannable:[Boolean,Object],resizable:Boolean,reorderable:Boolean,group:Array,defaultGroup:Array,groupable:[Boolean,Object],groupExpand:Array,defaultGroupExpand:Array,detailExpand:Object,defaultDetailExpand:Object,editField:String,rowClass:Function,scrollable:{type:String,default:"scrollable"},size:{type:String,default:"medium",validator:function(e){return["small","medium"].includes(e)}},pager:[String,Function,Object],rowHeight:Number,detailRowHeight:Number,detail:[String,Function,Object],columnMenu:[Boolean,String,Function,Object],columnMenuAnimate:{type:[Boolean,Object],default:function(){return!0}},columnMenuIcon:t.SvgIcon,dataItemKey:String,navigatable:{type:Boolean,default:!1},onItemchange:Function,onExpandchange:Function,onDatastatechange:Function,onPagechange:Function,onSortchange:Function,onFilterchange:Function,onGroupchange:Function,onSearchchange:Function,onGroupexpandchange:Function,onDetailexpandchange:Function};exports.gridProps=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("vue");const t=require("@progress/kendo-vue-common"),n={id:String,autoProcessData:[Boolean,Object],topCacheCount:{type:Number,default:0},collapsedGroups:{type:Array,default:function(){return[]}},uniqueField:String,totalGroupedHeight:Number,allGroupedItems:Object,alternatePerGroup:Boolean,columns:Array,columnsState:{type:Array,default:function(){}},defaultColumnsState:{type:Array,default:function(){}},columnVirtualization:Boolean,dataItems:[Array,Object],sortable:[Boolean,Object],defaultSort:Array,sort:Array,filterable:Boolean,filterOperators:Object,filterCellRender:[String,Function,Object],headerCellRender:[String,Function,Object],showLoader:{type:Boolean,default:void 0},loader:[String,Function,Object],defaultFilter:Object,filter:Object,defaultSearch:Object,search:Object,searchFields:Array,highlight:Object,pageable:[Boolean,Object],pageSize:Number,total:Number,fixedScroll:Boolean,skip:Number,defaultSkip:Number,take:Number,defaultTake:Number,expandField:String,expandColumn:Object,selectedField:String,cellRender:[String,Function,Object],rowRender:[String,Function,Object],rowSpannable:[Boolean,Object],resizable:Boolean,reorderable:Boolean,group:Array,defaultGroup:Array,groupable:[Boolean,Object],groupExpand:Array,defaultGroupExpand:Array,detailExpand:Object,defaultDetailExpand:Object,editField:String,rowClass:Function,scrollable:{type:String,default:"scrollable"},size:{type:String,default:"medium",validator:function(e){return["small","medium"].includes(e)}},pager:[String,Function,Object],rowHeight:Number,detailRowHeight:Number,detail:[String,Function,Object],columnMenu:[Boolean,String,Function,Object],columnMenuAnimate:{type:[Boolean,Object],default:function(){return!0}},columnMenuIcon:t.SvgIcon,dataItemKey:String,navigatable:{type:Boolean,default:!1},onItemchange:Function,onExpandchange:Function,onDatastatechange:Function,onPagechange:Function,onSortchange:Function,onFilterchange:Function,onGroupchange:Function,onSearchchange:Function,onGroupexpandchange:Function,onDetailexpandchange:Function};exports.gridProps=n;

package/common.mjs

@@ -48,7 +48,7 @@ const o = {
     type: Boolean,
     default: void 0
   },
-  loader: [String, Function, Object, Boolean],
+  loader: [String, Function, Object],
   defaultFilter: Object,
   filter: Object,
   defaultSearch: Object,