@progress/kendo-vue-grid 7.1.0-develop.6 → 8.0.0-develop.1

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

package/utils/main.mjs

@@ -5,93 +5,93 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { findGroupExpand as F, updateLeft as T, updateRight as A, tableKeyboardNavigationTools as E } from "@progress/kendo-vue-data-tools";
-import { getter as I, canUseDOM as m } from "@progress/kendo-vue-common";
-import { gridDefaultProps as v } from "../GridColumn.mjs";
-const w = "string";
-function u(e, t) {
+import { findGroupExpand as F, updateLeft as T, updateRight as L, tableKeyboardNavigationTools as A } from "@progress/kendo-vue-data-tools";
+import { getter as S, canUseDOM as R } from "@progress/kendo-vue-common";
+import { gridDefaultProps as b } from "../GridColumn.mjs";
+const u = "string";
+function y(e, t) {
   const n = e.split(".");
-  let r = t;
-  return n.forEach((a) => {
-    r = r ? r[a] : void 0;
-  }), r;
+  let i = t;
+  return n.forEach((d) => {
+    i = i ? i[d] : void 0;
+  }), i;
 }
-function b(e, t, n, r, a, l, i, d, o, s, c = 0, f) {
-  let g = c;
-  for (let h = 0; h < t.length; h++) {
+function N(e, t, n, i, d, l, r, o, s, f, c = 0, h) {
+  let p = c;
+  for (let a = 0; a < t.length; a++) {
     let x;
-    if (!a || t[h].value === void 0 || t[h].items === void 0) {
-      const p = o ? !!(l != null && l[I(o)(t[h])]) : !1;
+    if (!d || t[a].value === void 0 || t[a].items === void 0) {
+      const C = s ? !!(l != null && l[S(s)(t[a])]) : !1;
       e[e.length] = {
-        dataIndex: r.index,
-        dataItem: t[h],
+        dataIndex: i.index,
+        dataItem: t[a],
         rowType: "data",
         level: c,
-        group: f,
+        group: h,
         // This is related to detail-row expansion
-        expanded: s !== void 0 ? u(s, t[h]) : p != null ? p : !1
-      }, r.index++;
+        expanded: f !== void 0 ? y(f, t[a]) : C != null ? C : !1
+      }, i.index++;
       continue;
     } else {
-      let p;
-      f != null && f.parents ? p = [{ field: f.field, value: f.value }, ...f.parents] : f ? p = [f] : p = [], x = {
-        field: t[h].field,
-        value: t[h].value,
-        parents: p
+      let C;
+      h != null && h.parents ? C = [{ field: h.field, value: h.value }, ...h.parents] : h ? C = [h] : C = [], x = {
+        field: t[a].field,
+        value: t[a].value,
+        parents: C
       };
     }
-    g = Math.max(g, c + 1);
-    let C = !1;
-    const y = F(i || [], x);
-    s ? C = s === void 0 || u(s, t[h]) === void 0 || u(s, t[h]) : C = y ? y.expanded !== !1 : d !== !1, e[e.length] = {
+    p = Math.max(p, c + 1);
+    let g = !1;
+    const w = F(r || [], x);
+    f ? g = f === void 0 || y(f, t[a]) === void 0 || y(f, t[a]) : g = w ? w.expanded !== !1 : o !== !1, e[e.length] = {
       dataIndex: -1,
-      dataItem: t[h],
+      dataItem: t[a],
       level: c,
       group: x,
       rowType: "groupHeader",
-      expanded: C
-    }, C && (x.expanded = C, g = Math.max(
-      b(
+      expanded: g
+    }, g && (x.expanded = g, p = Math.max(
+      N(
         e,
-        t[h].items,
+        t[a].items,
         n,
-        r,
-        a,
-        l,
         i,
         d,
+        l,
+        r,
         o,
         s,
+        f,
         c + 1,
         x
       ),
-      g
-    )), (n === "always" || C && n === "visible") && (e[e.length] = {
+      p
+    )), (n === "always" || g && n === "visible") && (e[e.length] = {
       dataIndex: -1,
-      dataItem: t[h],
+      dataItem: t[a],
       rowType: "groupFooter",
       level: c,
-      expanded: C
+      expanded: g
     });
   }
-  return g;
+  return p;
 }
-function B(e) {
+function z(e) {
   return e && getComputedStyle(e).direction === "rtl" || !1;
 }
-function K(e, t) {
-  if (!t || !e || !e.originalEvent || !m)
+function U(e, t) {
+  if (!t || !e || !e.originalEvent || !R)
     return -1;
   let n = document.elementFromPoint(e.clientX, e.originalEvent.clientY);
   for (; n && n.parentElement !== t; )
     n = n.parentElement;
-  const r = t.children;
-  for (let a = 0; a < r.length; a++)
-    if (r[a] === n)
-      return a;
+  const i = t.children;
+  for (let d = 0; d < i.length; d++)
+    if (i[d] === n)
+      return d;
   return -1;
 }
-const S = [
+const v = [
   "sortChange",
   "filterChange",
   "groupChange",
@@ -104,84 +104,109 @@ const S = [
   "dataStateChange",
   "columnResize",
   "columnReorder"
-], L = (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 z(e) {
-  for (let t = 0; t < S.length; t++) {
-    const n = S[t];
+], 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 V(e) {
+  for (let t = 0; t < v.length; t++) {
+    const n = v[t];
     if (e[n] !== void 0) {
-      const r = "on" + n.charAt(0).toUpperCase() + n.slice(1);
-      console.warn(L(n, r));
+      const i = "on" + n.charAt(0).toUpperCase() + n.slice(1);
+      console.warn(O(n, i));
     }
   }
 }
-function U(e, t) {
+function W(e, t) {
   const n = [[]];
-  let r = 0;
-  for (let i = e.length - 1; i >= 0; i--)
-    r = Math.max(r, e[i].depth), e[i].headerColSpan = e[i].headerColSpan || 1, e[i].children.length > 0 && (e[i].headerColSpan = e[i].children.reduce(
-      (d, o) => o.hidden ? d : d + o.headerColSpan,
+  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, s) => s.hidden ? o : o + s.headerColSpan,
       0
     ));
-  const a = [];
+  const d = [];
   let l = 1;
-  return e.forEach((i, d) => {
-    n[i.depth] = n[i.depth] || [];
-    let o = !1;
-    n[i.depth].length === 0 && (l <= 1 ? l = 1 + (i.children.length > 0 ? 0 : r - i.depth) : (l--, o = !0)), i.rowSpan = 1 + (i.children.length > 0 ? 0 : r - i.depth), i.kFirst = o, i.index = n[i.depth].length, n[i.depth].push(d), i.ariaColumnIndex = a[i.depth] ? a[i.depth] + 1 : 1;
-    for (let s = i.depth; s < i.depth + i.rowSpan; s++)
-      a[s] = (a[s] || 0) + i.headerColSpan;
-  }), T(n, e, t), A(n, e, t), n;
+  return e.forEach((r, o) => {
+    n[r.depth] = n[r.depth] || [];
+    let s = !1;
+    n[r.depth].length === 0 && (l <= 1 ? l = 1 + (r.children.length > 0 ? 0 : i - r.depth) : (l--, s = !0)), r.rowSpan = 1 + (r.children.length > 0 ? 0 : i - r.depth), r.kFirst = s, r.index = n[r.depth].length, r.ariaColumnIndex = d[r.depth] ? d[r.depth] + 1 : 1;
+    let f = 0;
+    const c = [];
+    let h = r.parentIndex;
+    for (; h >= 0; )
+      c.unshift(h), h = e[h].parentIndex;
+    for (let a = 0; a < c.length; a++) {
+      const x = c[a], g = e[x], w = n[g.depth], C = w.indexOf(x);
+      for (let I = 0; I < C; I++) {
+        const E = w[I];
+        f += e[E].headerColSpan;
+      }
+    }
+    for (let a = 0; a < r.depth; a++) {
+      const x = n[a] || [];
+      for (let g = 0; g < x.length; g++) {
+        const w = x[g], C = e[w];
+        C.depth + C.rowSpan - 1 >= r.depth && (c.includes(w) || (f += C.headerColSpan));
+      }
+    }
+    const p = n[r.depth];
+    for (let a = 0; a < p.length; a++) {
+      const x = p[a], g = e[x];
+      g.parentIndex === r.parentIndex && (f += g.headerColSpan);
+    }
+    r.virtualColumnOffset = f, n[r.depth].push(o);
+    for (let a = r.depth; a < r.depth + r.rowSpan; a++)
+      d[a] = (d[a] || 0) + r.headerColSpan;
+  }), T(n, e, t), L(n, e, t), n;
 }
-function N(e, t, n, r = 0, a = !1) {
+function j(e, t, n, i = 0, d = !1) {
   const l = [];
   if (!e)
     return [];
-  e && e.length === void 0 && (e = [e]), e.forEach((d, o) => {
-    d = d;
-    const s = d.id ? d.id : E.generateNavigatableId(`${n.prevId++}`, n.idPrefix, "column"), c = m && d.media && window.matchMedia ? !window.matchMedia(d.media).matches : !1, f = a || c || d.hidden, g = t == null ? void 0 : t.find((x) => x.id === s), h = N(d.children, (g == null ? void 0 : g.children) || [], n, r + 1, f);
+  e && e.length === void 0 && (e = [e]), e.forEach((o, s) => {
+    o = o;
+    const f = o.id ? o.id : A.generateNavigatableId(`${n.prevId++}`, n.idPrefix, "column"), c = R && o.media && window.matchMedia ? !window.matchMedia(o.media).matches : !1, h = d || c || o.hidden, p = t == null ? void 0 : t.find((x) => x.id === f), a = j(o.children, (p == null ? void 0 : p.children) || [], n, i + 1, h);
     l.push(
       {
-        depth: r,
-        ...v,
-        ...h.length ? { cell: () => null, filterCell: () => null } : {},
-        ...d,
-        id: s,
+        depth: i,
+        ...b,
+        ...a.length ? { cell: () => null, filterCell: () => null } : {},
+        ...o,
+        id: f,
         declarationIndex: l.length,
-        children: h,
+        children: a,
         headerColSpan: 0,
         rowSpan: 0,
-        columnType: d.columnType || "data",
-        colSpan: d.colSpan || 1,
+        columnType: o.columnType || "data",
+        colSpan: o.colSpan || 1,
         isAccessible: !0,
-        hidden: f,
+        hidden: h,
         left: null,
         right: null,
-        rowSpannable: d.rowSpannable,
-        ...g ? { width: g.width, orderIndex: g.orderIndex } : {}
+        rowSpannable: o.rowSpannable,
+        ...p ? { width: p.width, orderIndex: p.orderIndex } : {}
       }
     );
   });
-  const i = (d, o) => d.orderIndex === o.orderIndex ? d.declarationIndex - o.declarationIndex : (d.orderIndex || 0) - (o.orderIndex || 0);
-  if (l.sort(i), r === 0) {
-    const d = [], o = (s, c) => s.forEach((f) => {
-      f.parentIndex = c, o(f.children, d.push(f) - 1);
+  const r = (o, s) => o.orderIndex === s.orderIndex ? o.declarationIndex - s.declarationIndex : (o.orderIndex || 0) - (s.orderIndex || 0);
+  if (l.sort(r), i === 0) {
+    const o = [], s = (f, c) => f.forEach((h) => {
+      h.parentIndex = c, s(h.children, o.push(h) - 1);
     });
-    return o(l, -1), d;
+    return s(l, -1), o;
   }
   return l;
 }
 const k = (e) => Array.isArray(e) ? e : e ? e.data : [];
-function V(e, t, n, r) {
-  const a = k(e), l = [];
-  if (a.length > 0) {
-    let i = a[0];
+function X(e, t, n, i) {
+  const d = k(e), l = [];
+  if (d.length > 0) {
+    let r = d[0];
     if (t)
-      for (let o = 0; o < t.length; o++)
-        i = i.items && i.items[0];
-    Object.getOwnPropertyNames(i).forEach((o) => {
-      o !== n.column && l.push(
+      for (let s = 0; s < t.length; s++)
+        r = r.items && r.items[0];
+    Object.getOwnPropertyNames(r).forEach((s) => {
+      s !== n.column && l.push(
         {
-          id: E.generateNavigatableId(`${r.prevId++}`, r.idPrefix, "column"),
+          id: A.generateNavigatableId(`${i.prevId++}`, i.idPrefix, "column"),
           declarationIndex: -1,
           parentIndex: -1,
           depth: 0,
@@ -196,15 +221,15 @@ function V(e, t, n, r) {
           children: [],
           ariaColumnIndex: 0,
           isAccessible: !0,
-          ...v,
-          field: o
+          ...b,
+          field: s
         }
       );
     });
   }
   return l;
 }
-const D = (e, t) => {
+const H = (e, t) => {
   let n = e[t.parentIndex];
   for (; n; ) {
     if (n.footerCell)
@@ -212,83 +237,83 @@ const D = (e, t) => {
     n = e[n.parentIndex];
   }
   return !1;
-}, W = (e) => e.filter((t) => D(e, t) ? !1 : !!t.footerCell || !(t.children && t.children.length > 0)), X = {
+}, Y = (e) => e.filter((t) => H(e, t) ? !1 : !!t.footerCell || !(t.children && t.children.length > 0)), J = {
   number: function(e, t, n) {
-    return typeof e === w && e.toLowerCase() === "null" ? null : t.parseNumber(e, n);
+    return typeof e === u && e.toLowerCase() === "null" ? null : t.parseNumber(e, n);
   },
   date: function(e, t, n) {
-    return typeof e === w && e.toLowerCase() === "null" ? null : t.parseDate(e, n);
+    return typeof e === u && e.toLowerCase() === "null" ? null : t.parseDate(e, n);
   },
   boolean: function(e) {
-    return typeof e === w ? e.toLowerCase() === "null" ? null : e.toLowerCase() === "true" : e != null ? !!e : e;
+    return typeof e === u ? e.toLowerCase() === "null" ? null : e.toLowerCase() === "true" : e != null ? !!e : e;
   },
   string: function(e) {
-    return typeof e === w && e.toLowerCase() === "null" ? null : e != null ? e + "" : e;
+    return typeof e === u && e.toLowerCase() === "null" ? null : e != null ? e + "" : e;
   },
   default: function(e) {
     return e;
   }
 };
-function M(e, t, n, r) {
-  return e.forEach((a) => {
-    a.expanded = t[r] && !t[r].includes(R(a, n)), a.items && a.items.length && (a.items = M(a.items, t, n, r + 1));
+function M(e, t, n, i) {
+  return e.forEach((d) => {
+    d.expanded = t[i] && !t[i].includes(D(d, n)), d.items && d.items.length && (d.items = M(d.items, t, n, i + 1));
   }), e;
 }
-function Y(e, t, n) {
-  return t && t.length && e.data.forEach((r) => {
-    r.expanded = r.expanded !== void 0 ? r.expanded : t[0] && !t[0].includes(R(r, n)), r.items && r.items.length && (r.items = M(r.items, t, n, 1));
+function P(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));
   }), e;
 }
-function R(e, t) {
+function D(e, t) {
   let n = e;
   for (; n.items && n.items.length; )
     n = n.items[0];
   return t ? n[t] : e.value;
 }
-const J = (e) => {
-  const t = [], n = (r) => r == null ? void 0 : r.forEach((a) => {
-    t.push(a), n(a.children);
+const Q = (e) => {
+  const t = [], n = (i) => i == null ? void 0 : i.forEach((d) => {
+    t.push(d), n(d.children);
   });
   return n(e), t;
-}, Q = typeof window != "undefined" && /Firefox/.test(window.navigator.userAgent), Z = 17895697, _ = (e) => e.width !== void 0 ? Math.floor(parseFloat(e.width.toString())) + "px" : void 0, q = (e, t) => t && t.filter((n) => n.field === e).length > 0, H = (e) => (e.sort((t, n) => t.declarationIndex - n.declarationIndex), e.map((t) => {
-  const { declarationIndex: n, parentIndex: r, depth: a, headerColSpan: l, rowSpan: i, index: d, kFirst: o, children: s, ...c } = t;
-  return s.length ? {
-    children: H(s),
+}, Z = typeof window != "undefined" && /Firefox/.test(window.navigator.userAgent), _ = 17895697, q = (e) => e.width !== void 0 ? Math.floor(parseFloat(e.width.toString())) + "px" : void 0, G = (e, t) => t && t.filter((n) => n.field === e).length > 0, $ = (e) => (e.sort((t, n) => t.declarationIndex - n.declarationIndex), e.map((t) => {
+  const { declarationIndex: n, parentIndex: i, depth: d, headerColSpan: l, rowSpan: r, index: o, kFirst: s, children: f, ...c } = t;
+  return f.length ? {
+    children: $(f),
     ...c
   } : c;
-})), P = (e, t) => typeof e.colSpan == "function" ? e.colSpan({ dataItem: t, column: e }) : e.colSpan || 1, G = (e) => {
-  var r, a;
-  const t = typeof e == "object" ? (r = e.enabled) != null ? r : !0 : e != null ? e : !1, n = typeof e == "object" ? (a = e.valueGetter) != null ? a : (l, i) => I(i)(l) : (l, i) => I(i)(l);
+})), ee = (e, t) => typeof e.colSpan == "function" ? e.colSpan({ dataItem: t, column: e }) : e.colSpan || 1, te = (e) => {
+  var i, d;
+  const t = typeof e == "object" ? (i = e.enabled) != null ? i : !0 : e != null ? e : !1, n = typeof e == "object" ? (d = e.valueGetter) != null ? d : (l, r) => S(r)(l) : (l, r) => S(r)(l);
   return { enabled: t, valueGetter: n };
-}, ee = (e) => {
+}, ne = (e) => {
   let t = 0;
   if (e) {
-    const n = e.insertRow(0), r = n.insertCell(0);
-    r.textContent = "&nbsp;", t = n.getBoundingClientRect().height, e.deleteRow(0);
+    const n = e.insertRow(0), i = n.insertCell(0);
+    i.textContent = "&nbsp;", t = n.getBoundingClientRect().height, e.deleteRow(0);
   }
   return t;
 };
 export {
-  Y as applyExpandedState,
-  V as autoGenerateColumns,
-  ee as calcRowHeight,
-  z as checkPropCompatibility,
-  Q as firefox,
-  Z as firefoxMaxHeight,
-  b as flatData,
-  W as footerColumns,
-  P as getColSpan,
-  _ as getColumnWidth,
+  P as applyExpandedState,
+  X as autoGenerateColumns,
+  ne as calcRowHeight,
+  V as checkPropCompatibility,
+  Z as firefox,
+  _ as firefoxMaxHeight,
+  N as flatData,
+  Y as footerColumns,
+  ee as getColSpan,
+  q as getColumnWidth,
   k as getDataAsArray,
-  J as getFlatColumnsState,
-  K as getIndex,
-  u as getNestedValue,
-  G as getRowSpanOptions,
-  R as groupedFirstItemValue,
-  B as isRtl,
-  q as isSorted,
-  U as mapColumns,
-  X as parsers,
-  N as readColumns,
-  H as sanitizeColumns
+  Q as getFlatColumnsState,
+  U as getIndex,
+  y as getNestedValue,
+  te as getRowSpanOptions,
+  D as groupedFirstItemValue,
+  z as isRtl,
+  G as isSorted,
+  W as mapColumns,
+  J as parsers,
+  j as readColumns,
+  $ as sanitizeColumns
 };

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 g(u){const{cellModels:l,columns:o=[],tableViewPortWidth:f,scrollLeft:c}=u;let n=0,t=l.length-1,i=0,d=0;for(let e=0;e<l.length;e++)if(!o[l[e].columnIndex].locked&&(i=d,d+=l[e].width||10,d>=c)){n=e;break}for(let e=n;e<l.length;e++)if(!o[l[e].columnIndex].locked)if(i<f+c)i+=l[e].width||10,t=e;else break;n>0&&n--,t<l.length-1&&t++;let r=0,s=0;for(let e=0;e<n;e++)o[l[e].columnIndex].locked||(r+=l[e].colSpan);for(let e=t+1;e<l.length;e++)o[l[e].columnIndex].locked||(s+=l[e].colSpan);l[n].colSpan+=r,l[t].colSpan+=s;const a=l.slice(0,n).filter(e=>o[e.columnIndex].locked),h=l.slice(t+1).filter(e=>o[e.columnIndex].locked);return[...a,...l.slice(n,t+1),...h]}exports.getVirtualCellsToRender=g;
+"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;

package/utils/virtualColumns.mjs

@@ -5,34 +5,54 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-function k(s) {
-  const { cellModels: l, columns: o = [], tableViewPortWidth: u, scrollLeft: c } = s;
-  let n = 0, t = l.length - 1, i = 0, d = 0;
-  for (let e = 0; e < l.length; e++)
-    if (!o[l[e].columnIndex].locked && (i = d, d += l[e].width || 10, d >= c)) {
-      n = e;
+function m(u) {
+  const { cellsToRender: n, columns: c, rowIndex: f, enableVirtualization: s } = u;
+  if (!s || f !== 0 || !n || n.length === 0)
+    return { columnsToRender: [], colSpans: [] };
+  const t = [], o = [];
+  let i = -1, d = -1;
+  for (let l = 0; l < n.length; l++)
+    c[n[l].columnIndex].locked || (i === -1 && (i = l), d = l);
+  return n.forEach((l, r) => {
+    if (t.push(l.columnIndex), r === i)
+      o.push(l.colSpan);
+    else if (r === d)
+      o.push(l.colSpan);
+    else {
+      const a = c[l.columnIndex];
+      o.push(a.headerColSpan || 1);
+    }
+  }), { columnsToRender: t, colSpans: o };
+}
+function p(u) {
+  const { cellModels: n, columns: c = [], tableViewPortWidth: f, scrollLeft: s } = u;
+  let t = 0, o = n.length - 1, i = 0, d = 0;
+  for (let e = 0; e < n.length; e++)
+    if (!c[n[e].columnIndex].locked && (i = d, d += n[e].width || 10, d >= s)) {
+      t = e;
       break;
     }
-  for (let e = n; e < l.length; e++)
-    if (!o[l[e].columnIndex].locked)
-      if (i < u + c)
-        i += l[e].width || 10, t = e;
+  for (let e = t; e < n.length; e++)
+    if (!c[n[e].columnIndex].locked)
+      if (i < f + s)
+        i += n[e].width || 10, o = e;
       else
         break;
-  n > 0 && n--, t < l.length - 1 && t++;
-  let r = 0, f = 0;
-  for (let e = 0; e < n; e++)
-    o[l[e].columnIndex].locked || (r += l[e].colSpan);
-  for (let e = t + 1; e < l.length; e++)
-    o[l[e].columnIndex].locked || (f += l[e].colSpan);
-  l[n].colSpan += r, l[t].colSpan += f;
-  const a = l.slice(0, n).filter((e) => o[e.columnIndex].locked), h = l.slice(t + 1).filter((e) => o[e.columnIndex].locked);
+  t > 0 && t--, o < n.length - 1 && o++;
+  let l = 0, r = 0;
+  for (let e = 0; e < t; e++)
+    c[n[e].columnIndex].locked || (l += n[e].colSpan);
+  for (let e = o + 1; e < n.length; e++)
+    c[n[e].columnIndex].locked || (r += n[e].colSpan);
+  n[t].colSpan += l, n[o].colSpan += r;
+  const a = n.slice(0, t).filter((e) => c[e.columnIndex].locked), h = n.slice(o + 1).filter((e) => c[e.columnIndex].locked);
   return [
     ...a,
-    ...l.slice(n, t + 1),
+    ...n.slice(t, o + 1),
     ...h
   ];
 }
 export {
-  k as getVirtualCellsToRender
+  p as getVirtualCellsToRender,
+  m as getVirtualHeaderCellsToRender
 };