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

package/footer/FooterRow.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 r=require("vue"),d=require("@progress/kendo-vue-common"),i=require("../utils/main.js"),a=r.defineComponent({name:"FooterRow",props:{isRtl:Boolean,columns:Array,rowIndex:Number},methods:{columnStyles(t){return t.locked&&t.left!==void 0?this.$props.isRtl?{left:t.right+"px",right:t.left+"px"}:{left:t.left+"px",right:t.right+"px"}:void 0}},render(){const t=function(e,s){let o=null;const l=e.locked&&e.left!==void 0?"k-grid-footer-sticky":"",n=e.footerClassName?`k-table-td ${e.footerClassName} ${l}`:"k-table-td "+l;return o=d.getTemplate.call(this,{h:r.h,template:e.footerCell,defaultRendering:null,additionalProps:{field:e.field,colSpan:e.colSpan!==1?e.colSpan:void 0,defaultStyle:this.columnStyles(e)}}),r.createVNode("td",{key:s,colspan:e.colSpan!==1?e.colSpan:void 0,style:this.columnStyles(e),class:n,role:"gridcell"},[o])};return r.createVNode("tr",{class:"k-table-row",role:"row","aria-rowIndex":this.$props.rowIndex},[i.footerColumns(this.$props.columns).map(t,this)])}});exports.FooterRow=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("../utils/main.js"),l=require("./FooterCell.js"),s=o.defineComponent({name:"FooterRow",props:{isRtl:Boolean,columns:Array,rowIndex:Number,cells:Object},render(){return o.createVNode("tr",{class:"k-table-row",role:"row","aria-rowIndex":this.$props.rowIndex},[t.footerColumns(this.$props.columns).map((e,r)=>o.createVNode(l.FooterCell,{key:e.field||e.title||`footer-cell-${r}`,column:e,columnIndex:r,isRtl:this.$props.isRtl,rowIndex:this.$props.rowIndex,cells:this.$props.cells},null))])}});exports.FooterRow=s;

package/footer/FooterRow.mjs

