@progress/kendo-vue-grid 8.0.3-develop.3 → 8.1.0-develop.1

package/interfaces/events.d.ts

@@ -7,7 +7,7 @@
  */
 import { SortDescriptor, CompositeFilterDescriptor, GroupDescriptor, State } from '@progress/kendo-data-query';
 import { GridColumnProps } from './GridColumnProps';
-import { DetailExpandDescriptor, GroupExpandDescriptor } from '@progress/kendo-vue-data-tools';
+import { DetailExpandDescriptor, GroupExpandDescriptor, SelectDescriptor, TableDragSelectionReleaseEvent, TableSelectionChangeEvent } from '@progress/kendo-vue-data-tools';
 import { GridColumnState } from './GridColumnState';
 import { GridHandle } from '../RootGrid';
 import { GridState } from '../GridState';
@@ -25,7 +25,7 @@ export interface GridEvent {
     /**
      * A specific native DOM event which is fetched by Vue.
      */
-    event?: any;
+    event: any;
 }
 /**
  * Represents the object of the `onSearchChange` Grid event.
@@ -46,6 +46,9 @@ export interface GridPageChangeEvent extends GridEvent {
      */
     event: any;
 }
+/** @hidden */
+export interface GridDragSelectionReleaseEvent extends TableDragSelectionReleaseEvent {
+}
 /**
  * The returned type of the `onDataStateChange` event.
  */
