@progress/kendo-vue-grid 7.0.3-develop.1 → 7.1.0-develop.2

package/utils/main.mjs

@@ -5,66 +5,93 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { tableKeyboardNavigationTools as x } from "@progress/kendo-vue-data-tools";
-import { canUseDOM as C } from "@progress/kendo-vue-common";
-const c = "string";
-function g(e, t) {
+import { findGroupExpand as T, updateLeft as b, 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) {
   const n = e.split(".");
-  let a = t;
-  return n.forEach((o) => {
-    a = a ? a[o] : void 0;
-  }), a;
+  let r = t;
+  return n.forEach((a) => {
+    r = r ? r[a] : void 0;
+  }), r;
 }
-function b(e, t, n, a, o, h, l = 0) {
-  let r = l;
-  for (let i = 0; i < t.length; i++) {
-    if (!o || t[i].value === void 0 || t[i].items === void 0) {
+function L(e, t, n, r, a, l, i, d, o, s, c = 0, f) {
+  let g = c;
+  for (let h = 0; h < t.length; h++) {
+    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;
       e[e.length] = {
-        dataIndex: ++a.index,
-        dataItem: t[i],
+        dataIndex: r.index,
+        dataItem: t[h],
         rowType: "data",
-        level: l,
-        expanded: h === void 0 || g(h, t[i])
-      };
+        level: c,
+        group: f,
+        // This is related to detail-row expansion
+        expanded: s !== void 0 ? u(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 = [], x = {
+        field: t[h].field,
+        value: t[h].value,
+        parents: p
+      };
     }
-    r = Math.max(r, l + 1);
-    const d = h === void 0 || g(h, t[i]) === void 0 || g(h, t[i]);
-    e[e.length] = {
+    g = Math.max(g, c + 1);
+    let C = !1;
+    const y = T(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] = {
       dataIndex: -1,
-      dataItem: t[i],
-      level: l,
+      dataItem: t[h],
+      level: c,
+      group: x,
       rowType: "groupHeader",
-      expanded: d
-    }, d && (r = Math.max(
-      b(e, t[i].items, n, a, o, h, l + 1),
-      r
-    )), (n === "always" || d && n === "visible") && (e[e.length] = {
+      expanded: C
+    }, C && (x.expanded = C, g = Math.max(
+      L(
+        e,
+        t[h].items,
+        n,
+        r,
+        a,
+        l,
+        i,
+        d,
+        o,
+        s,
+        c + 1,
+        x
+      ),
+      g
+    )), (n === "always" || C && n === "visible") && (e[e.length] = {
       dataIndex: -1,
-      dataItem: t[i],
+      dataItem: t[h],
       rowType: "groupFooter",
-      level: l,
-      expanded: d
+      level: c,
+      expanded: C
     });
   }
-  return r;
+  return g;
 }
-function L(e) {
+function j(e) {
   return e && getComputedStyle(e).direction === "rtl" || !1;
 }
-function M(e, t) {
-  if (!t || !e || !e.originalEvent || !C)
+function K(e, t) {
+  if (!t || !e || !e.originalEvent || !m)
     return -1;
   let n = document.elementFromPoint(e.clientX, e.originalEvent.clientY);
   for (; n && n.parentElement !== t; )
     n = n.parentElement;
-  const a = t.children;
-  for (let o = 0; o < a.length; o++)
-    if (a[o] === n)
-      return o;
+  const r = t.children;
+  for (let a = 0; a < r.length; a++)
+    if (r[a] === n)
+      return a;
   return -1;
 }
-const p = [
+const S = [
   "sortChange",
   "filterChange",
   "groupChange",
@@ -77,140 +104,107 @@ const p = [
   "dataStateChange",
   "columnResize",
   "columnReorder"
-], u = {
-  filterable: !0,
-  editable: !0,
-  sortable: !0,
-  resizable: !0,
-  reorderable: !0,
-  groupable: !0
-}, S = (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 < p.length; t++) {
-    const n = p[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 z(e) {
+  for (let t = 0; t < S.length; t++) {
+    const n = S[t];
     if (e[n] !== void 0) {
-      const a = "on" + n.charAt(0).toUpperCase() + n.slice(1);
-      console.warn(S(n, a));
+      const r = "on" + n.charAt(0).toUpperCase() + n.slice(1);
+      console.warn(N(n, r));
     }
   }
 }
-function E(e, t) {
-  const n = e[t].depth;
-  let a = null;
-  for (let o = t + 1; o < e.length; o++)
-    if (e[o].depth === n) {
-      a = e[o];
-      break;
-    }
-  return a;
-}
-function D(e) {
-  const t = [[]];
-  let n = 0;
-  for (let r = e.length - 1; r >= 0; r--)
-    n = Math.max(n, e[r].depth), e[r].colSpan = e[r].colSpan || 1, e[r].children.length > 0 && (e[r].colSpan = e[r].children.reduce(
-      (i, d) => d.hidden ? i : i + d.colSpan,
+function U(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,
       0
     ));
-  let a = 1;
-  e.forEach((r, i) => {
-    t[r.depth] = t[r.depth] || [];
-    let d = !1;
-    t[r.depth].length === 0 && (a <= 1 ? a = 1 + (r.children.length > 0 ? 0 : n - r.depth) : (a--, d = !0)), r.rowSpan = 1 + (r.children.length > 0 ? 0 : n - r.depth), r.kFirst = d, r.index = t[r.depth].length, t[r.depth].push(i);
-  });
-  const o = new Array(t.length).fill(0);
-  let h = 0;
-  e.forEach((r) => {
-    if (r.locked)
-      if (r.left = o[r.depth], h = r.width ? parseFloat(r.width.toString()) : 0, r.children.length === 0)
-        for (let i = r.depth; i < o.length; i++)
-          o[i] += h;
-      else
-        o[r.depth] += h;
-  });
-  const l = new Array(t.length).fill(0);
-  for (let r = e.length - 1; r >= 0; r--) {
-    const i = e[r];
-    if (i.locked) {
-      if (i.right = l[i.depth], h = i.width ? parseFloat(i.width.toString()) : 0, i.children.length === 0)
-        for (let s = i.depth; s < l.length; s++)
-          l[s] += h;
-      else
-        l[i.depth] += h;
-      const d = E(e, r);
-      i.rightBorder = !(d && d.locked);
-    }
-  }
-  return t;
+  const a = [];
+  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;
+  }), b(n, e, t), A(n, e, t), n;
 }
-function m(e, t, n, a = 0) {
-  const o = [], h = e && e.length ? e.length === t.length : !1;
+function k(e, t, n, r = 0, a = !1) {
+  const l = [];
   if (!e)
     return [];
-  e && e.length === void 0 && (e = [e]), e.forEach((r, i) => {
-    r = r;
-    const d = h && t[i] || null, s = r.children ? r.children.filter((y) => !y.hidden) : r.children, f = m(s, d && d.children || [], n, a + 1);
-    o.push(
-      Object.assign(
-        { depth: a },
-        u,
-        f.length ? { cell: () => null, filterCell: () => null } : {},
-        d ? { width: d.width, orderIndex: d.orderIndex } : {},
-        r,
-        {
-          id: x.generateNavigatableId(`${n.prevId++}`, n.idPrefix, "column"),
-          declarationIndex: o.length,
-          children: f,
-          rowSpan: 0,
-          colSpan: 0,
-          isAccessible: !0
-        }
-      )
+  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 = k(d.children, (g == null ? void 0 : g.children) || [], n, r + 1, f);
+    l.push(
+      {
+        depth: r,
+        ...v,
+        ...h.length ? { cell: () => null, filterCell: () => null } : {},
+        ...d,
+        id: s,
+        declarationIndex: l.length,
+        children: h,
+        headerColSpan: 0,
+        rowSpan: 0,
+        columnType: d.columnType || "data",
+        colSpan: d.colSpan || 1,
+        isAccessible: !0,
+        hidden: f,
+        left: null,
+        right: null,
+        rowSpannable: d.rowSpannable,
+        ...g ? { width: g.width, orderIndex: g.orderIndex } : {}
+      }
     );
   });
-  const l = (r, i) => r.orderIndex === i.orderIndex ? r.declarationIndex - i.declarationIndex : (r.orderIndex || 0) - (i.orderIndex || 0);
-  if (o.sort(l), a === 0) {
-    const r = [], i = (d, s) => d.forEach((f) => {
-      f.parentIndex = s, i(f.children, r.push(f) - 1);
+  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);
     });
-    return i(o, -1), r;
+    return o(l, -1), d;
   }
-  return o;
+  return l;
 }
-function G(e, t, n, a) {
-  let o = [];
-  Array.isArray(e) ? o = e : e && (o = e.data), o.length || console.warn("Kendo Grid autogeneration of columns is only possible if some items are defined when the component is created.");
-  const h = [];
-  if (o.length > 0) {
-    let l = o[0];
+const D = (e) => Array.isArray(e) ? e : e ? e.data : [];
+function V(e, t, n, r) {
+  const a = D(e), l = [];
+  if (a.length > 0) {
+    let i = a[0];
     if (t)
-      for (let i = 0; i < t.length; i++)
-        l = l.items && l.items[0];
-    Object.getOwnPropertyNames(l).forEach((i) => {
-      i !== n && i !== "__ob__" && h.push(Object.assign(
+      for (let o = 0; o < t.length; o++)
+        i = i.items && i.items[0];
+    Object.getOwnPropertyNames(i).forEach((o) => {
+      o !== n.column && l.push(
         {
-          id: x.generateNavigatableId(`${a.prevId++}`, a.idPrefix, "column"),
+          id: E.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,
-          children: [],
           rightBorder: !1,
-          ariaColumnIndex: 1,
-          isAccessible: !0
-        },
-        u,
-        { field: i }
-      ));
+          children: [],
+          ariaColumnIndex: 0,
+          isAccessible: !0,
+          ...v,
+          field: o
+        }
+      );
     });
   }
-  return h;
+  return l;
 }
-const k = (e, t) => {
+const R = (e, t) => {
   let n = e[t.parentIndex];
   for (; n; ) {
     if (n.footerCell)
@@ -218,53 +212,75 @@ const k = (e, t) => {
     n = e[n.parentIndex];
   }
   return !1;
-}, K = (e) => e.filter((t) => k(e, t) ? !1 : !!t.footerCell || !(t.children && t.children.length > 0)), T = {
+}, W = (e) => e.filter((t) => R(e, t) ? !1 : !!t.footerCell || !(t.children && t.children.length > 0)), X = {
   number: function(e, t, n) {
-    return typeof e === c && e.toLowerCase() === "null" ? null : t.parseNumber(e, n);
+    return typeof e === w && e.toLowerCase() === "null" ? null : t.parseNumber(e, n);
   },
   date: function(e, t, n) {
-    return typeof e === c && e.toLowerCase() === "null" ? null : t.parseDate(e, n);
+    return typeof e === w && e.toLowerCase() === "null" ? null : t.parseDate(e, n);
   },
   boolean: function(e) {
-    return typeof e === c ? e.toLowerCase() === "null" ? null : e.toLowerCase() === "true" : e != null ? !!e : e;
+    return typeof e === w ? e.toLowerCase() === "null" ? null : e.toLowerCase() === "true" : e != null ? !!e : e;
   },
   string: function(e) {
-    return typeof e === c && e.toLowerCase() === "null" ? null : e != null ? e + "" : e;
+    return typeof e === w && e.toLowerCase() === "null" ? null : e != null ? e + "" : e;
   },
   default: function(e) {
     return e;
   }
 };
-function w(e, t, n, a) {
-  return e.forEach((o) => {
-    o.expanded = t[a] && !t[a].includes(I(o, n)), o.items && o.items.length && (o.items = w(o.items, t, n, a + 1));
+function M(e, t, n, r) {
+  return e.forEach((a) => {
+    a.expanded = t[r] && !t[r].includes(F(a, n)), a.items && a.items.length && (a.items = M(a.items, t, n, r + 1));
   }), e;
 }
-function O(e, t, n) {
-  return t && t.length && e.data.forEach((a) => {
-    a.expanded = a.expanded !== void 0 ? a.expanded : t[0] && !t[0].includes(I(a, n)), a.items && a.items.length && (a.items = w(a.items, t, n, 1));
+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(F(r, n)), r.items && r.items.length && (r.items = M(r.items, t, n, 1));
   }), e;
 }
-function I(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 R = typeof window != "undefined" && /Firefox/.test(window.navigator.userAgent), j = 17895697;
+const J = (e) => {
+  const t = [], n = (r) => r == null ? void 0 : r.forEach((a) => {
+    t.push(a), n(a.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),
+    ...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);
+  return { enabled: t, valueGetter: n };
+};
 export {
-  O as applyExpandedState,
-  G as autoGenerateColumns,
-  N as checkPropCompatibility,
-  R as firefox,
-  j as firefoxMaxHeight,
-  b as flatData,
-  K as footerColumns,
-  M as getIndex,
-  g as getNestedValue,
-  I as groupedFirstItemValue,
-  L as isRtl,
-  D as mapColumns,
-  T as parsers,
-  m as readColumns
+  Y as applyExpandedState,
+  V as autoGenerateColumns,
+  z as checkPropCompatibility,
+  Q as firefox,
+  Z as firefoxMaxHeight,
+  L as flatData,
+  W as footerColumns,
+  P as getColSpan,
+  _ as getColumnWidth,
+  D as getDataAsArray,
+  J as getFlatColumnsState,
+  K as getIndex,
+  u as getNestedValue,
+  G as getRowSpanOptions,
+  F as groupedFirstItemValue,
+  j as isRtl,
+  q as isSorted,
+  U as mapColumns,
+  X as parsers,
+  k as readColumns,
+  H as sanitizeColumns
 };

package/utils/virtualColumns.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * 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;

package/utils/virtualColumns.mjs

@@ -0,0 +1,38 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * 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;
+      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;
+      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);
+  return [
+    ...a,
+    ...l.slice(n, t + 1),
+    ...h
+  ];
+}
+export {
+  k as getVirtualCellsToRender
+};