@@ -5,55 +5,32 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as i, createVNode as l, h as a } from "vue";
-import { getTemplate as n } from "@progress/kendo-vue-common";
-import { footerColumns as p } from "../utils/main.mjs";
-const g = /* @__PURE__ */ i({
+import { defineComponent as t, createVNode as e } from "vue";
+import { footerColumns as l } from "../utils/main.mjs";
+import { FooterCell as s } from "./FooterCell.mjs";
+const m = /* @__PURE__ */ t({
   name: "FooterRow",
   props: {
     isRtl: Boolean,
     columns: Array,
-    rowIndex: Number
-  },
-  methods: {
-    columnStyles(t) {
-      return t.locked && t.left !== void 0 ? this.$props.isRtl ? {
-        left: t.right + "px",
-        right: t.left + "px"
-      } : {
-        left: t.left + "px",
-        right: t.right + "px"
-      } : void 0;
-    }
+    rowIndex: Number,
+    cells: Object
   },
   render() {
-    const t = function(e, s) {
-      let r = null;
-      const o = e.locked && e.left !== void 0 ? "k-grid-footer-sticky" : "", d = e.footerClassName ? `k-table-td ${e.footerClassName} ${o}` : "k-table-td " + o;
-      return r = n.call(this, {
-        h: a,
-        template: e.footerCell,
-        defaultRendering: null,
-        additionalProps: {
-          field: e.field,
-          colSpan: e.colSpan !== 1 ? e.colSpan : void 0,
-          defaultStyle: this.columnStyles(e)
-        }
-      }), l("td", {
-        key: s,
-        colspan: e.colSpan !== 1 ? e.colSpan : void 0,
-        style: this.columnStyles(e),
-        class: d,
-        role: "gridcell"
-      }, [r]);
-    };
-    return l("tr", {
+    return e("tr", {
       class: "k-table-row",
       role: "row",
       "aria-rowIndex": this.$props.rowIndex
-    }, [p(this.$props.columns).map(t, this)]);
+    }, [l(this.$props.columns).map((o, r) => e(s, {
+      key: o.field || o.title || `footer-cell-${r}`,
+      column: o,
+      columnIndex: r,
+      isRtl: this.$props.isRtl,
+      rowIndex: this.$props.rowIndex,
+      cells: this.$props.cells
+    }, null))]);
   }
 });
 export {
-  g as FooterRow
+  m as FooterRow
 };

package/getRowContents.d.ts

@@ -0,0 +1,85 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GridCellProps } from './interfaces/GridCellProps';
+import { GridCellRenderModel } from './interfaces/GridCellRenderModel';
+/**
+ * @hidden
+ */
+interface CalculateIsInEditParams {
+    leafColumns: any[];
+    editField?: string;
+    item: any;
+}
+/**
+ * @hidden
+ */
+interface CalculateIsSelectedParams {
+    selectedField?: string;
+    dataItemKey?: string;
+    select?: any;
+    item: any;
+}
+/**
+ * @hidden
+ */
+interface CalculateIsHighlightedParams {
+    highlight?: any;
+    dataItemKey?: string;
+    item: any;
+}
+/**
+ * @hidden
+ */
+export interface DataRowContext {
+    leafColumns: any[];
+    cellsToRender: GridCellRenderModel[];
+    hasDynamicColSpan?: boolean;
+    getCellsToRender?: (dataItem: any, items: any[]) => GridCellRenderModel[];
+    selectedField?: string;
+    dataItemKey?: string;
+    select?: any;
+    highlight?: any;
+    editField?: string;
+    cellRender?: any;
+    cells?: any;
+    itemChange: (event: any) => void;
+    selectionChangeHandler: (options: any) => void;
+    editHandler: (dataItem: any) => void;
+    removeHandler: (dataItem: any) => void;
+    saveHandler: (dataItem: any) => void;
+    cancelHandler: (dataItem: any) => void;
+    cellClickHandler: (event: any) => void;
+    cellKeydownHandler: (event: any) => void;
+    computedCollapsed?: any;
+    uniqueField?: string;
+    columnsRef: any[];
+    isRtl: boolean;
+    idPrefix: string;
+}
+/**
+ * @hidden
+ */
+export declare const calculateIsInEdit: ({ leafColumns, editField, item }: CalculateIsInEditParams) => boolean;
+/**
+ * @hidden
+ */
+export declare const calculateIsSelected: ({ selectedField, dataItemKey, select, item }: CalculateIsSelectedParams) => boolean;
+/**
+ * @hidden
+ */
+export declare const calculateIsHighlighted: ({ highlight, dataItemKey, item }: CalculateIsHighlightedParams) => boolean;
+/**
+ * @hidden
+ */
+export declare const getRowContents: (context: DataRowContext, item: any, rowId: string, rowDataIndex: number, isAlt: boolean, spannedRows?: Record<string, Required<GridCellProps['rowSpan']>>) => {
+    row: import("vue/jsx-runtime").JSX.Element[];
+    isInEdit: boolean;
+    isSelected: boolean;
+    isHighlighted: boolean;
+};
+export {};

package/getRowContents.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 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"});const m=require("vue"),de=require("./cells/GridCell.js"),re=require("./cells/GridEditCell.js"),n=require("@progress/kendo-vue-common"),ie=require("./utils/main.js"),ce=require("@progress/kendo-vue-data-tools"),R=({leafColumns:t,editField:l,item:d})=>{if(!l)return!1;for(const a of t)if(a.editable){const r=n.getNestedValue(l,d.dataItem);if(r===!0||r===a.field)return!0}return!1},G=({selectedField:t,dataItemKey:l,select:d,item:a})=>{if(t){const r=n.getNestedValue(t,a.dataItem);return typeof r=="boolean"&&r}if(d&&l&&n.getter(l)(a.dataItem)!==void 0){const r=d[n.getter(l)(a.dataItem)];return typeof r=="boolean"&&r}return!1},$=({highlight:t,dataItemKey:l,item:d})=>{if(t&&l&&n.getter(l)(d.dataItem)!==void 0){const a=t[n.getter(l)(d.dataItem)];return typeof a=="boolean"&&a}return!1},se=(t,l,d,a,r,c)=>{const{leafColumns:f,selectedField:g,dataItemKey:i,select:p,highlight:I,editField:y,cellRender:A,cells:h,itemChange:D,selectionChangeHandler:P,editHandler:B,removeHandler:O,saveHandler:_,cancelHandler:j,cellClickHandler:M,cellKeydownHandler:z,computedCollapsed:C,uniqueField:J,columnsRef:K,isRtl:T,idPrefix:L}=t,Q=p&&i&&n.getter(i)(l.dataItem)!==void 0?p[n.getter(i)(l.dataItem)]:void 0,S=g?n.getNestedValue(g,l.dataItem):Q,v=I&&i&&n.getter(i)(l.dataItem)!==void 0?I[n.getter(i)(l.dataItem)]:void 0,U=R({leafColumns:f,editField:y,item:l}),W=G({selectedField:g,dataItemKey:i,select:p,item:l}),X=$({highlight:I,dataItemKey:i,item:l});return{row:(t.hasDynamicColSpan?t.getCellsToRender(l.dataItem,f):t.cellsToRender).map(({columnIndex:s,colSpan:Y})=>{var H,x,E,w,F,q;const e=f[s];let u;if((H=e.rowSpannable)!=null&&H.enabled&&l.rowType==="data"&&e.field&&c){const o=e.field?(E=(x=e.rowSpannable).valueGetter)==null?void 0:E.call(x,l.dataItem,e.field):null;u={value:o,count:1},c[e.field]&&((w=c[e.field])==null?void 0:w.value)===o&&c[e.field]!==null?(c[e.field].count++,u.count=null):c[e.field]=u}const Z=`${e.className?e.className+" ":""}${e.locked?"k-grid-content-sticky":""}`,ee=T?{left:e.right+"px",right:e.left+"px"}:{left:e.left+"px",right:e.right+"px"},le=e.locked&&e.left!==void 0?ee:void 0;let N=!1;if(e.editable&&y){const o=n.getNestedValue(y,l.dataItem);(o===!0||o===e.field)&&(N=!0)}let b;l.rowType==="groupFooter"?b=((F=e.cells)==null?void 0:F.groupFooter)||(h==null?void 0:h.groupFooter)||e.cell:e.cell&&(b=e.cell);const k=(q=C==null?void 0:C[l.level])==null?void 0:q.some(o=>o===ie.groupedFirstItemValue(l.dataItem,J)),te=e.id?e.id:s,ne=k?!k:l.expanded||l.dataItem.expanded,ae=e._type==="expand",oe=ce.tableKeyboardNavigationTools.generateNavigatableId(`${d}-${String(s)}`,L,ae||l.rowType==="groupHeader"||l.rowType==="groupFooter"||e.field==="value"?"nodata":"cell"),V={locked:e.locked,key:te,id:oe,colSpan:Y,dataItem:l.dataItem,field:e.field||"",editor:e.editor,format:e.format,readFormat:e.readFormat,type:e.type,columnType:e.columnType,className:Z,render:b||A,onChange:D,onSelectionchange:o=>P({event:o,dataItem:l.dataItem,dataIndex:a,columnIndex:s}),onCellclick:M,onCellkeydown:z,onEdit:B,onRemove:O,onSave:_,onCancel:j,columnIndex:s,columnsCount:K.filter(o=>!o.children.length).length,rowType:l.rowType,level:l.level,expanded:ne,dataIndex:l.dataIndex,style:le,ariaColumnIndex:e.ariaColumnIndex,isRtl:T,isSelected:!!((e==null?void 0:e._type)==="edit"?S:Array.isArray(S)&&S.indexOf(s)>-1),isHighlighted:!!(typeof v!="boolean"&&v&&e.field&&v[e.field]===!0),group:l.group,rowSpan:u};return e.internalCell?m.createVNode(e.internalCell,V,null):N?m.createVNode(re.GridEditCell,V,null):m.createVNode(de.GridCell,V,null)}),isInEdit:U,isSelected:W,isHighlighted:X}};exports.calculateIsHighlighted=$;exports.calculateIsInEdit=R;exports.calculateIsSelected=G;exports.getRowContents=se;

package/getRowContents.mjs

@@ -0,0 +1,172 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { createVNode as x } from "vue";
+import { GridCell as ae } from "./cells/GridCell.mjs";
+import { GridEditCell as oe } from "./cells/GridEditCell.mjs";
+import { getter as i, getNestedValue as f } from "@progress/kendo-vue-common";
+import { groupedFirstItemValue as re } from "./utils/main.mjs";
+import { tableKeyboardNavigationTools as de } from "@progress/kendo-vue-data-tools";
+const ie = ({
+  leafColumns: t,
+  editField: l,
+  item: o
+}) => {
+  if (!l)
+    return !1;
+  for (const n of t)
+    if (n.editable) {
+      const r = f(l, o.dataItem);
+      if (r === !0 || r === n.field)
+        return !0;
+    }
+  return !1;
+}, ce = ({
+  selectedField: t,
+  dataItemKey: l,
+  select: o,
+  item: n
+}) => {
+  if (t) {
+    const r = f(t, n.dataItem);
+    return typeof r == "boolean" && r;
+  }
+  if (o && l && i(l)(n.dataItem) !== void 0) {
+    const r = o[i(l)(n.dataItem)];
+    return typeof r == "boolean" && r;
+  }
+  return !1;
+}, se = ({
+  highlight: t,
+  dataItemKey: l,
+  item: o
+}) => {
+  if (t && l && i(l)(o.dataItem) !== void 0) {
+    const n = t[i(l)(o.dataItem)];
+    return typeof n == "boolean" && n;
+  }
+  return !1;
+}, Ce = (t, l, o, n, r, c) => {
+  const {
+    leafColumns: p,
+    selectedField: g,
+    dataItemKey: d,
+    select: I,
+    highlight: y,
+    editField: h,
+    cellRender: A,
+    cells: m,
+    itemChange: G,
+    selectionChangeHandler: B,
+    editHandler: D,
+    removeHandler: P,
+    saveHandler: _,
+    cancelHandler: q,
+    cellClickHandler: O,
+    cellKeydownHandler: j,
+    computedCollapsed: C,
+    uniqueField: z,
+    columnsRef: J,
+    isRtl: H,
+    idPrefix: K
+  } = t, L = I && d && i(d)(l.dataItem) !== void 0 ? I[i(d)(l.dataItem)] : void 0, v = g ? f(g, l.dataItem) : L, S = y && d && i(d)(l.dataItem) !== void 0 ? y[i(d)(l.dataItem)] : void 0, M = ie({
+    leafColumns: p,
+    editField: h,
+    item: l
+  }), Q = ce({
+    selectedField: g,
+    dataItemKey: d,
+    select: I,
+    item: l
+  }), U = se({
+    highlight: y,
+    dataItemKey: d,
+    item: l
+  });
+  return {
+    row: (t.hasDynamicColSpan ? t.getCellsToRender(l.dataItem, p) : t.cellsToRender).map(({
+      columnIndex: s,
+      colSpan: W
+    }) => {
+      var E, F, V, N, R, $;
+      const e = p[s];
+      let u;
+      if ((E = e.rowSpannable) != null && E.enabled && l.rowType === "data" && e.field && c) {
+        const a = e.field ? (V = (F = e.rowSpannable).valueGetter) == null ? void 0 : V.call(F, l.dataItem, e.field) : null;
+        u = {
+          value: a,
+          count: 1
+        }, c[e.field] && ((N = c[e.field]) == null ? void 0 : N.value) === a && c[e.field] !== null ? (c[e.field].count++, u.count = null) : c[e.field] = u;
+      }
+      const X = `${e.className ? e.className + " " : ""}${e.locked ? "k-grid-content-sticky" : ""}`, Y = H ? {
+        left: e.right + "px",
+        right: e.left + "px"
+      } : {
+        left: e.left + "px",
+        right: e.right + "px"
+      }, Z = e.locked && e.left !== void 0 ? Y : void 0;
+      let k = !1;
+      if (e.editable && h) {
+        const a = f(h, l.dataItem);
+        (a === !0 || a === e.field) && (k = !0);
+      }
+      let b;
+      l.rowType === "groupFooter" ? b = ((R = e.cells) == null ? void 0 : R.groupFooter) || (m == null ? void 0 : m.groupFooter) || e.cell : e.cell && (b = e.cell);
+      const w = ($ = C == null ? void 0 : C[l.level]) == null ? void 0 : $.some((a) => a === re(l.dataItem, z)), ee = e.id ? e.id : s, le = w ? !w : l.expanded || l.dataItem.expanded, te = e._type === "expand", ne = de.generateNavigatableId(`${o}-${String(s)}`, K, te || l.rowType === "groupHeader" || l.rowType === "groupFooter" || e.field === "value" ? "nodata" : "cell"), T = {
+        locked: e.locked,
+        key: ee,
+        id: ne,
+        colSpan: W,
+        dataItem: l.dataItem,
+        field: e.field || "",
+        editor: e.editor,
+        format: e.format,
+        readFormat: e.readFormat,
+        type: e.type,
+        columnType: e.columnType,
+        className: X,
+        render: b || A,
+        onChange: G,
+        onSelectionchange: (a) => B({
+          event: a,
+          dataItem: l.dataItem,
+          dataIndex: n,
+          columnIndex: s
+        }),
+        onCellclick: O,
+        onCellkeydown: j,
+        onEdit: D,
+        onRemove: P,
+        onSave: _,
+        onCancel: q,
+        columnIndex: s,
+        columnsCount: J.filter((a) => !a.children.length).length,
+        rowType: l.rowType,
+        level: l.level,
+        expanded: le,
+        dataIndex: l.dataIndex,
+        style: Z,
+        ariaColumnIndex: e.ariaColumnIndex,
+        isRtl: H,
+        isSelected: !!((e == null ? void 0 : e._type) === "edit" ? v : Array.isArray(v) && v.indexOf(s) > -1),
+        isHighlighted: !!(typeof S != "boolean" && S && e.field && S[e.field] === !0),
+        group: l.group,
+        rowSpan: u
+      };
+      return e.internalCell ? x(e.internalCell, T, null) : k ? x(oe, T, null) : x(ae, T, null);
+    }),
+    isInEdit: M,
+    isSelected: Q,
+    isHighlighted: U
+  };
+};
+export {
+  se as calculateIsHighlighted,
+  ie as calculateIsInEdit,
+  ce as calculateIsSelected,
+  Ce as getRowContents
+};

package/header/GridHeaderGroupSpacerCell.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export declare const GridHeaderGroupSpacerCell: import('vue').DefineComponent<{}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/hooks/useStickyGroups.d.ts

@@ -0,0 +1,72 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Ref } from 'vue';
+import { RowHeightService } from '@progress/kendo-vue-common';
+import { GroupState } from '@progress/kendo-vue-data-tools';
+import { DataItemWrapper } from '../utils/main';
+import { StickyGroupTable } from '../components/StickyGroupTable';
+/**
+ * @hidden
+ * Represents the range of a group within the flat data array.
+ */
+export interface GroupRange {
+    headerIndex: number;
+    footerIndex: number | null;
+    firstChildIndex: number;
+    lastChildIndex: number;
+    level: number;
+}
+/**
+ * @hidden
+ * Builds a map of group ranges from the flat data array.
+ * Each group header maps to its footer and child range.
+ */
+export declare function buildGroupRangeMap(flatDataArray: DataItemWrapper[]): Map<number, GroupRange>;
+/**
+ * @hidden
+ * Pairs a DataItemWrapper with its flat-data index.
+ */
+export interface StickyGroupItem {
+    item: DataItemWrapper;
+    flatIndex: number;
+}
+/**
+ * @hidden
+ */
+export declare function computeStickyItems(flatDataArray: DataItemWrapper[], groupRanges: Map<number, GroupRange>, firstVisibleIndex: number, lastVisibleIndex: number, rawFirstVisibleIndex?: number): StickyGroupItem[];
+/**
+ * @hidden
+ * Computes which group footers should be sticky at the bottom of the viewport.
+ * A footer is sticky when it is scrolled below the viewport but its group's
+ * header (or first child) is still visible above.
+ */
+export declare function computeStickyFooterItems(flatDataArray: DataItemWrapper[], groupRanges: Map<number, GroupRange>, firstVisibleIndex: number, lastVisibleIndex: number): StickyGroupItem[];
+/**
+ * @hidden
+ * Composable that computes which group header/footer should be sticky
+ * based on the scroll position and the flat data array.
+ * Uses refs + direct DOM manipulation to avoid render-cycle flicker.
+ */
+export declare function useStickyGroups(options: {
+    enabled: boolean;
+    enabledFooters?: boolean;
+    flatData: Ref<DataItemWrapper[]>;
+    stickyHeaderRef: Ref<InstanceType<typeof StickyGroupTable> | null>;
+    stickyFooterRef: Ref<InstanceType<typeof StickyGroupTable> | null>;
+    containerRef: Ref<HTMLDivElement | null>;
+    tableBodyRef: Ref<HTMLTableSectionElement | null>;
+    rowHeight?: number;
+    isGrouped: Ref<boolean>;
+    virtualSkipRef?: Ref<number>;
+    rowHeightServiceRef?: Ref<RowHeightService | undefined>;
+}): {
+    stickyHeaderItems: Ref<StickyGroupItem[]>;
+    stickyFooterItems: Ref<StickyGroupItem[]>;
+    scrollToStickyGroup: (group: GroupState) => void;
+    update: () => void;
+};