@@ -126,11 +129,23 @@ export interface GridExpandChangeEvent extends GridEvent {
 /**
  * Represents the object of the `onSelectionChange` event.
  */
-export interface GridSelectionChangeEvent extends GridEvent {
+export interface GridSelectionChangeEvent extends GridEvent, TableSelectionChangeEvent {
     /**
      * The data item which was selected or deselected by the user.
      */
     dataItem: any;
+    /**
+    * The new [SelectDescriptor](https://www.telerik.com/kendo-react-ui/components/datatools/api/selectdescriptor) based on the user action.
+    */
+    select: SelectDescriptor;
+    /**
+     * The dataItem from which the selection starts(Valid for scenarios without checkbox selection).
+     */
+    startDataItem?: any;
+    /**
+     * The dataItem to which the selection ends(Valid for scenarios without checkbox selection)
+     */
+    endDataItem?: any;
 }
 /**
  * Represents the object of the `onItemChange` event.
@@ -153,10 +168,18 @@ export interface GridItemChangeEvent extends GridEvent {
  * Represents the object of the `onHeaderSelectionChange` event.
  */
 export interface GridHeaderSelectionChangeEvent extends GridEvent {
+    /**
+     * The new [SelectDescriptor](https://www.telerik.com/kendo-react-ui/components/datatools/api/selectdescriptor) based on the user action.
+     */
+    select: SelectDescriptor;
     /**
      * The field of the column in which the cell is located.
      */
     field?: string;
+    /**
+     * The current Grid leaf data items.
+     */
+    dataItems: any[];
 }
 /**
  * Represents the object of the `GridKeyDownEvent` Grid event.

package/package-metadata.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={name:"@progress/kendo-vue-grid",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1773401782,version:"8.0.3-develop.3",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/"};exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-grid",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1773767206,version:"8.1.0-develop.1",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = {
   productName: "Kendo UI for Vue",
   productCode: "KENDOUIVUE",
   productCodes: ["KENDOUIVUE"],
-  publishDate: 1773401782,
-  version: "8.0.3-develop.3",
+  publishDate: 1773767206,
+  version: "8.1.0-develop.1",
   licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/"
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-grid",
-  "version": "8.0.3-develop.3",
+  "version": "8.1.0-develop.1",
   "description": "TODO",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -27,16 +27,16 @@
     "@progress/kendo-data-query": "^1.7.0",
     "@progress/kendo-drawing": "^1.21.1",
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-vue-animation": "8.0.3-develop.3",
-    "@progress/kendo-vue-buttons": "8.0.3-develop.3",
-    "@progress/kendo-vue-common": "8.0.3-develop.3",
-    "@progress/kendo-vue-data-tools": "8.0.3-develop.3",
-    "@progress/kendo-vue-dateinputs": "8.0.3-develop.3",
-    "@progress/kendo-vue-indicators": "8.0.3-develop.3",
-    "@progress/kendo-vue-dropdowns": "8.0.3-develop.3",
-    "@progress/kendo-vue-inputs": "8.0.3-develop.3",
-    "@progress/kendo-vue-intl": "8.0.3-develop.3",
-    "@progress/kendo-vue-popup": "8.0.3-develop.3",
+    "@progress/kendo-vue-animation": "8.1.0-develop.1",
+    "@progress/kendo-vue-buttons": "8.1.0-develop.1",
+    "@progress/kendo-vue-common": "8.1.0-develop.1",
+    "@progress/kendo-vue-data-tools": "8.1.0-develop.1",
+    "@progress/kendo-vue-dateinputs": "8.1.0-develop.1",
+    "@progress/kendo-vue-indicators": "8.1.0-develop.1",
+    "@progress/kendo-vue-dropdowns": "8.1.0-develop.1",
+    "@progress/kendo-vue-inputs": "8.1.0-develop.1",
+    "@progress/kendo-vue-intl": "8.1.0-develop.1",
+    "@progress/kendo-vue-popup": "8.1.0-develop.1",
     "@progress/kendo-svg-icons": "^4.4.0",
     "vue": "^3.0.2"
   },
@@ -57,7 +57,7 @@
     "package": {
       "productName": "Kendo UI for Vue",
       "productCode": "KENDOUIVUE",
-      "publishDate": 1773401782,
+      "publishDate": 1773767206,
       "licensingDocsUrl": "https://www.telerik.com/kendo-vue-ui/my-license/"
     }
   },

package/utils/main.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 w=require("@progress/kendo-vue-data-tools"),I=require("@progress/kendo-vue-common"),D=require("../GridColumn.js"),y="string";function v(e,t){const n=e.split(".");let i=t;return n.forEach(a=>{i=i?i[a]:void 0}),i}function R(e,t,n,i,a,s,r,o,d,h,p=0,f){let c=p;for(let g=0;g<t.length;g++){let l;if(!a||t[g].value===void 0||t[g].items===void 0){const C=d?!!(s!=null&&s[I.getter(d)(t[g])]):!1;e[e.length]={dataIndex:i.index,dataItem:t[g],rowType:"data",level:p,group:f,expanded:h!==void 0?v(h,t[g]):C!=null?C:!1},i.index++;continue}else{let C;f!=null&&f.parents?C=[{field:f.field,value:f.value},...f.parents]:f?C=[f]:C=[],l={field:t[g].field,value:t[g].value,parents:C}}c=Math.max(c,p+1);let x=!1;const u=w.findGroupExpand(r||[],l);h?x=h===void 0||v(h,t[g])===void 0||v(h,t[g]):x=u?u.expanded!==!1:o!==!1,e[e.length]={dataIndex:-1,dataItem:t[g],level:p,group:l,rowType:"groupHeader",expanded:x},x&&(l.expanded=x,c=Math.max(R(e,t[g].items,n,i,a,s,r,o,d,h,p+1,l),c)),(n==="always"||x&&n==="visible")&&(e[e.length]={dataIndex:-1,dataItem:t[g],rowType:"groupFooter",level:p,expanded:x})}return c}function O(e){return e&&getComputedStyle(e).direction==="rtl"||!1}function N(e,t){if(!t||!e||!e.originalEvent||!I.canUseDOM)return-1;let n=document.elementFromPoint(e.clientX,e.originalEvent.clientY);for(;n&&n.parentElement!==t;)n=n.parentElement;const i=t.children;for(let a=0;a<i.length;a++)if(i[a]===n)return a;return-1}const A=["sortChange","filterChange","groupChange","pageChange","expandChange","selectionChange","headerSelectionChange","rowClick","itemChange","dataStateChange","columnResize","columnReorder"],H=(e,t)=>`The ${e} event handler property is deprecated, use https://www.telerik.com/kendo-vue-ui/components/grid/api/GridProps/#toc-${t} instead`;function L(e){for(let t=0;t<A.length;t++){const n=A[t];if(e[n]!==void 0){const i="on"+n.charAt(0).toUpperCase()+n.slice(1);console.warn(H(n,i))}}}function V(e,t){const n=[[]];let i=0;for(let r=e.length-1;r>=0;r--)i=Math.max(i,e[r].depth),e[r].headerColSpan=e[r].headerColSpan||1,e[r].children.length>0&&(e[r].headerColSpan=e[r].children.reduce((o,d)=>d.hidden?o:o+d.headerColSpan,0));const a=[];let s=1;return e.forEach((r,o)=>{n[r.depth]=n[r.depth]||[];let d=!1;n[r.depth].length===0&&(s<=1?s=1+(r.children.length>0?0:i-r.depth):(s--,d=!0)),r.rowSpan=1+(r.children.length>0?0:i-r.depth),r.kFirst=d,r.index=n[r.depth].length,r.ariaColumnIndex=a[r.depth]?a[r.depth]+1:1;let h=0;const p=[],f=new Set;let c=r.parentIndex;for(;c>=0&&!f.has(c);)f.add(c),p.unshift(c),c=e[c].parentIndex;for(let l=0;l<p.length;l++){const x=p[l],u=e[x],C=n[u.depth],E=C.indexOf(x);for(let S=0;S<E;S++){const m=C[S];h+=e[m].headerColSpan}}for(let l=0;l<r.depth;l++){const x=n[l]||[];for(const u of x){const C=e[u];C.depth+C.rowSpan-1>=r.depth&&(p.includes(u)||(h+=C.headerColSpan))}}const g=n[r.depth];for(const l of g){const x=e[l];x.parentIndex===r.parentIndex&&(h+=x.headerColSpan)}r.virtualColumnOffset=h,n[r.depth].push(o);for(let l=r.depth;l<r.depth+r.rowSpan;l++)a[l]=(a[l]||0)+r.headerColSpan}),w.updateLeft(n,e,t),w.updateRight(n,e,t),n}function M(e,t,n,i=0,a=!1){const s=[];if(!e)return[];e&&e.length===void 0&&(e=[e]),e.forEach((o,d)=>{o=o;const h=o.id?o.id:w.tableKeyboardNavigationTools.generateNavigatableId(`${n.prevId++}`,n.idPrefix,"column"),p=I.canUseDOM&&o.media&&window.matchMedia?!window.matchMedia(o.media).matches:!1,f=a||p||o.hidden,c=t==null?void 0:t.find(l=>l.id===h),g=M(o.children,(c==null?void 0:c.children)||[],n,i+1,f);s.push({depth:i,...D.gridDefaultProps,...g.length?{cell:()=>null,filterCell:()=>null}:{},...o,id:h,declarationIndex:s.length,children:g,headerColSpan:0,rowSpan:0,columnType:o.columnType||"data",colSpan:o.colSpan||1,isAccessible:!0,hidden:f,left:null,right:null,rowSpannable:o.rowSpannable,...c?{width:c.width,orderIndex:c.orderIndex}:{}})});const r=(o,d)=>o.orderIndex===d.orderIndex?o.declarationIndex-d.declarationIndex:(o.orderIndex||0)-(d.orderIndex||0);if(s.sort(r),i===0){const o=[],d=(h,p)=>h.forEach(f=>{f.parentIndex=p,d(f.children,o.push(f)-1)});return d(s,-1),o}return s}const T=e=>Array.isArray(e)?e:e?e.data:[];function j(e,t,n,i){const a=T(e),s=[];if(a.length>0){let r=a[0];if(t)for(let d=0;d<t.length;d++)r=r.items&&r.items[0];Object.getOwnPropertyNames(r).forEach(d=>{d!==n.column&&s.push({id:w.tableKeyboardNavigationTools.generateNavigatableId(`${i.prevId++}`,i.idPrefix,"column"),declarationIndex:-1,parentIndex:-1,depth:0,colSpan:0,headerColSpan:0,rowSpan:0,index:0,columnType:"data",left:0,right:0,rightBorder:!1,children:[],ariaColumnIndex:0,isAccessible:!0,...D.gridDefaultProps,field:d})})}return s}const K=(e,t)=>{let n=e[t.parentIndex];for(;n;){if(n.footerCell)return!0;n=e[n.parentIndex]}return!1},P=e=>e.filter(t=>K(e,t)?!1:!!t.footerCell||!(t.children&&t.children.length>0)),$={number:function(e,t,n){return typeof e===y&&e.toLowerCase()==="null"?null:t.parseNumber(e,n)},date:function(e,t,n){return typeof e===y&&e.toLowerCase()==="null"?null:t.parseDate(e,n)},boolean:function(e){return typeof e===y?e.toLowerCase()==="null"?null:e.toLowerCase()==="true":e!=null?!!e:e},string:function(e){return typeof e===y&&e.toLowerCase()==="null"?null:e!=null?e+"":e},default:function(e){return e}};function F(e,t,n,i){return e.forEach(a=>{a.expanded=t[i]&&!t[i].includes(b(a,n)),a.items&&a.items.length&&(a.items=F(a.items,t,n,i+1))}),e}function z(e,t,n){return t&&t.length&&e.data.forEach(i=>{i.expanded=i.expanded!==void 0?i.expanded:t[0]&&!t[0].includes(b(i,n)),i.items&&i.items.length&&(i.items=F(i.items,t,n,1))}),e}function b(e,t){let n=e;for(;n.items&&n.items.length;)n=n.items[0];return t?n[t]:e.value}const B=e=>{const t=[],n=i=>i==null?void 0:i.forEach(a=>{t.push(a),n(a.children)});return n(e),t},U=typeof window!="undefined"&&/Firefox/.test(window.navigator.userAgent),q=17895697,W=e=>e.width!==void 0?Math.floor(parseFloat(e.width.toString()))+"px":void 0,X=(e,t)=>t&&t.filter(n=>n.field===e).length>0,k=e=>(e.sort((t,n)=>t.declarationIndex-n.declarationIndex),e.map(t=>{const{declarationIndex:n,parentIndex:i,depth:a,headerColSpan:s,rowSpan:r,index:o,kFirst:d,children:h,...p}=t;return h.length?{children:k(h),...p}:p})),Y=(e,t)=>typeof e.colSpan=="function"?e.colSpan({dataItem:t,column:e}):e.colSpan||1,J=e=>{var i,a;const t=typeof e=="object"?(i=e.enabled)!=null?i:!0:e!=null?e:!1,n=typeof e=="object"?(a=e.valueGetter)!=null?a:((s,r)=>I.getter(r)(s)):(s,r)=>I.getter(r)(s);return{enabled:t,valueGetter:n}},Q=e=>{let t=0;if(e){const n=e.insertRow(0),i=n.insertCell(0);i.textContent="&nbsp;",t=n.getBoundingClientRect().height,e.deleteRow(0)}return t};exports.applyExpandedState=z;exports.autoGenerateColumns=j;exports.calcRowHeight=Q;exports.checkPropCompatibility=L;exports.firefox=U;exports.firefoxMaxHeight=q;exports.flatData=R;exports.footerColumns=P;exports.getColSpan=Y;exports.getColumnWidth=W;exports.getDataAsArray=T;exports.getFlatColumnsState=B;exports.getIndex=N;exports.getNestedValue=v;exports.getRowSpanOptions=J;exports.groupedFirstItemValue=b;exports.isRtl=O;exports.isSorted=X;exports.mapColumns=V;exports.parsers=$;exports.readColumns=M;exports.sanitizeColumns=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("@progress/kendo-vue-data-tools"),y=require("@progress/kendo-vue-common"),D=require("../GridColumn.js"),b="string";function E(e,t){const n=e.split(".");let i=t;return n.forEach(a=>{i=i?i[a]:void 0}),i}function M(e,t,n,i,a,s,r,o,d,h,p=0,f){let c=p;for(let g=0;g<t.length;g++){let l;if(!a||t[g].value===void 0||t[g].items===void 0){const C=d?!!(s!=null&&s[y.getter(d)(t[g])]):!1;e[e.length]={dataIndex:i.index,dataItem:t[g],rowType:"data",level:p,group:f,expanded:h!==void 0?E(h,t[g]):C!=null?C:!1},i.index++;continue}else{let C;f!=null&&f.parents?C=[{field:f.field,value:f.value},...f.parents]:f?C=[f]:C=[],l={field:t[g].field,value:t[g].value,parents:C}}c=Math.max(c,p+1);let x=!1;const I=S.findGroupExpand(r||[],l);h?x=h===void 0||E(h,t[g])===void 0||E(h,t[g]):x=I?I.expanded!==!1:o!==!1,e[e.length]={dataIndex:-1,dataItem:t[g],level:p,group:l,rowType:"groupHeader",expanded:x},x&&(l.expanded=x,c=Math.max(M(e,t[g].items,n,i,a,s,r,o,d,h,p+1,l),c)),(n==="always"||x&&n==="visible")&&(e[e.length]={dataIndex:-1,dataItem:t[g],rowType:"groupFooter",level:p,expanded:x})}return c}function m(e){return e&&getComputedStyle(e).direction==="rtl"||!1}function N(e,t){if(!t||!e||!e.originalEvent||!y.canUseDOM)return-1;let n=document.elementFromPoint(e.clientX,e.originalEvent.clientY);for(;n&&n.parentElement!==t;)n=n.parentElement;const i=t.children;for(let a=0;a<i.length;a++)if(i[a]===n)return a;return-1}const A=["sortChange","filterChange","groupChange","pageChange","expandChange","selectionChange","headerSelectionChange","rowClick","itemChange","dataStateChange","columnResize","columnReorder"],H=(e,t)=>`The ${e} event handler property is deprecated, use https://www.telerik.com/kendo-vue-ui/components/grid/api/GridProps/#toc-${t} instead`;function L(e){for(let t=0;t<A.length;t++){const n=A[t];if(e[n]!==void 0){const i="on"+n.charAt(0).toUpperCase()+n.slice(1);console.warn(H(n,i))}}}function P(e,t){const n=[[]];let i=0;for(let r=e.length-1;r>=0;r--)i=Math.max(i,e[r].depth),e[r].headerColSpan=e[r].headerColSpan||1,e[r].children.length>0&&(e[r].headerColSpan=e[r].children.reduce((o,d)=>d.hidden?o:o+d.headerColSpan,0));const a=[];let s=1;return e.forEach((r,o)=>{n[r.depth]=n[r.depth]||[];let d=!1;n[r.depth].length===0&&(s<=1?s=1+(r.children.length>0?0:i-r.depth):(s--,d=!0)),r.rowSpan=1+(r.children.length>0?0:i-r.depth),r.kFirst=d,r.index=n[r.depth].length,r.ariaColumnIndex=a[r.depth]?a[r.depth]+1:1;let h=0;const p=[],f=new Set;let c=r.parentIndex;for(;c>=0&&!f.has(c);)f.add(c),p.unshift(c),c=e[c].parentIndex;for(let l=0;l<p.length;l++){const x=p[l],I=e[x],C=n[I.depth],v=C.indexOf(x);for(let u=0;u<v;u++){const w=C[u];h+=e[w].headerColSpan}}for(let l=0;l<r.depth;l++){const x=n[l]||[],C=(n[r.depth]||[]).indexOf(o);let v=0;for(const u of x){const w=e[u];v<C&&w.depth+w.rowSpan-1>=r.depth&&(p.includes(u)||(h+=w.headerColSpan)),v+=w.headerColSpan}}const g=n[r.depth];for(const l of g){const x=e[l];x.parentIndex===r.parentIndex&&(h+=x.headerColSpan)}r.virtualColumnOffset=h,n[r.depth].push(o);for(let l=r.depth;l<r.depth+r.rowSpan;l++)a[l]=(a[l]||0)+r.headerColSpan}),S.updateLeft(n,e,t),S.updateRight(n,e,t),n}function T(e,t,n,i=0,a=!1){const s=[];if(!e)return[];e&&e.length===void 0&&(e=[e]),e.forEach((o,d)=>{o=o;const h=o.id?o.id:S.tableKeyboardNavigationTools.generateNavigatableId(`${n.prevId++}`,n.idPrefix,"column"),p=y.canUseDOM&&o.media&&window.matchMedia?!window.matchMedia(o.media).matches:!1,f=a||p||o.hidden,c=t==null?void 0:t.find(l=>l.id===h),g=T(o.children,(c==null?void 0:c.children)||[],n,i+1,f);s.push({depth:i,...D.gridDefaultProps,...g.length?{cell:()=>null,filterCell:()=>null}:{},...o,id:h,declarationIndex:s.length,children:g,headerColSpan:0,rowSpan:0,columnType:o.columnType||"data",colSpan:o.colSpan||1,isAccessible:!0,hidden:f,left:null,right:null,rowSpannable:o.rowSpannable,...c?{width:c.width,orderIndex:c.orderIndex}:{}})});const r=(o,d)=>o.orderIndex===d.orderIndex?o.declarationIndex-d.declarationIndex:(o.orderIndex||0)-(d.orderIndex||0);if(s.sort(r),i===0){const o=[],d=(h,p)=>h.forEach(f=>{f.parentIndex=p,d(f.children,o.push(f)-1)});return d(s,-1),o}return s}const F=e=>Array.isArray(e)?e:e?e.data:[];function V(e,t,n,i){const a=F(e),s=[];if(a.length>0){let r=a[0];if(t)for(let d=0;d<t.length;d++)r=r.items&&r.items[0];Object.getOwnPropertyNames(r).forEach(d=>{d!==n.column&&s.push({id:S.tableKeyboardNavigationTools.generateNavigatableId(`${i.prevId++}`,i.idPrefix,"column"),declarationIndex:-1,parentIndex:-1,depth:0,colSpan:0,headerColSpan:0,rowSpan:0,index:0,columnType:"data",left:0,right:0,rightBorder:!1,children:[],ariaColumnIndex:0,isAccessible:!0,...D.gridDefaultProps,field:d})})}return s}const j=(e,t)=>{let n=e[t.parentIndex];for(;n;){if(n.footerCell)return!0;n=e[n.parentIndex]}return!1},K=e=>e.filter(t=>j(e,t)?!1:!!t.footerCell||!(t.children&&t.children.length>0)),$={number:function(e,t,n){return typeof e===b&&e.toLowerCase()==="null"?null:t.parseNumber(e,n)},date:function(e,t,n){return typeof e===b&&e.toLowerCase()==="null"?null:t.parseDate(e,n)},boolean:function(e){return typeof e===b?e.toLowerCase()==="null"?null:e.toLowerCase()==="true":e!=null?!!e:e},string:function(e){return typeof e===b&&e.toLowerCase()==="null"?null:e!=null?e+"":e},default:function(e){return e}};function O(e,t,n,i){return e.forEach(a=>{a.expanded=t[i]&&!t[i].includes(R(a,n)),a.items&&a.items.length&&(a.items=O(a.items,t,n,i+1))}),e}function z(e,t,n){return t&&t.length&&e.data.forEach(i=>{i.expanded=i.expanded!==void 0?i.expanded:t[0]&&!t[0].includes(R(i,n)),i.items&&i.items.length&&(i.items=O(i.items,t,n,1))}),e}function R(e,t){let n=e;for(;n.items&&n.items.length;)n=n.items[0];return t?n[t]:e.value}const B=e=>{const t=[],n=i=>i==null?void 0:i.forEach(a=>{t.push(a),n(a.children)});return n(e),t},U=typeof window!="undefined"&&/Firefox/.test(window.navigator.userAgent),q=17895697,W=e=>e.width!==void 0?Math.floor(parseFloat(e.width.toString()))+"px":void 0,X=(e,t)=>t&&t.filter(n=>n.field===e).length>0,k=e=>(e.sort((t,n)=>t.declarationIndex-n.declarationIndex),e.map(t=>{const{declarationIndex:n,parentIndex:i,depth:a,headerColSpan:s,rowSpan:r,index:o,kFirst:d,children:h,...p}=t;return h.length?{children:k(h),...p}:p})),Y=(e,t)=>typeof e.colSpan=="function"?e.colSpan({dataItem:t,column:e}):e.colSpan||1,J=e=>{var i,a;const t=typeof e=="object"?(i=e.enabled)!=null?i:!0:e!=null?e:!1,n=typeof e=="object"?(a=e.valueGetter)!=null?a:((s,r)=>y.getter(r)(s)):(s,r)=>y.getter(r)(s);return{enabled:t,valueGetter:n}},Q=e=>{let t=0;if(e){const n=e.insertRow(0),i=n.insertCell(0);i.textContent="&nbsp;",t=n.getBoundingClientRect().height,e.deleteRow(0)}return t};exports.applyExpandedState=z;exports.autoGenerateColumns=V;exports.calcRowHeight=Q;exports.checkPropCompatibility=L;exports.firefox=U;exports.firefoxMaxHeight=q;exports.flatData=M;exports.footerColumns=K;exports.getColSpan=Y;exports.getColumnWidth=W;exports.getDataAsArray=F;exports.getFlatColumnsState=B;exports.getIndex=N;exports.getNestedValue=E;exports.getRowSpanOptions=J;exports.groupedFirstItemValue=R;exports.isRtl=m;exports.isSorted=X;exports.mapColumns=P;exports.parsers=$;exports.readColumns=T;exports.sanitizeColumns=k;

package/utils/main.mjs

@@ -5,23 +5,23 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { findGroupExpand as T, updateLeft as k, updateRight as L, tableKeyboardNavigationTools as A } from "@progress/kendo-vue-data-tools";
-import { getter as S, canUseDOM as b } from "@progress/kendo-vue-common";
-import { gridDefaultProps as R } from "../GridColumn.mjs";
-const u = "string";
-function y(e, t) {
+import { findGroupExpand as T, updateLeft as O, updateRight as k, tableKeyboardNavigationTools as R } from "@progress/kendo-vue-data-tools";
+import { getter as E, canUseDOM as b } from "@progress/kendo-vue-common";
+import { gridDefaultProps as M } from "../GridColumn.mjs";
+const y = "string";
+function v(e, t) {
   const n = e.split(".");
   let i = t;
   return n.forEach((a) => {
     i = i ? i[a] : void 0;
   }), i;
 }
-function N(e, t, n, i, a, s, r, d, o, h, p = 0, f) {
+function L(e, t, n, i, a, s, r, d, o, h, p = 0, f) {
   let c = p;
   for (let g = 0; g < t.length; g++) {
     let l;
     if (!a || t[g].value === void 0 || t[g].items === void 0) {
-      const C = o ? !!(s != null && s[S(o)(t[g])]) : !1;
+      const C = o ? !!(s != null && s[E(o)(t[g])]) : !1;
       e[e.length] = {
         dataIndex: i.index,
         dataItem: t[g],
@@ -29,7 +29,7 @@ function N(e, t, n, i, a, s, r, d, o, h, p = 0, f) {
         level: p,
         group: f,
         // This is related to detail-row expansion
-        expanded: h !== void 0 ? y(h, t[g]) : C != null ? C : !1
+        expanded: h !== void 0 ? v(h, t[g]) : C != null ? C : !1
       }, i.index++;
       continue;
     } else {
@@ -42,8 +42,8 @@ function N(e, t, n, i, a, s, r, d, o, h, p = 0, f) {
     }
     c = Math.max(c, p + 1);
     let x = !1;
-    const w = T(r || [], l);
-    h ? x = h === void 0 || y(h, t[g]) === void 0 || y(h, t[g]) : x = w ? w.expanded !== !1 : d !== !1, e[e.length] = {
+    const u = T(r || [], l);
+    h ? x = h === void 0 || v(h, t[g]) === void 0 || v(h, t[g]) : x = u ? u.expanded !== !1 : d !== !1, e[e.length] = {
       dataIndex: -1,
       dataItem: t[g],
       level: p,
@@ -51,7 +51,7 @@ function N(e, t, n, i, a, s, r, d, o, h, p = 0, f) {
       rowType: "groupHeader",
       expanded: x
     }, x && (l.expanded = x, c = Math.max(
-      N(
+      L(
         e,
         t[g].items,
         n,
@@ -76,10 +76,10 @@ function N(e, t, n, i, a, s, r, d, o, h, p = 0, f) {
   }
   return c;
 }
-function U(e) {
+function m(e) {
   return e && getComputedStyle(e).direction === "rtl" || !1;
 }
-function V(e, t) {
+function W(e, t) {
   if (!t || !e || !e.originalEvent || !b)
     return -1;
   let n = document.elementFromPoint(e.clientX, e.originalEvent.clientY);
@@ -91,7 +91,7 @@ function V(e, t) {
       return a;
   return -1;
 }
-const E = [
+const A = [
   "sortChange",
   "filterChange",
   "groupChange",
@@ -104,17 +104,17 @@ const E = [
   "dataStateChange",
   "columnResize",
   "columnReorder"
-], O = (e, t) => `The ${e} event handler property is deprecated, use https://www.telerik.com/kendo-vue-ui/components/grid/api/GridProps/#toc-${t} instead`;
-function P(e) {
-  for (let t = 0; t < E.length; t++) {
-    const n = E[t];
+], N = (e, t) => `The ${e} event handler property is deprecated, use https://www.telerik.com/kendo-vue-ui/components/grid/api/GridProps/#toc-${t} instead`;
+function X(e) {
+  for (let t = 0; t < A.length; t++) {
+    const n = A[t];
     if (e[n] !== void 0) {
       const i = "on" + n.charAt(0).toUpperCase() + n.slice(1);
-      console.warn(O(n, i));
+      console.warn(N(n, i));
     }
   }
 }
-function W(e, t) {
+function Y(e, t) {
   const n = [[]];
   let i = 0;
   for (let r = e.length - 1; r >= 0; r--)
@@ -134,17 +134,18 @@ function W(e, t) {
     for (; c >= 0 && !f.has(c); )
       f.add(c), p.unshift(c), c = e[c].parentIndex;
     for (let l = 0; l < p.length; l++) {
-      const x = p[l], w = e[x], C = n[w.depth], v = C.indexOf(x);
-      for (let I = 0; I < v; I++) {
-        const F = C[I];
-        h += e[F].headerColSpan;
+      const x = p[l], u = e[x], C = n[u.depth], S = C.indexOf(x);
+      for (let w = 0; w < S; w++) {
+        const I = C[w];
+        h += e[I].headerColSpan;
       }
     }
     for (let l = 0; l < r.depth; l++) {
-      const x = n[l] || [];
+      const x = n[l] || [], C = (n[r.depth] || []).indexOf(d);
+      let S = 0;
       for (const w of x) {
-        const C = e[w];
-        C.depth + C.rowSpan - 1 >= r.depth && (p.includes(w) || (h += C.headerColSpan));
+        const I = e[w];
+        S < C && I.depth + I.rowSpan - 1 >= r.depth && (p.includes(w) || (h += I.headerColSpan)), S += I.headerColSpan;
       }
     }
     const g = n[r.depth];
@@ -155,7 +156,7 @@ function W(e, t) {
     r.virtualColumnOffset = h, n[r.depth].push(d);
     for (let l = r.depth; l < r.depth + r.rowSpan; l++)
       a[l] = (a[l] || 0) + r.headerColSpan;
-  }), k(n, e, t), L(n, e, t), n;
+  }), O(n, e, t), k(n, e, t), n;
 }
 function H(e, t, n, i = 0, a = !1) {
   const s = [];
@@ -163,11 +164,11 @@ function H(e, t, n, i = 0, a = !1) {
     return [];
   e && e.length === void 0 && (e = [e]), e.forEach((d, o) => {
     d = d;
-    const h = d.id ? d.id : A.generateNavigatableId(`${n.prevId++}`, n.idPrefix, "column"), p = b && d.media && window.matchMedia ? !window.matchMedia(d.media).matches : !1, f = a || p || d.hidden, c = t == null ? void 0 : t.find((l) => l.id === h), g = H(d.children, (c == null ? void 0 : c.children) || [], n, i + 1, f);
+    const h = d.id ? d.id : R.generateNavigatableId(`${n.prevId++}`, n.idPrefix, "column"), p = b && d.media && window.matchMedia ? !window.matchMedia(d.media).matches : !1, f = a || p || d.hidden, c = t == null ? void 0 : t.find((l) => l.id === h), g = H(d.children, (c == null ? void 0 : c.children) || [], n, i + 1, f);
     s.push(
       {
         depth: i,
-        ...R,
+        ...M,
         ...g.length ? { cell: () => null, filterCell: () => null } : {},
         ...d,
         id: h,
@@ -196,7 +197,7 @@ function H(e, t, n, i = 0, a = !1) {
   return s;
 }
 const j = (e) => Array.isArray(e) ? e : e ? e.data : [];
-function X(e, t, n, i) {
+function J(e, t, n, i) {
   const a = j(e), s = [];
   if (a.length > 0) {
     let r = a[0];
@@ -206,7 +207,7 @@ function X(e, t, n, i) {
     Object.getOwnPropertyNames(r).forEach((o) => {
       o !== n.column && s.push(
         {
-          id: A.generateNavigatableId(`${i.prevId++}`, i.idPrefix, "column"),
+          id: R.generateNavigatableId(`${i.prevId++}`, i.idPrefix, "column"),
           declarationIndex: -1,
           parentIndex: -1,
           depth: 0,
@@ -221,7 +222,7 @@ function X(e, t, n, i) {
           children: [],
           ariaColumnIndex: 0,
           isAccessible: !0,
-          ...R,
+          ...M,
           field: o
         }
       );
@@ -237,55 +238,55 @@ const $ = (e, t) => {
     n = e[n.parentIndex];
   }
   return !1;
-}, Y = (e) => e.filter((t) => $(e, t) ? !1 : !!t.footerCell || !(t.children && t.children.length > 0)), J = {
+}, Q = (e) => e.filter((t) => $(e, t) ? !1 : !!t.footerCell || !(t.children && t.children.length > 0)), Z = {
   number: function(e, t, n) {
-    return typeof e === u && e.toLowerCase() === "null" ? null : t.parseNumber(e, n);
+    return typeof e === y && e.toLowerCase() === "null" ? null : t.parseNumber(e, n);
   },
   date: function(e, t, n) {
-    return typeof e === u && e.toLowerCase() === "null" ? null : t.parseDate(e, n);
+    return typeof e === y && e.toLowerCase() === "null" ? null : t.parseDate(e, n);
   },
   boolean: function(e) {
-    return typeof e === u ? e.toLowerCase() === "null" ? null : e.toLowerCase() === "true" : e != null ? !!e : e;
+    return typeof e === y ? e.toLowerCase() === "null" ? null : e.toLowerCase() === "true" : e != null ? !!e : e;
   },
   string: function(e) {
-    return typeof e === u && e.toLowerCase() === "null" ? null : e != null ? e + "" : e;
+    return typeof e === y && e.toLowerCase() === "null" ? null : e != null ? e + "" : e;
   },
   default: function(e) {
     return e;
   }
 };
-function M(e, t, n, i) {
+function D(e, t, n, i) {
   return e.forEach((a) => {
-    a.expanded = t[i] && !t[i].includes(D(a, n)), a.items && a.items.length && (a.items = M(a.items, t, n, i + 1));
+    a.expanded = t[i] && !t[i].includes(F(a, n)), a.items && a.items.length && (a.items = D(a.items, t, n, i + 1));
   }), e;
 }
-function Q(e, t, n) {
+function _(e, t, n) {
   return t && t.length && e.data.forEach((i) => {
-    i.expanded = i.expanded !== void 0 ? i.expanded : t[0] && !t[0].includes(D(i, n)), i.items && i.items.length && (i.items = M(i.items, t, n, 1));
+    i.expanded = i.expanded !== void 0 ? i.expanded : t[0] && !t[0].includes(F(i, n)), i.items && i.items.length && (i.items = D(i.items, t, n, 1));
   }), e;
 }
-function D(e, t) {
+function F(e, t) {
   let n = e;
   for (; n.items && n.items.length; )
     n = n.items[0];
   return t ? n[t] : e.value;
 }
-const Z = (e) => {
+const q = (e) => {
   const t = [], n = (i) => i == null ? void 0 : i.forEach((a) => {
     t.push(a), n(a.children);
   });
   return n(e), t;
-}, _ = typeof window != "undefined" && /Firefox/.test(window.navigator.userAgent), q = 17895697, G = (e) => e.width !== void 0 ? Math.floor(parseFloat(e.width.toString())) + "px" : void 0, ee = (e, t) => t && t.filter((n) => n.field === e).length > 0, B = (e) => (e.sort((t, n) => t.declarationIndex - n.declarationIndex), e.map((t) => {
+}, G = typeof window != "undefined" && /Firefox/.test(window.navigator.userAgent), ee = 17895697, te = (e) => e.width !== void 0 ? Math.floor(parseFloat(e.width.toString())) + "px" : void 0, ne = (e, t) => t && t.filter((n) => n.field === e).length > 0, B = (e) => (e.sort((t, n) => t.declarationIndex - n.declarationIndex), e.map((t) => {
   const { declarationIndex: n, parentIndex: i, depth: a, headerColSpan: s, rowSpan: r, index: d, kFirst: o, children: h, ...p } = t;
   return h.length ? {
     children: B(h),
     ...p
   } : p;
-})), te = (e, t) => typeof e.colSpan == "function" ? e.colSpan({ dataItem: t, column: e }) : e.colSpan || 1, ne = (e) => {
+})), re = (e, t) => typeof e.colSpan == "function" ? e.colSpan({ dataItem: t, column: e }) : e.colSpan || 1, ie = (e) => {
   var i, a;
-  const t = typeof e == "object" ? (i = e.enabled) != null ? i : !0 : e != null ? e : !1, n = typeof e == "object" ? (a = e.valueGetter) != null ? a : ((s, r) => S(r)(s)) : (s, r) => S(r)(s);
+  const t = typeof e == "object" ? (i = e.enabled) != null ? i : !0 : e != null ? e : !1, n = typeof e == "object" ? (a = e.valueGetter) != null ? a : ((s, r) => E(r)(s)) : (s, r) => E(r)(s);
   return { enabled: t, valueGetter: n };
-}, re = (e) => {
+}, ae = (e) => {
   let t = 0;
   if (e) {
     const n = e.insertRow(0), i = n.insertCell(0);
@@ -294,26 +295,26 @@ const Z = (e) => {
   return t;
 };
 export {
-  Q as applyExpandedState,
-  X as autoGenerateColumns,
-  re as calcRowHeight,
-  P as checkPropCompatibility,
-  _ as firefox,
-  q as firefoxMaxHeight,
-  N as flatData,
-  Y as footerColumns,
-  te as getColSpan,
-  G as getColumnWidth,
+  _ as applyExpandedState,
+  J as autoGenerateColumns,
+  ae as calcRowHeight,
+  X as checkPropCompatibility,
+  G as firefox,
+  ee as firefoxMaxHeight,
+  L as flatData,
+  Q as footerColumns,
+  re as getColSpan,
+  te as getColumnWidth,
   j as getDataAsArray,
-  Z as getFlatColumnsState,
-  V as getIndex,
-  y as getNestedValue,
-  ne as getRowSpanOptions,
-  D as groupedFirstItemValue,
-  U as isRtl,
-  ee as isSorted,
-  W as mapColumns,
-  J as parsers,
+  q as getFlatColumnsState,
+  W as getIndex,
+  v as getNestedValue,
+  ie as getRowSpanOptions,
+  F as groupedFirstItemValue,
+  m as isRtl,
+  ne as isSorted,
+  Y as mapColumns,
+  Z as parsers,
   H as readColumns,
   B as sanitizeColumns
 };

package/utils/virtualColumns.d.ts

@@ -7,6 +7,21 @@
  */
 import { ExtendedColumnProps } from '../interfaces/ExtendedColumnProps';
 import { GridCellRenderModel } from '../interfaces/GridCellRenderModel';
+/**
+ * @hidden
+ * Pure function to get all parent column indices up to the root
+ */
+export declare function getParentIndices(columns: ExtendedColumnProps[], columnIndex: number): number[];
+/**
+ * @hidden
+ * Pure function to add all ancestors of given parent indices
+ */
+export declare function addAllAncestors(columns: ExtendedColumnProps[], parentIndices: number[], allVisibleIndices: Set<number>): void;
+/**
+ * @hidden
+ * Pure function to add all children and descendants of a column
+ */
+export declare function addDescendants(columns: ExtendedColumnProps[], colIdx: number, allVisibleIndices: Set<number>): void;
 /**
  * @hidden
  * Calculate which columns to render and their colSpans for virtualized header/filter rows
@@ -16,9 +31,11 @@ export declare function getVirtualHeaderCellsToRender(args: {
     columns: ExtendedColumnProps[];
     rowIndex: number;
     enableVirtualization?: boolean;
+    columnsMap?: number[][];
 }): {
     columnsToRender: number[];
     colSpans: number[];
+    skipOffset?: boolean;
 };
 /**
  * @hidden

package/utils/virtualColumns.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"});function m(u){const{cellsToRender:n,columns:i,rowIndex:a,enableVirtualization:s}=u;if(!s||a!==0||!n||n.length===0)return{columnsToRender:[],colSpans:[]};const t=[],o=[];let c=-1,d=-1;for(let l=0;l<n.length;l++)i[n[l].columnIndex].locked||(c===-1&&(c=l),d=l);return n.forEach((l,r)=>{if(t.push(l.columnIndex),r===c)o.push(l.colSpan);else if(r===d)o.push(l.colSpan);else{const f=i[l.columnIndex];o.push(f.headerColSpan||1)}}),{columnsToRender:t,colSpans:o}}function p(u){const{cellModels:n,columns:i=[],tableViewPortWidth:a,scrollLeft:s}=u;let t=0,o=n.length-1,c=0,d=0;for(let e=0;e<n.length;e++)if(!i[n[e].columnIndex].locked&&(c=d,d+=n[e].width||10,d>=s)){t=e;break}for(let e=t;e<n.length;e++)if(!i[n[e].columnIndex].locked)if(c<a+s)c+=n[e].width||10,o=e;else break;t>0&&t--,o<n.length-1&&o++;let l=0,r=0;for(let e=0;e<t;e++)i[n[e].columnIndex].locked||(l+=n[e].colSpan);for(let e=o+1;e<n.length;e++)i[n[e].columnIndex].locked||(r+=n[e].colSpan);n[t].colSpan+=l,n[o].colSpan+=r;const f=n.slice(0,t).filter(e=>i[e.columnIndex].locked),h=n.slice(o+1).filter(e=>i[e.columnIndex].locked);return[...f,...n.slice(t,o+1),...h]}exports.getVirtualCellsToRender=p;exports.getVirtualHeaderCellsToRender=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function L(a,e,n){let s=0,p=!1;if(n>0&&e)for(let l=0;l<n;l++){const r=e[l]||[];for(let u=0;u<r.length;u++){const h=r[u],S=a[h];(S.rowSpan||1)>n-l&&(s+=S.headerColSpan||1,u===0&&(p=!0))}}return{emptyColSpan:s,skipOffset:p}}function E(a,e){const n=a[e];return!n||n.parentIndex<0?[]:[n.parentIndex,...E(a,n.parentIndex)]}function M(a,e,n){e.forEach(s=>{E(a,s).forEach(l=>n.add(l))})}function w(a,e,n){var p;const s=a[e];((p=s==null?void 0:s.children)==null?void 0:p.length)>0&&s.children.forEach(l=>{let r=typeof l=="number"?l:a.indexOf(l);r>=0&&!n.has(r)&&(n.add(r),w(a,r,n))})}function P(a){const{cellsToRender:e,columns:n,rowIndex:s,enableVirtualization:p,columnsMap:l}=a;if(!p||!e||e.length===0)return{columnsToRender:[],colSpans:[]};const r=[],u=[];let h=-1,S=-1;function I(o,c){let d=-1,i=-1;for(let f=0;f<c.length;f++)o[c[f]].locked||(d===-1&&(d=f),i=f);return{first:d,last:i}}const R=e.reduce((o,c)=>o+c.colSpan,0);let x=[],t=[];const U=n.filter(o=>o.children.length===0),b=new Map;n.forEach((o,c)=>{if(o.children.length===0){const d=U.findIndex(i=>i===o);d>=0&&b.set(d,c)}});const g=new Set;if(e.forEach(o=>{const c=b.get(o.columnIndex);if(c!==void 0){g.add(c);const d=E(n,c);d.forEach(i=>g.add(i)),M(n,d,g),w(n,c,g),d.forEach(i=>{w(n,i,g)})}}),l&&Array.isArray(l)){for(let o=0;o<l.length;o++)x[o]=l[o].filter(c=>g.has(c));t=x[s]||[]}const y=I(n,t);h=y.first,S=y.last;let V=0,O=0,v=!1;return t.forEach((o,c)=>{r.push(o);const d=n[o],i=d.headerColSpan||1;let f;if(h===S)f=R;else if(c===h){const k=d.virtualColumnOffset?d.virtualColumnOffset:0,{emptyColSpan:C,skipOffset:m}=L(n,x,s);O+=C,m&&(O+=k,v=!0),k>0&&!m?f=i+k:f=i}else if(c===S){let k=c===t.length-1;if(l!=null&&l[s]){const C=l[s],m=o;let A=-1;for(let T=C.length-1;T>=0;T--)if(!n[C[T]].locked){A=C[T];break}k=m===A}if(k)f=i;else{const C=R-V-O;if(f=Math.max(C,i),i>C&&u.length>0){const m=i-C;u[0]-=m}}}else f=i;u.push(f),V+=f}),{columnsToRender:r,colSpans:u,skipOffset:v}}function F(a){const{cellModels:e,columns:n=[],tableViewPortWidth:s,scrollLeft:p}=a;let l=0,r=e.length-1,u=0,h=0;for(let t=0;t<e.length;t++)if(!n[e[t].columnIndex].locked&&(u=h,h+=e[t].width||10,h>=p)){l=t;break}for(let t=l;t<e.length;t++)if(!n[e[t].columnIndex].locked)if(u<s+p)u+=e[t].width||10,r=t;else break;l>0&&l--,r<e.length-1&&r++;let S=0,I=0;for(let t=0;t<l;t++)n[e[t].columnIndex].locked||(S+=e[t].colSpan);for(let t=r+1;t<e.length;t++)n[e[t].columnIndex].locked||(I+=e[t].colSpan);e[l].colSpan+=S,e[r].colSpan+=I;const R=e.slice(0,l).filter(t=>n[t.columnIndex].locked),x=e.slice(r+1).filter(t=>n[t.columnIndex].locked);return[...R,...e.slice(l,r+1),...x]}exports.addAllAncestors=M;exports.addDescendants=w;exports.getParentIndices=E;exports.getVirtualCellsToRender=F;exports.getVirtualHeaderCellsToRender=P;