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

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
 };