package/hooks/useStickyGroups.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 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"});const w=require("vue");require("@progress/kendo-vue-common");require("@progress/kendo-vue-data-tools");function Pe(d){const u=[],a=[];for(let t=0;t<d.length;t++){const n=d[t];if(n.rowType==="groupHeader"){for(let e=a.length-1;e>=0;e--)if(a[e].level>=n.level){const r=a[e];u.push({headerIndex:r.headerIndex,footerIndex:null,firstChildIndex:r.headerIndex+1,lastChildIndex:t-1,level:r.level}),a.splice(e,1)}a.push({headerIndex:t,level:n.level})}else if(n.rowType==="groupFooter"){for(let e=a.length-1;e>=0;e--)if(a[e].level===n.level){const r=a[e];u.push({headerIndex:r.headerIndex,footerIndex:t,firstChildIndex:r.headerIndex+1,lastChildIndex:t-1,level:n.level}),a.splice(e,1);break}}}for(const t of a)u.push({headerIndex:t.headerIndex,footerIndex:null,firstChildIndex:t.headerIndex+1,lastChildIndex:d.length-1,level:t.level});const p=new Map;for(const t of u)p.set(t.headerIndex,t);return p}function ke(d,u,a,p,t){var I;const n=[],e=t!=null?t:a,r=[];for(const f of u.values())if(f.headerIndex<a){const v=(I=f.footerIndex)!=null?I:f.lastChildIndex;v>f.headerIndex&&v>=e&&r.push(f)}const o=new Map;for(const f of r){const v=o.get(f.level);(!v||f.headerIndex>v.headerIndex)&&o.set(f.level,f)}const c=Array.from(o.keys()).sort((f,v)=>f-v);for(const f of c){const v=o.get(f);n.push({item:d[v.headerIndex],flatIndex:v.headerIndex})}return n}function Re(d,u,a,p){const t=[],n=[];for(const o of u.values())o.footerIndex!==null&&o.footerIndex>p&&o.headerIndex<=p&&n.push(o);const e=new Map;for(const o of n){const c=e.get(o.level);(!c||o.footerIndex<c.footerIndex)&&e.set(o.level,o)}const r=Array.from(e.keys()).sort((o,c)=>c-o);for(const o of r){const c=e.get(o);t.push({item:d[c.footerIndex],flatIndex:c.footerIndex})}return t}function _(d,u){if(d.length!==u.length)return!0;for(let a=0;a<d.length;a++)if(d[a].flatIndex!==u[a].flatIndex)return!0;return!1}function be(d,u){const a=d.querySelectorAll("tbody > tr");let p=0,t=!1;for(let n=0;n<a.length&&n<u.length;n++){const e=a[n],r=e.offsetHeight||e.getBoundingClientRect().height,o=u[n];if(o<0){t=!0;const c=-o,I=Math.max(r-c,0);p+=I,I<=0?(e.style.display="none",e.style.transform="",e.style.clipPath=""):(e.style.display="",e.style.transform=`translateY(${o}px)`,e.style.clipPath=`inset(${c}px 0 0 0)`)}else p+=r,e.style.display="",e.style.transform="",e.style.clipPath=""}d.style.height=t?p+"px":""}function we(d,u){const a=d.querySelectorAll("tbody > tr");let p=0,t=!1,n=0;const e=[];for(let r=0;r<a.length&&r<u.length;r++){const o=a[r],c=o.offsetHeight||o.getBoundingClientRect().height;e.push(c);const I=u[r];if(I>0){t=!0;const f=Math.max(c-I,0);p+=f,n+=c-f}else p+=c}for(let r=0;r<a.length&&r<u.length;r++){const o=a[r],c=u[r],I=e[r];c>0?Math.max(I-c,0)<=0?(o.style.display="",o.style.transform="",o.style.clipPath="inset(0 0 100% 0)"):(o.style.display="",o.style.transform="",o.style.clipPath=`inset(0 0 ${c}px 0)`):(o.style.display="",o.style.transform=t?`translateY(${-n}px)`:"",o.style.clipPath="")}d.style.height=t?p+"px":""}function $e(d){const{enabled:u,enabledFooters:a,flatData:p,stickyHeaderRef:t,stickyFooterRef:n,containerRef:e,tableBodyRef:r,isGrouped:o,virtualSkipRef:c,rowHeight:I,rowHeightServiceRef:f}=d,v=u&&o.value,A=!!a&&o.value,G=w.ref([]),ee=w.ref([]),K=w.ref([]),N=w.ref([]),te=w.ref([]),Q=w.ref([]),oe=w.ref(!1),se=w.ref(!1);w.onUpdated(()=>{var h;oe.value&&((h=t.value)!=null&&h.$el)&&ee.value.length>0&&(be(t.value.$el,ee.value),oe.value=!1),t.value&&e.value&&(t.value.$el.scrollLeft=e.value.scrollLeft)}),w.onUpdated(()=>{var h,H;se.value&&((h=n.value)!=null&&h.$el)&&te.value.length>0&&(we((H=n.value)==null?void 0:H.$el,te.value),se.value=!1),n.value&&e.value&&(n.value.$el.scrollLeft=e.value.scrollLeft)});const Te=()=>{var ge,ve,pe,ye,me,xe,Ie;if(!v&&!A)return;const h=p.value,H=Pe(h);if(H.size===0)return;const B=new Map;if(A)for(const s of H.values())s.footerIndex!==null&&B.set(s.footerIndex,s);const R=e.value,O=r.value;if(!R||!O)return;const b=R.scrollTop,V=R.clientHeight,U=O.children;if(U.length===0)return;const T=f==null?void 0:f.value,W=I||36,g=(c==null?void 0:c.value)||0,M=R.getBoundingClientRect(),S=O.getBoundingClientRect().top-M.top+b,P=U.length,Y=new Array(P),X=new Array(P);for(let s=0;s<P;s++){const l=U[s];Y[s]=S+l.offsetTop,X[s]=l.offsetHeight}const le=s=>{const l=s-g;return l>=0&&l<P?X[l]:T&&s>=0&&s<h.length?T.height(s):W},ae=s=>{const l=s-g;if(l>=0&&l<P)return Y[l];if(T&&s>=0&&s<h.length)return T.offset(s)},Ce=s=>{let l=0,i=P;for(;l<i;){const y=l+i>>1;Y[y]<s?l=y+1:i=y}return l},ie=s=>{const l=Ce(s);return l<P?g+l:g},ce=s=>{let l=0,i=P-1;for(;l<=i;){const y=l+i>>1;Y[y]+X[y]<=s?l=y+1:i=y-1}return i>=0?g+i:h.length-1},fe=Math.min(ie(b),h.length-1);let j=fe;const ue=s=>{const l=s.querySelectorAll("tbody > tr");for(let i=0;i<l.length;i++){const y=l[i];y.style.transform="",y.style.clipPath="",y.style.display=""}s.style.height=""};if(v&&t.value){let s=0,l=[],i=[];const y=k=>{var x;const F=[];let m=0;for(const C of k){const $=le(C);let L=0;const q=H.get(C);if(q){const Z=(x=q.footerIndex)!=null?x:q.lastChildIndex+1,E=ae(Z);if(E!==void 0){const J=m+$,He=E-b;He<J&&(L=He-J)}}F.push(L),m+=Math.max($+L,0)}return{totalHeight:m,offsets:F}},z=new Set;for(;;){j=Math.min(ie(b+Math.max(s,0)),h.length-1);const k=z.has(j);z.add(j);const F=Math.min(ce(b+V),h.length-1),m=ke(h,H,j,F,fe),x=y(m.map($=>$.flatIndex)),C=!_(m,i)&&Math.abs(x.totalHeight-s)<1;if(i=m,s=x.totalHeight,l=x.offsets,C||k)break}const ne=i.length>0,re=G.value,D=_(i,re);ne?D?(G.value=i,ee.value=l,oe.value=!0):(t.value.$el.style.display="",be((ve=t.value)==null?void 0:ve.$el,l)):(t.value.$el.style.display="none",ue((ge=t.value)==null?void 0:ge.$el)),D&&(K.value=i,G.value=i)}if(A&&n.value){let s=0,l=[],i=[];const y=k=>{const F=[];let m=0;for(let x=k.length-1;x>=0;x--){const C=k[x],$=le(C);let L=0;const q=B.get(C);if(q){const Z=ae(q.headerIndex);if(Z!==void 0){const E=Z+le(q.headerIndex),J=b+V-m-$;E>J&&(L=E-J)}}F[x]=L,m+=Math.max($-L,0)}return{totalHeight:m,offsets:F}},z=new Set;for(;;){const k=Math.min(ce(b+V-s),h.length-1),F=z.has(k);z.add(k);const m=Re(h,H,j,k),x=y(m.map($=>$.flatIndex)),C=!_(m,i)&&Math.abs(x.totalHeight-s)<1;if(i=m,s=x.totalHeight,l=x.offsets,C||F)break}const ne=i.length>0,re=N.value,D=_(i,re);ne?D?(N.value=i,te.value=l,se.value=!0):(n.value.$el.style.display="",we(n.value.$el,l)):(n.value.$el.style.display="none",ue((pe=n.value)==null?void 0:pe.$el)),D&&(Q.value=i,N.value=i)}const de=((me=(ye=t.value)==null?void 0:ye.$el)==null?void 0:me.offsetHeight)||0,he=((Ie=(xe=n.value)==null?void 0:xe.$el)==null?void 0:Ie.offsetHeight)||0;return R.style.scrollPaddingTop=de>0?de+"px":"",R.style.scrollPaddingBottom=he>0?he+"px":"",{stickyHeaderItems:K,stickyFooterItems:Q}},Fe=h=>{var W;if(!v)return;const H=G.value.find(g=>{var M,S;return((M=g.item.group)==null?void 0:M.field)===h.field&&((S=g.item.group)==null?void 0:S.value)===h.value});if(!H)return;const B=e.value;if(!B)return;let R=0;const O=I||36,b=(W=t.value.$el)==null?void 0:W.querySelectorAll("tbody > tr"),V=G.value;for(let g=0;g<V.length;g++)if(V[g].item.level<H.item.level){const M=b&&g<b.length&&b[g].offsetHeight||O;R+=M}const U=f==null?void 0:f.value;let T;if(U)T=U.offset(H.flatIndex);else{const g=r.value,M=(c==null?void 0:c.value)||0,S=H.flatIndex-M;if(g&&S>=0&&S<g.children.length){const P=g.children[S],Y=B.getBoundingClientRect();T=g.getBoundingClientRect().top-Y.top+B.scrollTop+P.offsetTop}}T!==void 0&&(B.scrollTop=T-R)};return w.watch([()=>v,()=>A,e],()=>{v||(G.value=[],K.value=[]),A||(N.value=[],Q.value=[]),!v&&!A&&e.value&&(e.value.style.scrollPaddingTop="",e.value.style.scrollPaddingBottom="")}),{stickyHeaderItems:K,stickyFooterItems:Q,scrollToStickyGroup:Fe,update:Te}}exports.buildGroupRangeMap=Pe;exports.computeStickyFooterItems=Re;exports.computeStickyItems=ke;exports.useStickyGroups=$e;