@progress/kendo-vue-grid 8.1.2-develop.2 → 8.2.0-develop.1

package/Grid.d.ts

@@ -9,13 +9,15 @@ import { Page, SearchField, DetailExpandAction, GroupExpandAction, SelectDescrip
 import { ExtendedColumnProps } from './interfaces/ExtendedColumnProps';
 import { SortDescriptor, CompositeFilterDescriptor, GroupDescriptor, State } from '@progress/kendo-data-query';
 import { VirtualScroll } from './VirtualScroll';
-import { GridExpandChangeEvent, GridItemChangeEvent, GridDragSelectionReleaseEvent } from './interfaces/events';
+import { GridExpandChangeEvent, GridItemChangeEvent, GridDragSelectionReleaseEvent, GridContextMenuEvent, GridContextMenuItemClickEvent } from './interfaces/events';
 import { GridColumnProps } from './interfaces/GridColumnProps';
 import { GridSearchBoxChangeEvent } from './GridSearchBox';
 import { GridColumnState } from './interfaces/GridColumnState';
 import { GridCellRenderModel } from './interfaces/GridCellRenderModel';
 import { GridCellProps } from './interfaces/GridCellProps';
 import { GridGroupableSettings } from './interfaces/GridGroupableSettings';
+import { GridContextMenuOptions } from './contextMenu/GridContextMenu';
+import { GridContextMenuItemNames } from './contextMenu/enums';
 /**
  * @hidden
  */
@@ -52,6 +54,7 @@ declare const Grid: import('vue').DefineComponent<import('vue').ExtractPropTypes
         default: () => any;
     };
     cells: import('vue').PropType<import('.').GridCellsSettings>;
+    contextMenu: import('vue').PropType<boolean | GridContextMenuOptions | ((options: import('./contextMenu/GridContextMenu').GridCellBaseOptions) => boolean | GridContextMenuOptions)>;
     rows: import('vue').PropType<import('./interfaces/GridRowsSettings').GridRowsSettings>;
     defaultColumnsState: {
         type: import('vue').PropType<GridColumnState[]>;
@@ -210,6 +213,8 @@ declare const Grid: import('vue').DefineComponent<import('vue').ExtractPropTypes
     onSearchchange: import('vue').PropType<(event: import('./interfaces/events').GridSearchChangeEvent) => void>;
     onGroupexpandchange: import('vue').PropType<(event: import('./interfaces/events').GridGroupExpandChangeEvent) => void>;
     onDetailexpandchange: import('vue').PropType<(event: import('./interfaces/events').GridDetailExpandChangeEvent) => void>;
+    onContextmenu: import('vue').PropType<(event: GridContextMenuEvent) => void>;
+    onContextmenuitemclick: import('vue').PropType<(event: GridContextMenuItemClickEvent) => void>;
 }>, {
     rowIndexRef: import('vue').Ref<any, any>;
     observerRef: IntersectionObserver;
@@ -223,7 +228,7 @@ declare const Grid: import('vue').DefineComponent<import('vue').ExtractPropTypes
     colGroupRef: import('vue').Ref<any, any>;
     scrollContainerRef: import('vue').Ref<any, any>;
     tableBodyRef: import('vue').Ref<any, any>;
-    gridContext: any;
+    gridStateContext: any;
     shouldUpdateLeftRightRef: import('vue').Ref<boolean, boolean>;
     resizedRef: import('vue').Ref<boolean, boolean>;
     currentColumnsState: GridColumnState[];
@@ -254,6 +259,15 @@ declare const Grid: import('vue').DefineComponent<import('vue').ExtractPropTypes
     showLicenseWatermark: boolean;
     licenseMessage: any;
     notHiddenColumns: any[];
+    contextMenuState: {
+        show: boolean;
+        offset: {
+            left: number;
+            top: number;
+        };
+        dataItem: any;
+        field: string;
+    };
 }, {
     gridId(): string;
     idPrefix(): any;
@@ -287,11 +301,26 @@ declare const Grid: import('vue').DefineComponent<import('vue').ExtractPropTypes
     sortedPinnedBottomRows(): any;
     hasPinnedTopRows(): boolean;
     hasPinnedBottomRows(): boolean;
+    contextMenuColumn(): any;
+    headMenuItems(): GridContextMenuItemNames[];
+    bodyMenuItems(): GridContextMenuItemNames[];
+    contextMenuItems(): any;
 }, {
     getCellPositionStyle(cellPosition: {
         left?: number;
         right?: number;
     }, isRtl: boolean): Record<string, string>;
+    handleContextMenuOpen(event: MouseEvent, dataItem?: any, field?: string): void;
+    handleContextMenuClose(): void;
+    handleContextMenuSelect(e: any): void;
+    renderContextMenu(): import("vue/jsx-runtime").JSX.Element;
+    filterPinContextMenuItems(items: any[]): any[];
+    handleContextMenuItemClick(e: {
+        event: any;
+        dataItem?: any;
+        field?: string;
+    }): void;
+    triggerCellContextMenu(nativeEvent: MouseEvent, dataItem?: any, field?: string): void;
     handleIntersection(entries: IntersectionObserverEntry[]): void;
     scrollIntoView(options: {
         rowIndex: number;
@@ -438,6 +467,7 @@ declare const Grid: import('vue').DefineComponent<import('vue').ExtractPropTypes
         default: () => any;
     };
     cells: import('vue').PropType<import('.').GridCellsSettings>;
+    contextMenu: import('vue').PropType<boolean | GridContextMenuOptions | ((options: import('./contextMenu/GridContextMenu').GridCellBaseOptions) => boolean | GridContextMenuOptions)>;
     rows: import('vue').PropType<import('./interfaces/GridRowsSettings').GridRowsSettings>;
     defaultColumnsState: {
         type: import('vue').PropType<GridColumnState[]>;
@@ -596,6 +626,8 @@ declare const Grid: import('vue').DefineComponent<import('vue').ExtractPropTypes
     onSearchchange: import('vue').PropType<(event: import('./interfaces/events').GridSearchChangeEvent) => void>;
     onGroupexpandchange: import('vue').PropType<(event: import('./interfaces/events').GridGroupExpandChangeEvent) => void>;
     onDetailexpandchange: import('vue').PropType<(event: import('./interfaces/events').GridDetailExpandChangeEvent) => void>;
+    onContextmenu: import('vue').PropType<(event: GridContextMenuEvent) => void>;
+    onContextmenuitemclick: import('vue').PropType<(event: GridContextMenuItemClickEvent) => void>;
 }>> & Readonly<{}>, {
     size: string;
     scrollable: string;
@@ -607,7 +639,7 @@ declare const Grid: import('vue').DefineComponent<import('vue').ExtractPropTypes
     defaultColumnsState: GridColumnState[];
     showLoader: boolean;
 }, {}, {}, {}, string, () => {
-    kendo: {
+    gridContext: {
         dataItemKey: any;
         searchChange: any;
         selectionRelease: any;
@@ -618,6 +650,7 @@ declare const Grid: import('vue').DefineComponent<import('vue').ExtractPropTypes
         getCellPositionStyle: any;
         onRowPin: any;
         getRowPinPosition: any;
+        onContextMenu: any;
     };
     sticky: any;
 }, true, {}, any>;

package/Grid.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 l=require("vue"),n=require("@progress/kendo-vue-common"),p=require("@progress/kendo-vue-data-tools"),Qe=require("@progress/kendo-vue-indicators"),Ge=require("./GridNav.js"),ze=require("./cells/GridSelectionCell.js"),Pe=require("./cells/GridHierarchyCell.js"),Xe=require("./cells/GridDetailHierarchyCell.js"),Ye=require("./cells/GridDetailCell.js"),Ze=require("./header/Header.js"),et=require("./header/HeaderRow.js"),tt=require("./header/FilterRow.js"),st=require("./header/GroupPanel.js"),it=require("./footer/Footer.js"),ot=require("./footer/FooterRow.js"),rt=require("./components/table/GridTable.js"),lt=require("./components/table/GridTableScrollable.js"),Ee=require("./filterCommon.js"),at=require("./VirtualScroll.js"),nt=require("./drag/ColumnResize.js"),dt=require("./drag/CommonDragLogic.js"),ht=require("./drag/DragClue.js"),ct=require("./drag/DropClue.js"),C=require("./utils/main.js"),Ve=require("./cells/GridGroupCell.js"),pt=require("./rows/GridRow.js"),ut=require("./common.js"),Ne=require("./header/GridHeaderSelectionCell.js"),De=require("./components/noRecords/GridNoRecords.js"),Fe=require("./components/noRecords/GridNoRecordsContainer.js"),ie=require("./package-metadata.js"),Le=require("./messages/messagesMap.js"),oe=require("@progress/kendo-data-query"),ft=require("./key.js"),gt=require("./utils/virtualColumns.js"),Me=require("./components/StickyGroupTable.js"),mt=require("./getRowContents.js"),Rt=require("./hooks/useStickyGroups.js"),_e=require("./components/PinnedRowsTable.js"),bt=require("./cells/pincell/GridPinCell.js"),Ct=l.defineComponent({name:"KendoGrid",inheritAttrs:!1,props:{...ut.gridProps,toolbar:{type:Object},noRecords:{type:Object}},data(){return{isRtl:!1,context:void 0,navigation:void 0,showLicenseWatermark:!1,licenseMessage:void 0,notHiddenColumns:[]}},watch:{rowHeight:function(e,t){var s;this.onRowHeightChanged(e,t),(s=this.vsRef)==null||s.reset()},scrollable:function(){var e;(e=this.vsRef)==null||e.reset()},filter:function(){var e;(e=this.vsRef)==null||e.reset()},group:function(){var e;(e=this.vsRef)==null||e.reset()},currentGroupable:function(){var e;(e=this.vsRef)==null||e.reset()},sort:function(){var e;(e=this.vsRef)==null||e.reset()}},created(){n.validatePackage(ie.packageMetadata),this.showLicenseWatermark=n.shouldShowValidationUI(ie.packageMetadata),this.licenseMessage=n.getLicenseMessage(ie.packageMetadata),this.initialHeight=null,this.columnsRef=[],this.dragLogic=new dt.CommonDragLogic(this.columnReorder.bind(this),this.groupReorder.bind(this),this.columnToGroup.bind(this)),this.columnResize=new nt.ColumnResize(this.onResize.bind(this)),this._columnsMap=[[]],this._header=null,this._footer=null,this.tableRef=null,this.scrollHeightContainerRef=null,this.forceUpdateTimeout=void 0,this._gridId=n.guid(),this._gridRoleElementId=n.guid(),this.slicedCurrentData=void 0,this._prevTotal=void 0,this._containerHeightRef=0,this._minRowHeightRef=0,this.wrapperScrollTopRef=0,this.scrollLeftRef=0},mounted(){var t,s;this.setRefs();const e=n.isRtl(this._element);if(this._prevTotal=this.$props.total,this.isRtl=e,this.initialHeight=((s=(t=this._element)==null?void 0:t.style)==null?void 0:s.height)||null,this.resizeObserver=n.canUseDOM&&(window==null?void 0:window.ResizeObserver)&&new ResizeObserver(this.calculateMedia),document!=null&&document.body&&this.resizeObserver&&this.resizeObserver.observe(document.body),n.canUseDOM){const i={rootMargin:"0px",threshold:.9};this.observerRef=window.IntersectionObserver&&new window.IntersectionObserver(this.handleIntersection,i)||null}},updated(){var s;this.setRefs();const e=n.isRtl(this._element);this.isRtl=e,this._prevTotal=this.$props.total,this.vsRef.tableTransform&&this.vsRef.table&&(this.vsRef.table.style.transform=this.vsRef.tableTransform,this.vsRef.tableTransform="");const t=this.updateStickyGroups();this.sticky.headerItems=t==null?void 0:t.stickyHeaderItems,this.sticky.footerItems=t==null?void 0:t.stickyFooterItems,this.isVirtualScroll&&(this.setContainerHeight(),this.setMinRowHeight(),(s=this.vsRef)==null||s.update())},unmounted(){this.gridUnmounted()},computed:{gridId(){return this.$props.id+"-role-element-id"},idPrefix(){return this.$props.navigatable?this.gridId:""},groupExpandable(){return p.getGroupExpandableOptions(typeof this.$props.groupable=="object"&&this.$props.groupable.enabled!==!1?this.$props.groupable.expandable:this.$props.groupable)},hierarchClass(){return n.uGrid.hierarchyCell({})},computedRowSpannable(){return C.getRowSpanOptions(this.$props.rowSpannable)},computedSelectable(){return p.getSelectionOptions(this.$props.selectable)},detailExpandable(){return p.getDetailExpandableOptions(!!this.$props.detail)},nonscrollableWrapperClass(){const{size:e}=this.$props,t=this.$attrs.class;return{"k-grid":!0,"k-grid-md":!e,[`k-grid-${n.kendoThemeMaps.sizeMap[e]||e}`]:e,[t]:!!t}},scrollableWrapperClass(){const{scrollable:e}=this.$props;return{...this.nonscrollableWrapperClass,"k-grid-virtual":e==="virtual"}},gridTableClass(){const{size:e}=this.$props;return{"k-table":!0,"k-grid-table":!0,"k-grid-md":!e,[`k-table-${n.kendoThemeMaps.sizeMap[e]||e}`]:e}},getCorrectHeight(){return this.$props.scrollable==="virtual"?this.initialHeight||"450px":null},currentGroupable(){var t;const e=(t=this.gridContext.group)==null?void 0:t.value;return this.$props.groupable===!0&&(e==null?void 0:e.length)||n.isObject(this.$props.groupable)&&this.$props.groupable.enabled!==!1},computedCollapsed(){let e=[];if(this.$props.group)for(let t=0;t<this.$props.group.length;t++)this.$props.collapsedGroups[t]?e.push(this.$props.collapsedGroups[t]):e.push([]);return e},getAriaRowCount(){var s,i;const e=this.$props.dataItems,t=this.$props.total||(e==null?void 0:e.total)||(e==null?void 0:e.length)||0;return this.$props.detail?this._columnsMap.length+(this.$props.filterable?1:0)+t*2+(this.columnsRef.some(r=>{var o;return!!(r.footerCell||(o=r.cells)!=null&&o.footerCell)})||(s=this.$props.cells)!=null&&s.footerCell?1:0):!this.$props.pageable&&this.$props.scrollable==="scrollable"?void 0:this.$props.groupable?-1:this._columnsMap.length+(this.$props.filterable?1:0)+t+(this.columnsRef.some(r=>{var o;return!!(r.footerCell||(o=r.cells)!=null&&o.footerCell)})||(i=this.$props.cells)!=null&&i.footerCell?1:0)},getAriaColCount(){const e=this.$props.columns,t=this.$props.columnVirtualization,s=(e==null?void 0:e.filter(i=>i.hidden!==void 0).length)!==0;if(t||s)return(e==null?void 0:e.length)!==0?e==null?void 0:e.length:-1},isVirtualScroll(){return this.$props.scrollable==="virtual"||this.$props.scrollable===void 0||!1},pinnedSourceSet(){var t,s;const e=new Set;return(t=this.gridContext.pinnedTopRows)!=null&&t.value&&this.gridContext.pinnedTopRows.value.forEach(i=>e.add(i)),(s=this.gridContext.pinnedBottomRows)!=null&&s.value&&this.gridContext.pinnedBottomRows.value.forEach(i=>e.add(i)),e},sortedPinnedTopRows(){var s,i;const e=((s=this.gridContext.pinnedTopRows)==null?void 0:s.value)||[],t=(i=this.gridContext.sort)==null?void 0:i.value;return this.autoProcessData&&(t!=null&&t.length)?oe.orderBy([...e],t):e},sortedPinnedBottomRows(){var s,i;const e=((s=this.gridContext.pinnedBottomRows)==null?void 0:s.value)||[],t=(i=this.gridContext.sort)==null?void 0:i.value;return this.autoProcessData&&(t!=null&&t.length)?oe.orderBy([...e],t):e},hasPinnedTopRows(){return this.$props.pinnable&&this.sortedPinnedTopRows.length>0},hasPinnedBottomRows(){return this.$props.pinnable&&this.sortedPinnedBottomRows.length>0}},methods:{getCellPositionStyle(e,t){return e.left!==void 0?t?{left:e.right+"px",right:e.left+"px"}:{left:e.left+"px",right:e.right+"px"}:{}},handleIntersection(e){const t={rowIndex:this.rowIndexRef.value};e.forEach(s=>{s.boundingClientRect.height!==s.intersectionRect.height&&this.setCurrentOnTop(t)})},scrollIntoView(e){var i;if(!((i=this.vsRef)!=null&&i.container)||this.$props.scrollable==="none")return;const{rowIndex:t}=e;this.rowIndexRef.value=t;const s=this._element;if(this.observerRef&&s){this.observerRef.disconnect();const r=s.querySelector(`[absolute-row-index="${this.rowIndexRef.value}"]`);r?this.observerRef.observe(r):this.setCurrentOnTop(e)}},setCurrentOnTop(e){var i,r;if(!((i=this.vsRef)!=null&&i.container)||this.$props.scrollable==="none")return;this.observerRef&&this.observerRef.disconnect();const{rowIndex:t}=e,s=this._element;if(this.isVirtualScroll){const o=((r=this.vsRef.rowHeightService)==null?void 0:r.offset(t))||0;this.vsRef.container.scroll(0,o)}else if(s){const o=t<1?s.querySelector("tbody > tr:nth-child(1)"):s.querySelector(`tbody > tr:nth-child(${t+1})`);o&&this.containerElementRef&&(this.containerElementRef.scrollTop=o.offsetTop)}},getTotal(){let e=this.$props.total||0;return Array.isArray(this.$props.dataItems)?e=e||this.$props.dataItems.length:this.$props.dataItems&&(e=e||this.$props.dataItems.total),e},readColumnElements(){return C.readColumns(this.$props.columns,this.currentColumnsState,{prevId:0,idPrefix:this.idPrefix})},getResolvedFlatColumnsState(){const e=[],t=(s,i)=>s==null?void 0:s.forEach(r=>{const o=r.hidden||i;e.push({...r,hidden:o}),t(r.children,o)});return t(this.currentColumnsState,!1),e},filterColumns(e){const t=this.getResolvedFlatColumnsState();return[e.filter(s=>{var i;return!s.hidden&&!((i=t.find(r=>r.id===s.id))!=null&&i.hidden)}),e.filter(s=>{var i;return s.hidden||((i=t.find(r=>r.id===s.id))==null?void 0:i.hidden)})]},getFlatData(e,t,s,i,r,o,a){const h=[],c=C.flatData(h,e,t,{index:s},i!==void 0,r,o,this.groupExpandable.defaultExpand,a,this.$props.expandField);return{flattedData:h,resolvedGroupsCount:c}},getColumnsEssentialProps(e){return e&&JSON.stringify(e.map(t=>({id:t.id,field:t.field,title:t.title,children:t.children})))},calculateMedia(){const e=this.filterHiddenColumns(this.$props.columns||[]);this.getColumnsEssentialProps(this.notHiddenColumns)!==this.getColumnsEssentialProps(e)&&this.$forceUpdate()},filterHiddenColumns(e){if(!e||e.length===0)return e;const t=s=>({...s,children:s.children&&s.children.length>0?this.filterHiddenColumns(s.children):s.children});return[...e].filter(s=>!s.hidden).filter(s=>n.canUseDOM&&s&&s.media?window.matchMedia(s.media).matches:s).map(s=>t(s))},getColumns(){const e=this.columnsRef.filter(s=>s.declarationIndex>=0&&s.parentIndex===-1),t=s=>(s.sort((i,r)=>i.declarationIndex-r.declarationIndex),s.map(i=>{const{declarationIndex:r,parentIndex:o,depth:a,colSpan:h,rowSpan:c,index:f,kFirst:g,children:m,...b}=i;return m.length?{children:t(m),...b}:b}));return t(e)},setRefs(){var o,a,h,c;let e="$el";const t=n.getRef(this,"gridNav");t&&(this._element=t[e]);const s=n.getRef(this,"groupPanelDiv");if(s){let f=s[e]||null;this.dragLogic.refGroupPanelDiv(f)}this.stickyHeaderRef=n.getRef(this,"stickyHeader"),this.stickyFooterRef=n.getRef(this,"stickyFooter"),this.pinnedTopRef=n.getRef(this,"pinnedTop"),this.pinnedBottomRef=n.getRef(this,"pinnedBottom");const i=n.getRef(this,"dropElementClue"),r=n.getRef(this,"dragElementClue");this.dragLogic.refDropElementClue(i),this.dragLogic.refDragElementClue(r),this.columnResize.colGroupMain=n.getRef(this,"colGroup"),this.columnResize.colGroupStickyHeader=(o=this.stickyHeaderRef)==null?void 0:o.colGroupRef,this.columnResize.colGroupStickyFooter=(a=this.stickyFooterRef)==null?void 0:a.colGroupRef,this.columnResize.colGroupPinnedTop=(h=this.pinnedTopRef)==null?void 0:h.colGroupRef,this.columnResize.colGroupPinnedBottom=(c=this.pinnedBottomRef)==null?void 0:c.colGroupRef,this._header=n.getRef(this,"header"),this._footer=n.getRef(this,"footer"),this.resetTableWidth(),n.setScrollbarWidth()},gridUnmounted(){clearTimeout(this.forceUpdateTimeout),this.columnResize.columns=[],this.dragLogic.columns=[],this.dragLogic&&this.dragLogic.dragElementClue&&(this.dragLogic.dragElementClue.$el.remove(),this.dragLogic.dropElementClue.$el.remove()),this.dataRef=[],this.columnsRef=[],document!=null&&document.body&&this.resizeObserver&&this.resizeObserver.disconnect(),this.observerRef&&(this.observerRef.disconnect(),this.observerRef=null)},isAllData(){const{dataItems:e,total:t}=this.$props;return Array.isArray(e)?e.length===t:e?t===e.total:!1},resetVirtualSkip(){this.isVirtualScroll&&this.virtualSkipRef&&(this.virtualSkipRef=0)},virtualPageChange(e,t){var i;const s=(i=this.gridContext.group)==null?void 0:i.value;this.$props.pageable||s!=null&&s.length?(this.virtualSkipRef=e.skip,this.$forceUpdate()):this.pageChangeHandler(e,t)},initializeVirtualization(){const e=this.vsRef,t=this.$props.rowHeight||this._minRowHeightRef||0;this.tableBodyRef=n.getRef(this,"tableBody"),this.scrollTableRef=n.getComponentElementRef(this,"table"),e&&(e.fixedScroll=this.$props.fixedScroll||!1,e.PageChange=this.virtualPageChange,e.pageSize=this._virtualPageSize,e.scrollableVirtual=this.isVirtualScroll,this.scrollContainerRef=e.container=n.getRef(this,"scrollContainer"),e.tableBody=this.tableBodyRef,e.scrollHeightContainer=n.getRef(this,"scrollHeightContainer"),e.table=this.scrollTableRef,(!e.rowHeightService||e.total!==this._virtualTotal)&&t&&(e.total=this._virtualTotal,e.rowHeightService=new n.RowHeightService(this._virtualTotal,t)))},setContainerHeight(){const e=n.getRef(this,"scrollContainer");this._containerHeightRef=(e==null?void 0:e.offsetHeight)||0},setMinRowHeight(){if(!this._minRowHeightRef&&!this.$props.rowHeight){const t=C.calcRowHeight(n.getRef(this,"tableBody"));t&&(this._minRowHeightRef=t,this.$forceUpdate())}},onRowHeightChanged(e,t){this.setRefs()},onHeaderScroll(e){const s=e.target.scrollLeft,i=n.getRef(this,"scrollContainer");i&&(i.scrollLeft=s),this.scrollLeftRef=s},scrollHandler(e){clearTimeout(this.forceUpdateTimeout);const t=e.currentTarget.scrollLeft,s=e.currentTarget.scrollTop;this.$props.columnVirtualization&&(!this.isVirtualScroll||s===this.wrapperScrollTopRef)&&(this.forceUpdateTimeout=setTimeout(()=>{this.$forceUpdate()},0)),this.scrollLeftRef=t,this._header&&this._header.setScrollLeft(e.currentTarget.scrollLeft),this._footer&&this._footer.setScrollLeft(e.currentTarget.scrollLeft),this.stickyHeaderRef&&this.stickyHeaderRef.setScrollLeft(e.currentTarget.scrollLeft),this.stickyFooterRef&&this.stickyFooterRef.setScrollLeft(e.currentTarget.scrollLeft),this.pinnedTopRef&&this.pinnedTopRef.setScrollLeft(t),this.pinnedBottomRef&&this.pinnedBottomRef.setScrollLeft(t),this.vsRef&&s!==this.wrapperScrollTopRef&&this.vsRef.scrollHandler(e);const i=this.virtualSkipRef;this.vsRef&&s!==this.wrapperScrollTopRef&&this.vsRef.scrollHandler(e);const r=this.isVirtualScroll&&this.virtualSkipRef!==i;if(this.$emit("scroll",e),this.wrapperScrollTopRef=s,!r){const o=this.updateStickyGroups();this.sticky.headerItems=o==null?void 0:o.stickyHeaderItems,this.sticky.footerItems=o==null?void 0:o.stickyFooterItems}},rowClick(e,t){e.target.type!=="checkbox"&&this.$emit("rowclick",{dataItem:t.dataItem,...this.getArguments(e)})},rowDoubleClick(e,t){e.target.type!=="checkbox"&&this.$emit("rowdblclick",{dataItem:t.dataItem,...this.getArguments(e)})},loopGroupedItems(e,t,s=0,i=null){return e.forEach(r=>{!i&&t(r,s)&&(i=r),r.items&&r.items.length&&!i&&(i=this.loopGroupedItems(r.items,t,s+1,i))}),i},updateGroupCollapsed(e){let t=this.computedCollapsed,s=t[e.level];const i=this.$props.uniqueField,r=function(h,c){return h.value===e.dataItem.value&&c===e.level},o=this.allGroupedItems?this.loopGroupedItems(this.allGroupedItems.data,r,0,null):e.dataItem,a=C.groupedFirstItemValue(o||e.dataItem,i);if(e.value){if(s&&s.length){const h=s.indexOf(a);h>-1&&s.splice(h,1)}}else s?s.includes(a)||s.push(a):s=[a];return t},itemChange(e){var i;const t=n.hasListener.call(this,"itemchange"),s=(i=this.gridContext.group)==null?void 0:i.value;if(e.field===this.$props.expandField||(s||this.$props.detail)&&e.field===void 0){n.hasListener.call(this,"expandchange")&&e.dataItem&&this.$emit("expandchange",{...this.getArguments(e.event),collapsedGroups:this.updateGroupCollapsed(e),dataItem:e.dataItem,value:e.value});return}t&&this.$emit("itemchange",{...this.getArguments(e.event),dataItem:e.dataItem,field:e.field,value:e.value})},cellClickHandler(e){this.$emit("cellclick",{dataItem:e.dataItem,field:e.field})},cellKeydownHandler(e){this.$emit("cellkeydown",e)},editHandler(e){this.$emit("edit",{dataItem:e})},removeHandler(e){this.$emit("remove",{dataItem:e})},saveHandler(e){this.$emit("save",{dataItem:e})},cancelHandler(e){this.$emit("cancel",{dataItem:e})},selectionChangeHandler(e){var t;if(this.computedSelectable.enabled){const{event:s,dataItem:i,dataIndex:r,columnIndex:o}=e,a={...this.getArguments(s),dataItem:i,startColIndex:o,endColIndex:o,startRowIndex:r,endRowIndex:r,dataItems:this.getLeafDataItems(),altKey:!1,ctrlKey:!1,shiftKey:!1,metaKey:!1,mode:this.computedSelectable.mode,cell:this.computedSelectable.cell,isDrag:!1,componentId:this.$props.id||this._gridId,selectedField:this.$props.selectedField||""};this.gridContext.selectionchange({...a,select:this.$props.dataItemKey?p.getSelectedState({event:a,selectedState:(t=this.$props.select)!=null?t:{},dataItemKey:this.$props.dataItemKey}):{}})}},onKeyboardSelectionChangeHandler(e){var f,g;if(!this.computedSelectable.enabled||!this.$props.dataItemKey)return;const t=(f=this.gridContext.select)==null?void 0:f.value,s={dataItems:this.getLeafDataItems(),mode:this.computedSelectable.mode,cell:this.computedSelectable.cell,componentId:this.$props.id,selectedField:"",...this.getArguments(e)},i=p.getSelectedStateFromKeyDown({event:s,selectedState:t!=null?t:{},dataItemKey:this.$props.dataItemKey});if(i===t)return;const r=e.target,o=p.closestTagName(r,"TD"),a=p.closestTagName(r,"TR"),h=p.getColumnIndex(o),c=p.getRowIndex(a);if(h!==void 0&&c!==void 0){const m=(g=C.getDataAsArray(this.$props.dataItems))==null?void 0:g[c];this.gridContext.selectionchange({...s,select:i,dataItem:m,startRowIndex:c,startColIndex:h,startDataItem:m,endDataItem:m,endRowIndex:c,endColIndex:h,ctrlKey:e.ctrlKey,altKey:e.altKey,metaKey:e.metaKey,shiftKey:e.shiftKey,isDrag:!1})}},onHeaderSelectionChangeHandler(e){if(this.computedSelectable.enabled){const t=this.getLeafDataItems();this.gridContext.headerselectionchange({select:e.event.target.checked?t.reduce((s,i)=>(this.$props.dataItemKey&&n.getter(this.$props.dataItemKey)(i)!==void 0&&(s[n.getter(this.$props.dataItemKey)(i)]=!0),s),{}):{},field:e.field,event:e.event,target:this,dataItems:t})}},selectionRelease(e){var t;if(this.computedSelectable.enabled){const s=this.getLeafDataItems(),i=s[e.startRowIndex],r=s[e.endRowIndex],o={event:void 0,target:this,selectedField:"",componentId:this.$props.id||this._gridId,dataItems:s,dataItem:null,startDataItem:i,endDataItem:r,...e},a=p.getSelectedState({event:o,selectedState:(t=this.$props.select)!=null?t:{},dataItemKey:this.$props.dataItemKey});this.raiseSelectionEvent(o,a)}},clearSelection(e){this.computedSelectable.enabled&&this.raiseSelectionEvent(e,{})},raiseSelectionEvent(e,t){this.computedSelectable.enabled&&this.gridContext.selectionchange({...e,select:t})},moveToNextPage(e){var r,o,a,h;const t=(a=(o=(r=this.gridContext.take)==null?void 0:r.value)!=null?o:this.$props.pageSize)!=null?a:0,s=(((h=this.gridContext.skip)==null?void 0:h.value)||0)+t,i=this.getTotal();s<i&&this.pageChangeHandler({skip:s,take:t},e)},moveToPrevPage(e){var i,r,o,a;const t=(o=(r=(i=this.gridContext.take)==null?void 0:i.value)!=null?r:this.$props.pageSize)!=null?o:0,s=(((a=this.gridContext.skip)==null?void 0:a.value)||0)-t;s>=0&&this.pageChangeHandler({skip:s,take:t},e)},pageChangeHandler(e,t){this.raiseDataEvent("pagechange",{page:e,event:t},{skip:e.skip,take:e.take},t)},sortChangeHandler(e,t){this.raiseDataEvent("sortchange",{sort:e},{sort:e},t)},filterChangeHandler(e,t){this.raiseDataEvent("filterchange",{filter:e},{filter:e,skip:0},t)},groupChangeHandler(e,t){this.raiseDataEvent("groupchange",{group:e},{group:e,skip:0},t)},handleDetailExpandAction(e,t){var s;if(this.detailExpandable.enabled){const i=(s=this.gridContext.detailExpand)==null?void 0:s.value,r=p.detailExpandReducer(i!=null?i:{},e);this.gridContext.detailexpandchange({...this.getArguments(t),detailExpand:r})}},handleGroupExpandAction(e,t){var s;if(this.groupExpandable.enabled){const i=(s=this.gridContext.groupExpand)==null?void 0:s.value,r=p.groupExpandReducer(i!=null?i:[],e,this.groupExpandable);this.$props.expandField||this.gridContext.groupexpandchange({...this.getArguments(t),groupExpand:r})}this.scrollToStickyGroup(e.group)},raiseDataEvent(e,t,s,i){if(this.resetVirtualSkip(),this.$props.autoProcessData)this.gridContext[e]({...this.getArguments(i),...t});else if(n.hasListener.call(this,e))this.$emit(e,{...this.getArguments(i),...t});else if(n.hasListener.call(this,"datastatechange")){const r={...this.getDataState(),...s};this.gridContext.datastatechange({...this.getArguments(i),data:r,dataState:r})}},columnReorder(e,t,s){const i=this.columnsRef[e],r=C.getFlatColumnsState(this.currentColumnsState),o=i.depth,a=g=>{do g++;while(g<this.columnsRef.length&&this.columnsRef[g].depth>o);return g},h=this.columnsRef.splice(e,a(e)-e);this.columnsRef.splice(e<t?a(t-h.length):t,0,...h),this.columnsRef.filter(g=>g.declarationIndex>=0).forEach((g,m)=>{g.orderIndex=m;const b=r.find(w=>w.id===g.id);b&&(b.orderIndex=m)});const c=this.columnsRef[e].locked&&this.columnsRef[t].locked;p.updateLeft(this._columnsMap,this.columnsRef,c||this.shouldUpdateLeftRightRef),p.updateRight(this._columnsMap,this.columnsRef,c||this.shouldUpdateLeftRightRef),this.resizedRef&&(this.shouldUpdateLeftRightRef=!1,this.resizedRef=!1);const f=this.getColumns();this.$emit("columnreorder",{target:this,columns:f,event:s,prev:e,next:t}),this.gridContext.columnsstatechange({columnsState:this.currentColumnsState})},groupReorder(e,t,s){var r;const i=(r=this.gridContext.group)==null?void 0:r.value;i!==void 0&&(i.splice(t,0,...i.splice(e,1)),this.groupChangeHandler(i,s))},columnToGroup(e,t,s){var o;const i=this.columnsRef[e].field;if(!i)return;const r=(((o=this.gridContext.group)==null?void 0:o.value)||[]).slice();r.splice(t,0,{field:i}),this.groupChangeHandler(r,s)},resetTableWidth(){var i;let e=0;if(!this.columnResize.colGroupMain)return;const t=(i=this.columnResize.colGroupMain)==null?void 0:i.children;for(let r=0;r<t.length;r++){const o=t[r].width;if(!o)return;e+=parseFloat(o.toString())}e=Math.round(e),this._header&&this._header.setWidth(e),this._footer&&this._footer.setWidth(e),this.stickyHeaderRef&&this.stickyHeaderRef.setWidth(e),this.stickyFooterRef&&this.stickyFooterRef.setWidth(e),this.pinnedTopRef&&this.pinnedTopRef.setWidth(e),this.pinnedBottomRef&&this.pinnedBottomRef.setWidth(e);const s=n.getComponentElementRef(this,"table");s&&e&&(s.style.width=e+"px"),this.stickyFooterRef&&this.setStickyFooterOffset()},setStickyFooterOffset(){const e=this.containerElementRef,t=e?e.scrollWidth>e.clientWidth:!1;this.stickyFooterRef&&(this.stickyFooterRef.$el.style.marginBlockEnd=t?"var(--kendo-scrollbar-width, 0px)":"")},onResize(e,t,s,i,r,o,a){this.resetTableWidth(),this.shouldUpdateLeftRightRef=!0,this.resizedRef=!0,this.$emit("columnresize",{columns:this.getColumns(),index:e,targetColumnId:a,event:i,newWidth:t,oldWidth:s,end:r,target:this}),r&&this.gridContext.columnsstatechange({columnsState:o})},initColumnsState(e,t){const s=i=>{var o;const r=t.find(a=>a.id===i.id);if(r){const a={...r};return a.children=(o=i.children)==null?void 0:o.map(s),a}return i};this.currentColumnsState=e.filter(i=>i.parentIndex===-1).map(s)},configureColumns(e,t){e.filter(o=>o.columnType==="checkbox").forEach(o=>{o.width=o.width||"50px",o.defaultCell=l.markRaw(ze.GridSelectionCell),o.defaultHeaderCell=l.markRaw(Ne.GridHeaderSelectionCell),o._type="edit",o.columnMenu=!1}),this.$props.selectedField&&this.columnsRef.filter(o=>o.field===this.$props.selectedField).forEach(o=>{o.width=o.width||"50px",o.defaultCell=l.markRaw(ze.GridSelectionCell),o.defaultHeaderCell=l.markRaw(Ne.GridHeaderSelectionCell),o.columnMenu=!1}),this.$props.pinnable&&e.filter(o=>o.columnType==="pin").forEach(o=>{o.width=o.width||"48px",o.defaultCell=l.markRaw(bt.GridPinCell),o.defaultHeaderCell=l.markRaw(p.HeaderCell),o.sortable=!1,o.filterable=!1,o.editable=!1});const s=C.getFlatColumnsState(this.currentColumnsState);this.initColumnsState(e,s);const i={id:"",resizable:!0,width:"32px",title:" ",declarationIndex:-1,orderIndex:-1,children:[],parentIndex:-1,depth:0,colSpan:0,headerColSpan:0,rowSpan:0,left:0,right:0,index:0,rightBorder:!1,ariaColumnIndex:0,isAccessible:!0};let r=0;if(this.detailExpandable.enabled&&this.$props.detail&&!this.$props.expandField){const o={...i,_type:"expand",id:p.tableKeyboardNavigationTools.generateNavigatableId(`${r++}`,"expand","column"),defaultCell:l.markRaw(Pe.GridHierarchyCell),field:this.detailExpandable.column,headerClassName:this.hierarchClass};e.unshift(o),this.currentColumnsState.unshift(s.find(a=>a.id===o.id)||o)}this.$props.expandField&&n.hasListener.call(this,"expandchange")&&this.$props.detail&&(e.unshift({...i,defaultCell:l.markRaw(Pe.GridHierarchyCell),field:this.$props.expandField,headerClassName:"k-hierarchy-cell k-header",id:p.tableKeyboardNavigationTools.generateNavigatableId(`${e.length}`,this.idPrefix,"column"),...this.expandColumn}),r++);for(let o=0;o<t;o++){const a={...i,isAccessible:!1,defaultCell:l.markRaw(Ve.GridGroupCell),id:p.tableKeyboardNavigationTools.generateNavigatableId(`${r++}`,"group","column"),field:"value",locked:this.$props.lockGroups,columnMenu:!1};e.unshift(a),this.currentColumnsState.unshift(s.find(h=>h.id===a.id)||a)}e.slice(r).forEach(o=>{o.parentIndex>=0&&(o.parentIndex+=r),o.rowSpannable=o.rowSpannable!==void 0?C.getRowSpanOptions(o.rowSpannable):this.computedRowSpannable})},initColumns(e,t){var o;this.columnsRef=this.readColumnElements();const s=(o=this.gridContext.group)==null?void 0:o.value;this.columnsRef.filter(a=>!a.hidden).length===0&&(this.columnsRef=C.autoGenerateColumns(e,s,{column:this.$props.expandField?this.$props.expandField:this.groupExpandable.column},{prevId:0,idPrefix:this.idPrefix})),this.configureColumns(this.columnsRef,t);const[i,r]=this.filterColumns(this.columnsRef);this.columnsRef=i,this.hiddenColumnsRef=r,this._columnsMap=C.mapColumns(this.columnsRef,!0)},resolveTitle(e){const t=this.findColumnByField(e),s=t&&(t.title||t.field);return s===void 0?e:s},findColumnByField(e){let t;return this.$props.columns.forEach(s=>{const i=this.searchColumn(s,e);i&&(t=i)}),t},searchColumn(e,t){if(e.field===t)return e;if(e.children){let s,i=null;for(s=0;i==null&&s<e.children.length;s++)i=this.searchColumn(e.children[s],t);return i}return null},getDataState(){var o,a,h,c,f;const e=(o=this.gridContext.sort)==null?void 0:o.value,t=(a=this.gridContext.filter)==null?void 0:a.value,s=(h=this.gridContext.skip)==null?void 0:h.value,i=(c=this.gridContext.take)==null?void 0:c.value,r=(f=this.gridContext.group)==null?void 0:f.value;return{filter:t,sort:e,skip:s,take:i!==void 0?i:this.$props.pageSize,group:r}},getArguments(e){return{event:e,target:this}},getLeafDataItems(){return this.dataRef.filter(e=>e.rowType==="data").map(e=>e.dataItem)},totalGroupedRows(e){let t=0;return e&&(t=this.addSubItems(e,t)),t},addSubItems(e,t){return e.forEach(s=>{t++,s.expanded!==!1&&s.items&&(t=this.addSubItems(s.items,t)),this.group&&this.group.length&&(this.$props.groupable.footer==="always"||s.expanded!==!1&&s.items&&this.$props.groupable.footer==="visible")&&t++}),t},searchChange(e){const t=this.$props.searchFields||this.columnsRef.map(r=>r.field)||[],s=e.event.target.value,i={logic:"or",filters:t.filter(r=>r!==void 0).map(r=>{var o;return typeof r=="string"?{field:r,value:s,operator:"contains"}:{value:s,operator:(o=r.operator)!=null?o:"contains",field:r.field,ignoreCase:r.ignoreCase}})};this.raiseDataEvent("searchchange",{search:i},{skip:0},e)},getCellsToRender(e,t){var o;const s=[];let i=null,r=0;if(t.forEach((a,h)=>{const c=parseFloat((a.width||"").toString())||10;if(r){r--,i&&(i.width+=c);return}const f=Math.min(C.getColSpan(a,e),t.length-h);r=f-1,i={width:c,colSpan:f,columnIndex:h},s.push(i)}),this.$props.columnVirtualization){const a=this.scrollLeftRef||0,h=this.tableWidth||parseFloat((((o=this.$attrs.style)==null?void 0:o.width)||"").toString());return gt.getVirtualCellsToRender({cellModels:s,columns:t,tableViewPortWidth:h,scrollLeft:a})}return s},calcVirtualPageSize(){const{pageable:e,take:t,pageSize:s}=this.$props;if(!this.isVirtualScroll)return 0;if(!e){if(t)return t;if(s)return s}const i=this.$props.rowHeight||this._minRowHeightRef,r=this._containerHeightRef;return r&&i?Math.ceil(r/i*1.5):0},getRowPinPosition(e){var o,a;const{dataItemKey:t=""}=this.$props,s=((o=this.gridContext.pinnedTopRows)==null?void 0:o.value)||[],i=((a=this.gridContext.pinnedBottomRows)==null?void 0:a.value)||[];if(!t||!e)return"none";const r=e[t];return s!=null&&s.some(h=>h[t]===r)?"top":i!=null&&i.some(h=>h[t]===r)?"bottom":"none"},handleRowPin(e,t){var f,g,m,b;if(!this.$props.pinnable)return;const{dataItemKey:s=""}=this.$props,i=((f=this.gridContext.pinnedTopRows)==null?void 0:f.value)||[],r=((g=this.gridContext.pinnedBottomRows)==null?void 0:g.value)||[],o=t[s],a=i.filter(w=>w[s]!==o),h=r.filter(w=>w[s]!==o);let c;switch(e){case"pinTop":c={pinnedTopRows:[...a,t],pinnedBottomRows:h,dataItem:t};break;case"pinBottom":c={pinnedTopRows:a,pinnedBottomRows:[...h,t],dataItem:t};break;case"unpin":c={pinnedTopRows:a,pinnedBottomRows:h,dataItem:t};break;default:return}(b=(m=this.gridContext).rowpinchange)==null||b.call(m,c)},pinnedSelectionRelease(e,t){const s=this.$props.dataItemKey;if(!s||!t)return;const i=n.getter(s),r=this.getLeafDataItems().findIndex(o=>i(o)===i(t));r!==-1&&this.selectionRelease({...e,startRowIndex:r,endRowIndex:r})}},provide(){return{kendo:{dataItemKey:this.$props.dataItemKey,searchChange:this.searchChange,selectionRelease:this.selectionRelease,pinnedSelectionRelease:this.pinnedSelectionRelease,dispatchGroupExpand:this.handleGroupExpandAction,dispatchDetailExpand:this.handleDetailExpandAction,scrollToStickyGroup:this.scrollToStickyGroup,getCellPositionStyle:this.getCellPositionStyle,onRowPin:this.handleRowPin,getRowPinPosition:this.getRowPinPosition},sticky:this.sticky}},setup(e){const t=l.ref(null),s=l.ref(null),i=l.ref(null),r=l.ref(null),o=l.ref(null),a=l.ref(null),h=l.ref(null),c=l.ref([]),f=l.ref([]),g=l.ref(null),m=l.ref(null),b=l.ref(null),w=l.ref(null),S=l.ref(null),v=l.ref(null),I=l.ref(!0),$=l.ref(!1),k=new at.VirtualScroll,T=l.ref(0),D=l.inject(ft.KendoKey,{}),B=typeof e.groupable=="object"&&!!e.groupable.stickyHeaders,A=typeof e.groupable=="object"&&!!e.groupable.stickyFooters,H=l.ref([]),O=l.computed(()=>{var E,_;return!!((_=(E=D.group)==null?void 0:E.value)!=null&&_.length)}),F=null,G=l.ref(void 0),x=l.ref({headerItems:[],footerItems:[]}),{scrollToStickyGroup:L,update:M}=Rt.useStickyGroups({enabled:B,enabledFooters:A,flatData:H,containerRef:g,stickyHeaderRef:m,stickyFooterRef:b,tableBodyRef:v,rowHeight:e.rowHeight,isGrouped:O,virtualSkipRef:T,rowHeightServiceRef:l.computed(()=>k==null?void 0:k.rowHeightService)});return{rowIndexRef:G,observerRef:F,dataRef:H,groupPanelDivRef:t,dropElementClueRef:s,dragElementClueRef:i,headerRef:r,footerRef:o,gridNavRef:a,colGroupRef:h,scrollContainerRef:g,tableBodyRef:v,gridContext:D,shouldUpdateLeftRightRef:I,resizedRef:$,currentColumnsState:e.columnsState,vsRef:k,virtualSkipRef:T,stickyHeaderItems:c,stickyHeaderRef:m,stickyFooterItems:f,stickyFooterRef:b,pinnedTopRef:w,pinnedBottomRef:S,sticky:x,scrollToStickyGroup:L,updateStickyGroups:M}},render(){var ce,pe,ue,fe,ge,me,Re,be,Ce,we,$e,ve,ye,Se,xe,Ie,ke,He;const e=(ce=this.gridContext.sort)==null?void 0:ce.value,t=(pe=this.gridContext.filter)==null?void 0:pe.value,s=(ue=this.gridContext.search)==null?void 0:ue.value,i=(fe=this.gridContext.select)==null?void 0:fe.value,r=(ge=this.gridContext.skip)==null?void 0:ge.value,o=(me=this.gridContext.take)==null?void 0:me.value,a=(Re=this.gridContext.group)==null?void 0:Re.value,h=(be=this.gridContext.groupExpand)==null?void 0:be.value,c=(Ce=this.gridContext.detailExpand)==null?void 0:Ce.value,f=(a==null?void 0:a.length)||0,g=typeof this.$props.groupable=="object"&&!!this.$props.groupable.stickyHeaders,m=typeof this.$props.groupable=="object"&&!!this.$props.groupable.stickyFooters,b=!!(a!=null&&a.length);let w;this.currentColumnsState=(we=this.gridContext.columnsState)==null?void 0:we.value;const S=this.$props.autoProcessData===!0?{group:!0,sort:!0,filter:!0,search:!0,page:!0}:this.$props.autoProcessData;let v;const I=p.tableKeyboardNavigationTools.getIdPrefix(this.navigation);let $=[];Array.isArray(this.$props.dataItems)?($=this.$props.dataItems,v=($e=this.$props.total)!=null?$e:$.length):($=((ve=C.applyExpandedState(this.$props.dataItems,this.$props.collapsedGroups.length?this.computedCollapsed:[],this.$props.uniqueField))==null?void 0:ve.data)||[],v=(xe=(Se=this.$props.total)!=null?Se:(ye=this.$props.dataItems)==null?void 0:ye.total)!=null?xe:$.length);const k=this.$props.groupable===!0||n.isObject(this.$props.groupable)&&this.$props.groupable.enabled!==!1;this.dragLogic.reorderable=this.$props.reorderable||!1,this.dragLogic.groupable=k,this._virtualPageSize=this.calcVirtualPageSize();const T=$.length===v,D=n.isObject(this.$props.groupable)&&this.$props.groupable.footer||"none";if(S){const d=S.page&&!(this.isVirtualScroll&&!this.$props.pageable),{data:R,total:y}=oe.process($,{group:S.group?a:void 0,sort:S.sort?e:void 0,filter:p.combineFilters(S.filter?t:void 0,S.search?s:void 0),...d?{take:this.$props.pageable?o||10:o,skip:r||0}:{}});$=R,v=(Ie=this.$props.total)!=null?Ie:y}const{resolvedGroupsCount:B,flattedData:A}=this.getFlatData($,D,T?0:this.$props.skip||0,a,c,h,this.$props.dataItemKey);this.dataRef=A;const H=this.virtualSkipRef||0;if(this._virtualTotal=v,this.isVirtualScroll){let d=r||0;if((b||this.$props.pageable)&&(d=H,this._virtualTotal=this.dataRef.length),T||b||this.$props.pageable)if(this._virtualPageSize===0){const R=Math.min(o||this.$props.pageSize||20,this.dataRef.length);w=this.dataRef.slice(d,d+R)}else w=this.dataRef.slice(d,d+this._virtualPageSize)}this.initializeVirtualization();const O=(ke=this.selectable)!=null&&ke.drag?"none":void 0;this.initColumns(this.$props.dataItems,B),this.columnResize.resizable=this.$props.resizable||!1,this.columnResize.columns=this.columnsRef,this.columnResize.columnsState=n.cloneArray(this.currentColumnsState||[]),this.dragLogic.columns=this.columnsRef;const F=this.$props.toolbar,G=this.$props.noRecords,x=this.columnsRef.filter(d=>d.children.length===0),L=k&&l.createVNode(st.GroupPanel,{ref:d=>{this.groupPanelDivRef=d},group:a||[],ariaControls:this._gridRoleElementId,onGroupChange:this.groupChangeHandler,onPressHandler:this.dragLogic.pressHandler,onDragHandler:this.dragLogic.dragHandler,onReleaseHandler:this.dragLogic.releaseHandler,resolveTitle:this.resolveTitle},null),M=(this.dragLogic.reorderable||this.dragLogic.groupable)&&n.canUseDOM&&document&&document.body,E=[M&&l.createVNode(ct.DropClue,{ref:d=>{this.dropElementClueRef=d}},null),M&&l.createVNode(ht.DragClue,{ref:d=>{this.dragElementClueRef=d}},null)],_=this.showLicenseWatermark?l.createVNode(n.WatermarkOverlay,{message:this.licenseMessage},null):null,W=this.$attrs.style,Ke=W&&n.isObject(W)&&W["width"]||"";this.tableWidth=parseFloat(Ke.toString());const qe=x.findIndex(d=>typeof d.colSpan=="function")>-1;let K;K=this.getCellsToRender({},x);const z=x.map(function(d,R){return l.createVNode("col",{key:d.id||`col-${R}`,width:d.width!==void 0?Math.floor(parseFloat(d.width.toString())):void 0},null)},this),re=l.createVNode(Ze.Header,{size:this.$props.size,columnResize:this.columnResize,staticHeaders:this.$props.scrollable!=="none",ref:d=>{this.headerRef=d},onHeaderscroll:this.onHeaderScroll,headerRow:l.createVNode(et.HeaderRow,{grid:this,sort:e,groupable:this.$props.groupable,reorderable:this.$props.reorderable,sortable:this.$props.sortable,onSortChange:this.sortChangeHandler,filter:t,filterable:this.$props.filterable,filterOperators:this.$props.filterOperators||Ee.operators,onFilterChange:this.filterChangeHandler,columnMenu:this.$props.columnMenu,columnMenuIcon:this.$props.columnMenuIcon,columnMenuAnimate:this.$props.columnMenuAnimate,onSelectionchange:this.onHeaderSelectionChangeHandler,columns:this.columnsRef,cellsToRender:K,columnVirtualization:this.$props.columnVirtualization,columnsInitial:this.$props.columns,columnResize:this.columnResize,onPressHandler:this.dragLogic.pressHandler,onDragHandler:this.dragLogic.dragHandler,onReleaseHandler:this.dragLogic.releaseHandler,columnsMap:this._columnsMap,cellRender:this.$props.headerCellRender,cells:this.$props.cells,isRtl:this.isRtl,isColCountDefined:this.getAriaColCount!==void 0,headerSelectionValue:!!(i&&this.dataRef.filter(d=>d.rowType==="data").every(d=>i&&this.$props.dataItemKey&&n.getter(this.$props.dataItemKey)(d.dataItem)!==void 0?i[n.getter(this.$props.dataItemKey)(d.dataItem)]:void 0)),filterRow:this.$props.filterable&&l.createVNode(tt.FilterRow,{grid:this,size:this.$props.size,columns:this.columnsRef,columnsMap:this._columnsMap,cellsToRender:K,columnVirtualization:this.$props.columnVirtualization,filter:t,filterOperators:this.$props.filterOperators||Ee.operators,onFilterchange:this.filterChangeHandler,sort:this.$props.sort,cellRender:this.$props.filterCellRender,cells:this.$props.cells,isRtl:this.isRtl,ariaRowIndex:this._columnsMap.length+1},null)||void 0},null),cols:z},null),le=this.columnsRef.some(d=>{var R;return!!(d.footerCell||(R=d.cells)!=null&&R.footerCell)})||(He=this.$props.cells)!=null&&He.footerCell?l.createVNode(it.Footer,{size:this.$props.size,columnResize:this.columnResize,staticHeaders:this.$props.scrollable!=="none",ref:d=>{this.footerRef=d},row:l.createVNode(ot.FooterRow,{isRtl:this.isRtl,rowIndex:this.getAriaRowCount+1,columns:this.columnsRef,cells:this.$props.cells},null),cols:z},null):l.createVNode("span",null,null),V={leafColumns:x,cellsToRender:K,selectedField:this.$props.selectedField,dataItemKey:this.$props.dataItemKey,select:i,highlight:this.$props.highlight,editField:this.$props.editField,cellRender:this.$props.cellRender,cells:this.$props.cells,getCellsToRender:this.getCellsToRender,hasDynamicColSpan:qe,itemChange:this.itemChange,selectionChangeHandler:this.selectionChangeHandler,editHandler:this.editHandler,removeHandler:this.removeHandler,saveHandler:this.saveHandler,cancelHandler:this.cancelHandler,cellClickHandler:this.cellClickHandler,cellKeydownHandler:this.cellKeydownHandler,computedCollapsed:this.computedCollapsed,uniqueField:this.$props.uniqueField,columnsRef:this.columnsRef,isRtl:this.isRtl,idPrefix:I},Be=function(d,R,y,X,Y){return mt.getRowContents(V,d,R,y,X,Y)};let Ae=0,U=[];const j=!this.dataRef.length,ae=d=>d>=this.dataRef.length-Ae;let J=0;if(this.dataRef.length){const d=this._columnsMap.length+(this.$props.filterable?1:0)+1;let R=this.$props.skip||0,y=-1,X=0;const Y=this.computedRowSpannable.enabled?{}:void 0;if(this.isVirtualScroll){if(H>0){const u=this.dataRef.slice(0,H).filter(N=>N.rowType==="data").length;y+=u,R+=H}!this.$props.pageable&&T&&(y+=this.$props.skip||0)}U=(w||this.dataRef).map(function(u,N){u.rowType==="data"&&y++;const Z=u.dataIndex%2!==0,Te=this.$props.dataItemKey&&n.getter(this.$props.dataItemKey)(u.dataItem),ee=N+R,te=Te||"ai"+ee,se=te+"_1",q=Be.call(this,u,te,y,Z,Y),je=u.rowType==="data"?this.pinnedSourceSet.has(u.dataItem):!1,Je=x.length-(this.detailExpandable.enabled?1:0)-((a==null?void 0:a.length)||0)||1;return J=ee+d+X,[l.createVNode(pt.GridRow,{key:te,item:u,dataIndex:y,ariaRowIndex:J,absoluteRowIndex:ee,isAltRow:Z,isHidden:ae(N),rowHeight:this.$props.rowHeight,isSelected:q.isSelected,isHighlighted:q.isHighlighted,isInEdit:q.isInEdit,rowType:u.rowType,onRowclick:P=>this.rowClick(P,u),onRowdblclick:P=>this.rowDoubleClick(P,u),render:this.$props.rowRender,class:this.$props.rowClass?this.$props.rowClass(u):"",isPinned:je,rows:this.$props.rows},{default:()=>[q.row]}),this.$props.detail&&u.rowType==="data"&&(u.expanded||u.dataItem.expanded)&&l.createVNode("tr",{key:se,class:Z?"k-table-row k-table-alt-row k-detail-row":"k-table-row k-detail-row",style:{visibility:ae(N)?"hidden":"",height:this.$props.detailRowHeight+"px"},role:"row","aria-rowindex":J},[a==null?void 0:a.map(function(P){return l.createVNode(Ve.GridGroupCell,{id:"",dataIndex:u.dataIndex,field:P.field,dataItem:u.dataItem,key:`group-${P.field}-${u.dataIndex}`,locked:this.$props.lockGroups,group:u.group},null)},this),(this.$props.expandField||this.detailExpandable.enabled)&&l.createVNode(Xe.GridDetailHierarchyCell,{id:p.tableKeyboardNavigationTools.generateNavigatableId(`${se}-dhcell`,I)},null),l.createVNode(Ye.GridDetailCell,{dataItem:u.dataItem,dataIndex:u.dataIndex,colSpan:Je,ariaColIndex:2+(a?a.length:0),detail:this.$props.detail?this.$props.detail:void 0,id:p.tableKeyboardNavigationTools.generateNavigatableId(`${se}-dcell`,I)},null)])]},this)}const Oe=this.$props.pageable&&l.createVNode(p.Pager,{class:"k-grid-pager",onPagesizechange:this.pageChangeHandler,onPagechange:this.pageChangeHandler,size:this.$props.size,total:v,skip:r||0,pageSize:(o!==void 0?o:this.$props.pageSize)||10,messagesMap:Le.pagerMessagesMap,settings:p.normalize(this.$props.pageable||{})},null),ne=n.getTemplate.call(this,{h:l.h,template:this.$props.pager,defaultRendering:Oe,additionalProps:{...this.$props,skip:this.$props.skip||0,messagesMap:Le.pagerMessagesMap},additionalListeners:{pagesizechange:this.pageChangeHandler,pagechange:this.pageChangeHandler}}),We=d=>e&&e.filter(R=>R.field===d).length>0,de=l.createVNode("colgroup",{ref:n.setRef(this,"colGroup")},[x.map(function(d,R){return l.createVNode("col",{key:d.id||`col-${R}`,class:We(d.field)?"k-sorted":void 0,width:d.width!==void 0?d.width.toString().indexOf("%")!==-1?d.width:Math.floor(parseFloat(d.width.toString()))+"px":void 0},null)},this)]),he={height:this.getCorrectHeight,...this.$attrs.style},Ue=l.createVNode("div",{class:"k-loading-mask"},[l.createVNode("div",{class:"k-loading-color"},null),l.createVNode("div",{style:{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},[l.createVNode(Qe.Loader,{size:"large",type:"converging-spinner"},null)])]),Q=this.$props.showLoader&&n.getTemplate.call(this,{h:l.h,template:this.$props.loader,defaultRendering:Ue});return this.$props.scrollable==="none"?l.createVNode(p.TableKeyboardNavigationProvider,{ref:"navRef",id:this._gridId,navigatable:this.$props.navigatable,scrollable:this.$props.scrollable,columnVirtualization:this.$props.columnVirtualization},{default:()=>[l.createVNode(Ge.GridNav,{ref:d=>{this.gridNavRef=d},columnsRef:this.columnsRef,dataRef:this.dataRef,id:this.$props.id,style:he,class:this.nonscrollableWrapperClass,onMovetonextpage:this.moveToNextPage,onMovetoprevpage:this.moveToPrevPage,onColumnreorder:this.columnReorder,onKeyboardselectionchange:this.onKeyboardSelectionChangeHandler},{default:()=>[F,L,l.createVNode("div",{role:"grid",class:"k-grid-aria-root",id:this._gridRoleElementId,"aria-colcount":this.getAriaColCount,"aria-rowcount":this.getAriaRowCount},[l.createVNode(rt.GridTable,{selectable:this.computedSelectable,class:"k-table",ref:n.setRef(this,"table")},{default:()=>[de,re,l.createVNode("tbody",{class:"k-table-tbody","data-keyboardnavbody":!0,ref:n.setRef(this,"tableBody")},[U,l.createTextVNode("  "),Q]),le]}),j&&l.createVNode(Fe.GridNoRecordsContainer,{id:p.tableKeyboardNavigationTools.generateNavigatableId("no-records",I)},{default:()=>[G.length?G:l.createVNode(De.GridNoRecords,null,null)]})]),ne,Q,E]})]}):l.createVNode(p.TableKeyboardNavigationProvider,{ref:"navRef",id:this._gridId,navigatable:this.$props.navigatable,scrollable:this.$props.scrollable,columnVirtualization:this.$props.columnVirtualization},{default:()=>[l.createVNode(Ge.GridNav,{ref:d=>{this.gridNavRef=d},dataRef:this.dataRef,id:this.$props.id,style:he,class:this.scrollableWrapperClass,onMovetonextpage:this.moveToNextPage,onMovetoprevpage:this.moveToPrevPage,onColumnreorder:this.columnReorder,onKeyboardselectionchange:this.onKeyboardSelectionChangeHandler,onSetcurrentontop:this.setCurrentOnTop},{default:()=>[F,L,l.createVNode("div",{role:"grid",class:"k-grid-aria-root",id:this._gridRoleElementId,"aria-colcount":this.getAriaColCount,"aria-rowcount":this.getAriaRowCount},[re,this.hasPinnedTopRows&&l.createVNode(_e.PinnedRowsTable,{ref:n.setRef(this,"pinnedTop"),size:this.$props.size,cols:z,dataRowContext:V,position:"top",pinnedItems:this.sortedPinnedTopRows,rowHeight:this.$props.rowHeight,rows:this.$props.rows,selectable:this.computedSelectable},null),l.createVNode("div",{class:"k-grid-container",role:"presentation"},[b&&g&&l.createVNode(Me.StickyGroupTable,{ref:n.setRef(this,"stickyHeader"),size:this.$props.size,cols:z,dataRowContext:V,position:"top",groupLevelCount:f,rowHeight:this.$props.rowHeight},null),l.createVNode("div",{role:"presentation",ref:n.setRef(this,"scrollContainer"),class:"k-grid-content k-virtual-content",onScroll:this.scrollHandler},[l.createVNode("div",{class:"k-grid-table-wrap",role:"presentation"},[l.createVNode(lt.GridTableScrollable,{selectable:this.computedSelectable,tableClassName:this.gridTableClass,tableStyle:{userSelect:O},ref:n.setRef(this,"table")},{default:()=>[de,l.createVNode("tbody",{class:"k-table-tbody",role:"rowgroup","data-keyboardnavbody":!0,ref:n.setRef(this,"tableBody")},[U])]}),j&&l.createVNode(Fe.GridNoRecordsContainer,{id:p.tableKeyboardNavigationTools.generateNavigatableId("no-records",I)},{default:()=>[G.length?G:l.createVNode(De.GridNoRecords,null,null)]})]),!j&&l.createVNode("div",{class:"k-height-container",role:"presentation"},[l.createVNode("div",{ref:n.setRef(this,"scrollHeightContainer"),style:this.$props.scrollable==="virtual"?{height:this._containerHeightRef+"px"}:{}},null)])]),b&&m&&l.createVNode(Me.StickyGroupTable,{ref:n.setRef(this,"stickyFooter"),size:this.$props.size,cols:z,dataRowContext:V,position:"bottom",groupLevelCount:f,rowHeight:this.$props.rowHeight},null)]),this.hasPinnedBottomRows&&l.createVNode(_e.PinnedRowsTable,{ref:n.setRef(this,"pinnedBottom"),size:this.$props.size,cols:z,dataRowContext:V,position:"bottom",pinnedItems:this.sortedPinnedBottomRows,rowHeight:this.$props.rowHeight,rows:this.$props.rows,selectable:this.computedSelectable},null),le,_]),ne,Q,E]})]})}});exports.Grid=Ct;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),l=require("@progress/kendo-vue-common"),g=require("@progress/kendo-vue-data-tools"),Ye=require("@progress/kendo-vue-indicators"),Pe=require("./GridNav.js"),De=require("./cells/GridSelectionCell.js"),Ne=require("./cells/GridHierarchyCell.js"),Ze=require("./cells/GridDetailHierarchyCell.js"),et=require("./cells/GridDetailCell.js"),tt=require("./header/Header.js"),st=require("./header/HeaderRow.js"),it=require("./header/FilterRow.js"),ot=require("./header/GroupPanel.js"),nt=require("./footer/Footer.js"),rt=require("./footer/FooterRow.js"),at=require("./components/table/GridTable.js"),lt=require("./components/table/GridTableScrollable.js"),ze=require("./filterCommon.js"),dt=require("./VirtualScroll.js"),ht=require("./drag/ColumnResize.js"),ct=require("./drag/CommonDragLogic.js"),pt=require("./drag/DragClue.js"),ut=require("./drag/DropClue.js"),$=require("./utils/main.js"),Ee=require("./cells/GridGroupCell.js"),ft=require("./rows/GridRow.js"),gt=require("./common.js"),Ve=require("./header/GridHeaderSelectionCell.js"),Fe=require("./components/noRecords/GridNoRecords.js"),Ke=require("./components/noRecords/GridNoRecordsContainer.js"),ne=require("./package-metadata.js"),Le=require("./messages/messagesMap.js"),re=require("@progress/kendo-data-query"),mt=require("./key.js"),Rt=require("./utils/virtualColumns.js"),_e=require("./components/StickyGroupTable.js"),Ct=require("./getRowContents.js"),bt=require("./hooks/useStickyGroups.js"),Ae=require("./components/PinnedRowsTable.js"),St=require("./cells/pincell/GridPinCell.js"),q=require("./contextMenu/GridContextMenu.js"),D=require("./contextMenu/enums.js"),xt=a.defineComponent({name:"KendoGrid",inheritAttrs:!1,props:{...gt.gridProps,toolbar:{type:Object},noRecords:{type:Object}},data(){return{isRtl:!1,context:void 0,navigation:void 0,showLicenseWatermark:!1,licenseMessage:void 0,notHiddenColumns:[],contextMenuState:{show:!1,offset:{left:0,top:0},dataItem:void 0,field:void 0}}},watch:{rowHeight:function(e,t){var s;this.onRowHeightChanged(e,t),(s=this.vsRef)==null||s.reset()},scrollable:function(){var e;(e=this.vsRef)==null||e.reset()},filter:function(){var e;(e=this.vsRef)==null||e.reset()},group:function(){var e;(e=this.vsRef)==null||e.reset()},currentGroupable:function(){var e;(e=this.vsRef)==null||e.reset()},sort:function(){var e;(e=this.vsRef)==null||e.reset()}},created(){l.validatePackage(ne.packageMetadata),this.showLicenseWatermark=l.shouldShowValidationUI(ne.packageMetadata),this.licenseMessage=l.getLicenseMessage(ne.packageMetadata),this.initialHeight=null,this.columnsRef=[],this.dragLogic=new ct.CommonDragLogic(this.columnReorder.bind(this),this.groupReorder.bind(this),this.columnToGroup.bind(this)),this.columnResize=new ht.ColumnResize(this.onResize.bind(this)),this._columnsMap=[[]],this._header=null,this._footer=null,this.tableRef=null,this.scrollHeightContainerRef=null,this.forceUpdateTimeout=void 0,this._gridId=l.guid(),this._gridRoleElementId=l.guid(),this.slicedCurrentData=void 0,this._prevTotal=void 0,this._containerHeightRef=0,this._minRowHeightRef=0,this.wrapperScrollTopRef=0,this.scrollLeftRef=0},mounted(){var t,s;this.setRefs();const e=l.isRtl(this._element);if(this._prevTotal=this.$props.total,this.isRtl=e,this.initialHeight=((s=(t=this._element)==null?void 0:t.style)==null?void 0:s.height)||null,this.resizeObserver=l.canUseDOM&&(window==null?void 0:window.ResizeObserver)&&new ResizeObserver(this.calculateMedia),document!=null&&document.body&&this.resizeObserver&&this.resizeObserver.observe(document.body),l.canUseDOM){const i={rootMargin:"0px",threshold:.9};this.observerRef=window.IntersectionObserver&&new window.IntersectionObserver(this.handleIntersection,i)||null}},updated(){var s;this.setRefs();const e=l.isRtl(this._element);this.isRtl=e,this._prevTotal=this.$props.total,this.vsRef.tableTransform&&this.vsRef.table&&(this.vsRef.table.style.transform=this.vsRef.tableTransform,this.vsRef.tableTransform="");const t=this.updateStickyGroups();this.sticky.headerItems=t==null?void 0:t.stickyHeaderItems,this.sticky.footerItems=t==null?void 0:t.stickyFooterItems,this.isVirtualScroll&&(this.setContainerHeight(),this.setMinRowHeight(),(s=this.vsRef)==null||s.update())},unmounted(){this.gridUnmounted()},computed:{gridId(){return this.$props.id+"-role-element-id"},idPrefix(){return this.$props.navigatable?this.gridId:""},groupExpandable(){return g.getGroupExpandableOptions(typeof this.$props.groupable=="object"&&this.$props.groupable.enabled!==!1?this.$props.groupable.expandable:this.$props.groupable)},hierarchClass(){return l.uGrid.hierarchyCell({})},computedRowSpannable(){return $.getRowSpanOptions(this.$props.rowSpannable)},computedSelectable(){return g.getSelectionOptions(this.$props.selectable)},detailExpandable(){return g.getDetailExpandableOptions(!!this.$props.detail)},nonscrollableWrapperClass(){const{size:e}=this.$props,t=this.$attrs.class;return{"k-grid":!0,"k-grid-md":!e,[`k-grid-${l.kendoThemeMaps.sizeMap[e]||e}`]:e,[t]:!!t}},scrollableWrapperClass(){const{scrollable:e}=this.$props;return{...this.nonscrollableWrapperClass,"k-grid-virtual":e==="virtual"}},gridTableClass(){const{size:e}=this.$props;return{"k-table":!0,"k-grid-table":!0,"k-grid-md":!e,[`k-table-${l.kendoThemeMaps.sizeMap[e]||e}`]:e}},getCorrectHeight(){return this.$props.scrollable==="virtual"?this.initialHeight||"450px":null},currentGroupable(){var t;const e=(t=this.gridStateContext.group)==null?void 0:t.value;return this.$props.groupable===!0&&(e==null?void 0:e.length)||l.isObject(this.$props.groupable)&&this.$props.groupable.enabled!==!1},computedCollapsed(){let e=[];if(this.$props.group)for(let t=0;t<this.$props.group.length;t++)this.$props.collapsedGroups[t]?e.push(this.$props.collapsedGroups[t]):e.push([]);return e},getAriaRowCount(){var s,i;const e=this.$props.dataItems,t=this.$props.total||(e==null?void 0:e.total)||(e==null?void 0:e.length)||0;return this.$props.detail?this._columnsMap.length+(this.$props.filterable?1:0)+t*2+(this.columnsRef.some(n=>{var o;return!!(n.footerCell||(o=n.cells)!=null&&o.footerCell)})||(s=this.$props.cells)!=null&&s.footerCell?1:0):!this.$props.pageable&&this.$props.scrollable==="scrollable"?void 0:this.$props.groupable?-1:this._columnsMap.length+(this.$props.filterable?1:0)+t+(this.columnsRef.some(n=>{var o;return!!(n.footerCell||(o=n.cells)!=null&&o.footerCell)})||(i=this.$props.cells)!=null&&i.footerCell?1:0)},getAriaColCount(){const e=this.$props.columns,t=this.$props.columnVirtualization,s=(e==null?void 0:e.filter(i=>i.hidden!==void 0).length)!==0;if(t||s)return(e==null?void 0:e.length)!==0?e==null?void 0:e.length:-1},isVirtualScroll(){return this.$props.scrollable==="virtual"||this.$props.scrollable===void 0||!1},pinnedSourceSet(){var t,s;const e=new Set;return(t=this.gridStateContext.pinnedTopRows)!=null&&t.value&&this.gridStateContext.pinnedTopRows.value.forEach(i=>e.add(i)),(s=this.gridStateContext.pinnedBottomRows)!=null&&s.value&&this.gridStateContext.pinnedBottomRows.value.forEach(i=>e.add(i)),e},sortedPinnedTopRows(){var s,i;const e=((s=this.gridStateContext.pinnedTopRows)==null?void 0:s.value)||[],t=(i=this.gridStateContext.sort)==null?void 0:i.value;return this.autoProcessData&&(t!=null&&t.length)?re.orderBy([...e],t):e},sortedPinnedBottomRows(){var s,i;const e=((s=this.gridStateContext.pinnedBottomRows)==null?void 0:s.value)||[],t=(i=this.gridStateContext.sort)==null?void 0:i.value;return this.autoProcessData&&(t!=null&&t.length)?re.orderBy([...e],t):e},hasPinnedTopRows(){return this.$props.pinnable&&this.sortedPinnedTopRows.length>0},hasPinnedBottomRows(){return this.$props.pinnable&&this.sortedPinnedBottomRows.length>0},contextMenuColumn(){return this.columnsRef.find(e=>e.field===this.contextMenuState.field)},headMenuItems(){var t;const e=this.$props.sortable&&((t=this.contextMenuColumn)==null?void 0:t.sortable);return q.getDefaultHeadContextMenuItems({sortable:!!e,selectable:this.computedSelectable.enabled})},bodyMenuItems(){var e;return this.$props.sortable&&((e=this.contextMenuColumn)==null||e.sortable),q.getDefaultBodyContextMenuItems({selectable:this.computedSelectable.enabled,pinnable:!!this.$props.pinnable})},contextMenuItems(){var s;const e=((s=this.contextMenuColumn)==null?void 0:s.contextMenu)||this.$props.contextMenu,t=typeof e=="function"?e(this.contextMenuState):e;if(t&&this.contextMenuState.offset){const i=this.contextMenuState.dataItem?D.GridContextMenuAnchorPart.body:D.GridContextMenuAnchorPart.head,n=t[i],o=this.contextMenuState.dataItem?this.bodyMenuItems:this.headMenuItems;let r;return n===!0||n===void 0?r=o:n!==!1&&(r=n),this.$props.pinnable&&r&&this.contextMenuState.dataItem?this.filterPinContextMenuItems(r):r}}},methods:{getCellPositionStyle(e,t){return e.left!==void 0?t?{left:e.right+"px",right:e.left+"px"}:{left:e.left+"px",right:e.right+"px"}:{}},handleContextMenuOpen(e,t,s){e.preventDefault(),this.contextMenuState={show:!0,offset:{left:e.pageX,top:e.pageY},dataItem:t,field:s}},handleContextMenuClose(){this.contextMenuState={show:!1,offset:{left:0,top:0},dataItem:void 0,field:void 0}},handleContextMenuSelect(e){this.handleContextMenuItemClick({event:e,dataItem:this.contextMenuState.dataItem,field:this.contextMenuState.field})},renderContextMenu(){var e;return a.createVNode(q.GridContextMenu,{show:!!(this.contextMenuState.show&&((e=this.contextMenuItems)!=null&&e.length)),dataItem:this.contextMenuState.dataItem,field:this.contextMenuState.field,items:this.contextMenuItems,offset:this.contextMenuState.offset,onClose:this.handleContextMenuClose,onSelect:this.handleContextMenuSelect},null)},filterPinContextMenuItems(e){var p,m;const t=this.$props.dataItemKey||"",s=this.contextMenuState.dataItem,i=((p=this.gridStateContext.pinnedTopRows)==null?void 0:p.value)||[],n=((m=this.gridStateContext.pinnedBottomRows)==null?void 0:m.value)||[],o=t?s[t]:void 0,r=o!==void 0&&i.some(c=>c[t]===o),h=o!==void 0&&n.some(c=>c[t]===o);return e.map(c=>{const f=typeof c=="string"?q.contextMenuItemsMap[c]:c;return(f==null?void 0:f.name)===D.GridContextMenuItemNames.pinRow&&f.items?{...f,items:f.items.filter(u=>u.name===D.GridContextMenuItemNames.pinTop?!r:u.name===D.GridContextMenuItemNames.pinBottom?!h:u.name===D.GridContextMenuItemNames.unpin?r||h:!0)}:c})},handleContextMenuItemClick(e){var i,n,o,r,h,p,m;const t=e.event.event.item,s={event:e.event,menuItem:t,dataItem:e.dataItem,field:e.field};switch(this.$emit("contextmenuitemclick",s),(i=t.data)==null?void 0:i.action){case"SortCommand":if(this.contextMenuColumn){const c=(n=t.name)==null?void 0:n.toLowerCase().includes("asc"),u=((o=t.name)==null?void 0:o.toLowerCase().includes("desc"))?"desc":void 0,C=c?"asc":u,b=t.name?C:void 0,y=(((r=this.gridStateContext.sort)==null?void 0:r.value)||[]).filter(w=>{var S;return w.field!==((S=this.contextMenuColumn)==null?void 0:S.field)});b&&((h=this.contextMenuColumn)!=null&&h.field)&&y.push({field:this.contextMenuColumn.field,dir:b}),this.sortChangeHandler(y,{event:e.event})}break;case"SelectRowCommand":{const c=e.dataItem;if(this.computedSelectable.enabled&&c&&this.$props.dataItemKey){const u=l.getter(this.$props.dataItemKey)(c),C=this.getLeafDataItems(),b=C.findIndex(k=>k[this.$props.dataItemKey]===c[this.$props.dataItemKey]),I=0,y=this.columnsRef.length-1,w={...this.getArguments(e.event),dataItem:c,startDataItem:b,endDataItem:b,startRowIndex:b,endRowIndex:b,startColIndex:I,endColIndex:y,dataItems:C,ctrlKey:!1,altKey:!1,metaKey:!1,shiftKey:!1,isDrag:!1,mode:this.computedSelectable.mode,cell:this.computedSelectable.cell,componentId:this.$props.id||this._gridId,selectedField:this.$props.selectedField||""},S=this.computedSelectable.mode==="multiple"?{...(m=(p=this.gridStateContext.select)==null?void 0:p.value)!=null?m:{}}:{};S[u]===!0||Array.isArray(S[u])&&S[u].length===this.columnsRef.length?delete S[u]:S[u]=this.computedSelectable.cell?[...Array(this.columnsRef.length).keys()]:!0,this.raiseSelectionEvent(w,S)}break}case"SelectAllRowsCommand":{if(this.computedSelectable.enabled&&this.$props.dataItemKey){const c=this.getLeafDataItems(),f={},u=c[0],C=c[c.length-1];c.forEach(b=>{const I=l.getter(this.$props.dataItemKey)(b);f[I]=this.computedSelectable.cell?[...Array(this.columnsRef.length).keys()]:!0}),this.raiseSelectionEvent({...this.getArguments(e.event),dataItems:c,dataItem:u,startDataItem:u,endDataItem:C,startRowIndex:0,endRowIndex:c.length-1,startColIndex:0,endColIndex:this.columnsRef.length-1,ctrlKey:!1,altKey:!1,metaKey:!1,shiftKey:!1,isDrag:!1,mode:this.computedSelectable.mode,cell:this.computedSelectable.cell,componentId:this.$props.id||this._gridId,selectedField:this.$props.selectedField||""},f)}break}case"ClearSelectionCommand":this.computedSelectable.enabled&&this.clearSelection({...this.getArguments(e.event),dataItems:this.getLeafDataItems(),startRowIndex:-1,endRowIndex:-1,startColIndex:-1,endColIndex:-1,ctrlKey:!1,altKey:!1,metaKey:!1,shiftKey:!1,isDrag:!1,mode:this.computedSelectable.mode,cell:this.computedSelectable.cell,componentId:this.$props.id||this._gridId,selectedField:this.$props.selectedField||""});break;case"PinTopCommand":this.handleRowPin("pinTop",e.dataItem);break;case"PinBottomCommand":this.handleRowPin("pinBottom",e.dataItem);break;case"UnpinCommand":this.handleRowPin("unpin",e.dataItem);break}this.handleContextMenuClose()},triggerCellContextMenu(e,t,s){this.$emit("contextmenu",{dataItem:t,field:s,event:e}),this.$props.contextMenu&&this.handleContextMenuOpen(e,t,s)},handleIntersection(e){const t={rowIndex:this.rowIndexRef.value};e.forEach(s=>{s.boundingClientRect.height!==s.intersectionRect.height&&this.setCurrentOnTop(t)})},scrollIntoView(e){var i;if(!((i=this.vsRef)!=null&&i.container)||this.$props.scrollable==="none")return;const{rowIndex:t}=e;this.rowIndexRef.value=t;const s=this._element;if(this.observerRef&&s){this.observerRef.disconnect();const n=s.querySelector(`[absolute-row-index="${this.rowIndexRef.value}"]`);n?this.observerRef.observe(n):this.setCurrentOnTop(e)}},setCurrentOnTop(e){var i,n;if(!((i=this.vsRef)!=null&&i.container)||this.$props.scrollable==="none")return;this.observerRef&&this.observerRef.disconnect();const{rowIndex:t}=e,s=this._element;if(this.isVirtualScroll){const o=((n=this.vsRef.rowHeightService)==null?void 0:n.offset(t))||0;this.vsRef.container.scroll(0,o)}else if(s){const o=t<1?s.querySelector("tbody > tr:nth-child(1)"):s.querySelector(`tbody > tr:nth-child(${t+1})`);o&&this.containerElementRef&&(this.containerElementRef.scrollTop=o.offsetTop)}},getTotal(){let e=this.$props.total||0;return Array.isArray(this.$props.dataItems)?e=e||this.$props.dataItems.length:this.$props.dataItems&&(e=e||this.$props.dataItems.total),e},readColumnElements(){return $.readColumns(this.$props.columns,this.currentColumnsState,{prevId:0,idPrefix:this.idPrefix})},getResolvedFlatColumnsState(){const e=[],t=(s,i)=>s==null?void 0:s.forEach(n=>{const o=n.hidden||i;e.push({...n,hidden:o}),t(n.children,o)});return t(this.currentColumnsState,!1),e},filterColumns(e){const t=this.getResolvedFlatColumnsState();return[e.filter(s=>{var i;return!s.hidden&&!((i=t.find(n=>n.id===s.id))!=null&&i.hidden)}),e.filter(s=>{var i;return s.hidden||((i=t.find(n=>n.id===s.id))==null?void 0:i.hidden)})]},getFlatData(e,t,s,i,n,o,r){const h=[],p=$.flatData(h,e,t,{index:s},i!==void 0,n,o,this.groupExpandable.defaultExpand,r,this.$props.expandField);return{flattedData:h,resolvedGroupsCount:p}},getColumnsEssentialProps(e){return e&&JSON.stringify(e.map(t=>({id:t.id,field:t.field,title:t.title,children:t.children})))},calculateMedia(){const e=this.filterHiddenColumns(this.$props.columns||[]);this.getColumnsEssentialProps(this.notHiddenColumns)!==this.getColumnsEssentialProps(e)&&this.$forceUpdate()},filterHiddenColumns(e){if(!e||e.length===0)return e;const t=s=>({...s,children:s.children&&s.children.length>0?this.filterHiddenColumns(s.children):s.children});return[...e].filter(s=>!s.hidden).filter(s=>l.canUseDOM&&s&&s.media?window.matchMedia(s.media).matches:s).map(s=>t(s))},getColumns(){const e=this.columnsRef.filter(s=>s.declarationIndex>=0&&s.parentIndex===-1),t=s=>(s.sort((i,n)=>i.declarationIndex-n.declarationIndex),s.map(i=>{const{declarationIndex:n,parentIndex:o,depth:r,colSpan:h,rowSpan:p,index:m,kFirst:c,children:f,...u}=i;return f.length?{children:t(f),...u}:u}));return t(e)},setRefs(){var o,r,h,p;let e="$el";const t=l.getRef(this,"gridNav");t&&(this._element=t[e]);const s=l.getRef(this,"groupPanelDiv");if(s){let m=s[e]||null;this.dragLogic.refGroupPanelDiv(m)}this.stickyHeaderRef=l.getRef(this,"stickyHeader"),this.stickyFooterRef=l.getRef(this,"stickyFooter"),this.pinnedTopRef=l.getRef(this,"pinnedTop"),this.pinnedBottomRef=l.getRef(this,"pinnedBottom");const i=l.getRef(this,"dropElementClue"),n=l.getRef(this,"dragElementClue");this.dragLogic.refDropElementClue(i),this.dragLogic.refDragElementClue(n),this.columnResize.colGroupMain=l.getRef(this,"colGroup"),this.columnResize.colGroupStickyHeader=(o=this.stickyHeaderRef)==null?void 0:o.colGroupRef,this.columnResize.colGroupStickyFooter=(r=this.stickyFooterRef)==null?void 0:r.colGroupRef,this.columnResize.colGroupPinnedTop=(h=this.pinnedTopRef)==null?void 0:h.colGroupRef,this.columnResize.colGroupPinnedBottom=(p=this.pinnedBottomRef)==null?void 0:p.colGroupRef,this._header=l.getRef(this,"header"),this._footer=l.getRef(this,"footer"),this.resetTableWidth(),l.setScrollbarWidth()},gridUnmounted(){clearTimeout(this.forceUpdateTimeout),this.columnResize.columns=[],this.dragLogic.columns=[],this.dragLogic&&this.dragLogic.dragElementClue&&(this.dragLogic.dragElementClue.$el.remove(),this.dragLogic.dropElementClue.$el.remove()),this.dataRef=[],this.columnsRef=[],document!=null&&document.body&&this.resizeObserver&&this.resizeObserver.disconnect(),this.observerRef&&(this.observerRef.disconnect(),this.observerRef=null)},isAllData(){const{dataItems:e,total:t}=this.$props;return Array.isArray(e)?e.length===t:e?t===e.total:!1},resetVirtualSkip(){this.isVirtualScroll&&this.virtualSkipRef&&(this.virtualSkipRef=0)},virtualPageChange(e,t){var i;const s=(i=this.gridStateContext.group)==null?void 0:i.value;this.$props.pageable||s!=null&&s.length?(this.virtualSkipRef=e.skip,this.$forceUpdate()):this.pageChangeHandler(e,t)},initializeVirtualization(){const e=this.vsRef,t=this.$props.rowHeight||this._minRowHeightRef||0;this.tableBodyRef=l.getRef(this,"tableBody"),this.scrollTableRef=l.getComponentElementRef(this,"table"),e&&(e.fixedScroll=this.$props.fixedScroll||!1,e.PageChange=this.virtualPageChange,e.pageSize=this._virtualPageSize,e.scrollableVirtual=this.isVirtualScroll,this.scrollContainerRef=e.container=l.getRef(this,"scrollContainer"),e.tableBody=this.tableBodyRef,e.scrollHeightContainer=l.getRef(this,"scrollHeightContainer"),e.table=this.scrollTableRef,(!e.rowHeightService||e.total!==this._virtualTotal)&&t&&(e.total=this._virtualTotal,e.rowHeightService=new l.RowHeightService(this._virtualTotal,t)))},setContainerHeight(){const e=l.getRef(this,"scrollContainer");this._containerHeightRef=(e==null?void 0:e.offsetHeight)||0},setMinRowHeight(){if(!this._minRowHeightRef&&!this.$props.rowHeight){const t=$.calcRowHeight(l.getRef(this,"tableBody"));t&&(this._minRowHeightRef=t,this.$forceUpdate())}},onRowHeightChanged(e,t){this.setRefs()},onHeaderScroll(e){const s=e.target.scrollLeft,i=l.getRef(this,"scrollContainer");i&&(i.scrollLeft=s),this.scrollLeftRef=s},scrollHandler(e){clearTimeout(this.forceUpdateTimeout);const t=e.currentTarget.scrollLeft,s=e.currentTarget.scrollTop;this.$props.columnVirtualization&&(!this.isVirtualScroll||s===this.wrapperScrollTopRef)&&(this.forceUpdateTimeout=setTimeout(()=>{this.$forceUpdate()},0)),this.scrollLeftRef=t,this._header&&this._header.setScrollLeft(e.currentTarget.scrollLeft),this._footer&&this._footer.setScrollLeft(e.currentTarget.scrollLeft),this.stickyHeaderRef&&this.stickyHeaderRef.setScrollLeft(e.currentTarget.scrollLeft),this.stickyFooterRef&&this.stickyFooterRef.setScrollLeft(e.currentTarget.scrollLeft),this.pinnedTopRef&&this.pinnedTopRef.setScrollLeft(t),this.pinnedBottomRef&&this.pinnedBottomRef.setScrollLeft(t),this.vsRef&&s!==this.wrapperScrollTopRef&&this.vsRef.scrollHandler(e);const i=this.virtualSkipRef;this.vsRef&&s!==this.wrapperScrollTopRef&&this.vsRef.scrollHandler(e);const n=this.isVirtualScroll&&this.virtualSkipRef!==i;if(this.$emit("scroll",e),this.wrapperScrollTopRef=s,!n){const o=this.updateStickyGroups();this.sticky.headerItems=o==null?void 0:o.stickyHeaderItems,this.sticky.footerItems=o==null?void 0:o.stickyFooterItems}},rowClick(e,t){e.target.type!=="checkbox"&&this.$emit("rowclick",{dataItem:t.dataItem,...this.getArguments(e)})},rowDoubleClick(e,t){e.target.type!=="checkbox"&&this.$emit("rowdblclick",{dataItem:t.dataItem,...this.getArguments(e)})},loopGroupedItems(e,t,s=0,i=null){return e.forEach(n=>{!i&&t(n,s)&&(i=n),n.items&&n.items.length&&!i&&(i=this.loopGroupedItems(n.items,t,s+1,i))}),i},updateGroupCollapsed(e){let t=this.computedCollapsed,s=t[e.level];const i=this.$props.uniqueField,n=function(h,p){return h.value===e.dataItem.value&&p===e.level},o=this.allGroupedItems?this.loopGroupedItems(this.allGroupedItems.data,n,0,null):e.dataItem,r=$.groupedFirstItemValue(o||e.dataItem,i);if(e.value){if(s&&s.length){const h=s.indexOf(r);h>-1&&s.splice(h,1)}}else s?s.includes(r)||s.push(r):s=[r];return t},itemChange(e){var i;const t=l.hasListener.call(this,"itemchange"),s=(i=this.gridStateContext.group)==null?void 0:i.value;if(e.field===this.$props.expandField||(s||this.$props.detail)&&e.field===void 0){l.hasListener.call(this,"expandchange")&&e.dataItem&&this.$emit("expandchange",{...this.getArguments(e.event),collapsedGroups:this.updateGroupCollapsed(e),dataItem:e.dataItem,value:e.value});return}t&&this.$emit("itemchange",{...this.getArguments(e.event),dataItem:e.dataItem,field:e.field,value:e.value})},cellClickHandler(e){this.$emit("cellclick",{dataItem:e.dataItem,field:e.field})},cellKeydownHandler(e){this.$emit("cellkeydown",e)},editHandler(e){this.$emit("edit",{dataItem:e})},removeHandler(e){this.$emit("remove",{dataItem:e})},saveHandler(e){this.$emit("save",{dataItem:e})},cancelHandler(e){this.$emit("cancel",{dataItem:e})},selectionChangeHandler(e){var t;if(this.computedSelectable.enabled){const{event:s,dataItem:i,dataIndex:n,columnIndex:o}=e,r={...this.getArguments(s),dataItem:i,startColIndex:o,endColIndex:o,startRowIndex:n,endRowIndex:n,dataItems:this.getLeafDataItems(),altKey:!1,ctrlKey:!1,shiftKey:!1,metaKey:!1,mode:this.computedSelectable.mode,cell:this.computedSelectable.cell,isDrag:!1,componentId:this.$props.id||this._gridId,selectedField:this.$props.selectedField||""};this.gridStateContext.selectionchange({...r,select:this.$props.dataItemKey?g.getSelectedState({event:r,selectedState:(t=this.$props.select)!=null?t:{},dataItemKey:this.$props.dataItemKey}):{}})}},onKeyboardSelectionChangeHandler(e){var m,c;if(!this.computedSelectable.enabled||!this.$props.dataItemKey)return;const t=(m=this.gridStateContext.select)==null?void 0:m.value,s={dataItems:this.getLeafDataItems(),mode:this.computedSelectable.mode,cell:this.computedSelectable.cell,componentId:this.$props.id,selectedField:"",...this.getArguments(e)},i=g.getSelectedStateFromKeyDown({event:s,selectedState:t!=null?t:{},dataItemKey:this.$props.dataItemKey});if(i===t)return;const n=e.target,o=g.closestTagName(n,"TD"),r=g.closestTagName(n,"TR"),h=g.getColumnIndex(o),p=g.getRowIndex(r);if(h!==void 0&&p!==void 0){const f=(c=$.getDataAsArray(this.$props.dataItems))==null?void 0:c[p];this.gridStateContext.selectionchange({...s,select:i,dataItem:f,startRowIndex:p,startColIndex:h,startDataItem:f,endDataItem:f,endRowIndex:p,endColIndex:h,ctrlKey:e.ctrlKey,altKey:e.altKey,metaKey:e.metaKey,shiftKey:e.shiftKey,isDrag:!1})}},onHeaderSelectionChangeHandler(e){if(this.computedSelectable.enabled){const t=this.getLeafDataItems();this.gridStateContext.headerselectionchange({select:e.event.target.checked?t.reduce((s,i)=>(this.$props.dataItemKey&&l.getter(this.$props.dataItemKey)(i)!==void 0&&(s[l.getter(this.$props.dataItemKey)(i)]=!0),s),{}):{},field:e.field,event:e.event,target:this,dataItems:t})}},selectionRelease(e){var t;if(this.computedSelectable.enabled){const s=this.getLeafDataItems(),i=s[e.startRowIndex],n=s[e.endRowIndex],o={event:void 0,target:this,selectedField:"",componentId:this.$props.id||this._gridId,dataItems:s,dataItem:null,startDataItem:i,endDataItem:n,...e},r=g.getSelectedState({event:o,selectedState:(t=this.$props.select)!=null?t:{},dataItemKey:this.$props.dataItemKey});this.raiseSelectionEvent(o,r)}},clearSelection(e){this.computedSelectable.enabled&&this.raiseSelectionEvent(e,{})},raiseSelectionEvent(e,t){this.computedSelectable.enabled&&this.gridStateContext.selectionchange({...e,select:t})},moveToNextPage(e){var n,o,r,h;const t=(r=(o=(n=this.gridStateContext.take)==null?void 0:n.value)!=null?o:this.$props.pageSize)!=null?r:0,s=(((h=this.gridStateContext.skip)==null?void 0:h.value)||0)+t,i=this.getTotal();s<i&&this.pageChangeHandler({skip:s,take:t},e)},moveToPrevPage(e){var i,n,o,r;const t=(o=(n=(i=this.gridStateContext.take)==null?void 0:i.value)!=null?n:this.$props.pageSize)!=null?o:0,s=(((r=this.gridStateContext.skip)==null?void 0:r.value)||0)-t;s>=0&&this.pageChangeHandler({skip:s,take:t},e)},pageChangeHandler(e,t){this.raiseDataEvent("pagechange",{page:e,event:t},{skip:e.skip,take:e.take},t)},sortChangeHandler(e,t){this.raiseDataEvent("sortchange",{sort:e},{sort:e},t)},filterChangeHandler(e,t){this.raiseDataEvent("filterchange",{filter:e},{filter:e,skip:0},t)},groupChangeHandler(e,t){this.raiseDataEvent("groupchange",{group:e},{group:e,skip:0},t)},handleDetailExpandAction(e,t){var s;if(this.detailExpandable.enabled){const i=(s=this.gridStateContext.detailExpand)==null?void 0:s.value,n=g.detailExpandReducer(i!=null?i:{},e);this.gridStateContext.detailexpandchange({...this.getArguments(t),detailExpand:n})}},handleGroupExpandAction(e,t){var s;if(this.groupExpandable.enabled){const i=(s=this.gridStateContext.groupExpand)==null?void 0:s.value,n=g.groupExpandReducer(i!=null?i:[],e,this.groupExpandable);this.$props.expandField||this.gridStateContext.groupexpandchange({...this.getArguments(t),groupExpand:n})}this.scrollToStickyGroup(e.group)},raiseDataEvent(e,t,s,i){if(this.resetVirtualSkip(),this.$props.autoProcessData)this.gridStateContext[e]({...this.getArguments(i),...t});else if(l.hasListener.call(this,e))this.$emit(e,{...this.getArguments(i),...t});else if(l.hasListener.call(this,"datastatechange")){const n={...this.getDataState(),...s};this.gridStateContext.datastatechange({...this.getArguments(i),data:n,dataState:n})}},columnReorder(e,t,s){const i=this.columnsRef[e],n=$.getFlatColumnsState(this.currentColumnsState),o=i.depth,r=c=>{do c++;while(c<this.columnsRef.length&&this.columnsRef[c].depth>o);return c},h=this.columnsRef.splice(e,r(e)-e);this.columnsRef.splice(e<t?r(t-h.length):t,0,...h),this.columnsRef.filter(c=>c.declarationIndex>=0).forEach((c,f)=>{c.orderIndex=f;const u=n.find(C=>C.id===c.id);u&&(u.orderIndex=f)});const p=this.columnsRef[e].locked&&this.columnsRef[t].locked;g.updateLeft(this._columnsMap,this.columnsRef,p||this.shouldUpdateLeftRightRef),g.updateRight(this._columnsMap,this.columnsRef,p||this.shouldUpdateLeftRightRef),this.resizedRef&&(this.shouldUpdateLeftRightRef=!1,this.resizedRef=!1);const m=this.getColumns();this.$emit("columnreorder",{target:this,columns:m,event:s,prev:e,next:t}),this.gridStateContext.columnsstatechange({columnsState:this.currentColumnsState})},groupReorder(e,t,s){var n;const i=(n=this.gridStateContext.group)==null?void 0:n.value;i!==void 0&&(i.splice(t,0,...i.splice(e,1)),this.groupChangeHandler(i,s))},columnToGroup(e,t,s){var o;const i=this.columnsRef[e].field;if(!i)return;const n=(((o=this.gridStateContext.group)==null?void 0:o.value)||[]).slice();n.splice(t,0,{field:i}),this.groupChangeHandler(n,s)},resetTableWidth(){var i;let e=0;if(!this.columnResize.colGroupMain)return;const t=(i=this.columnResize.colGroupMain)==null?void 0:i.children;for(let n=0;n<t.length;n++){const o=t[n].width;if(!o)return;e+=parseFloat(o.toString())}e=Math.round(e),this._header&&this._header.setWidth(e),this._footer&&this._footer.setWidth(e),this.stickyHeaderRef&&this.stickyHeaderRef.setWidth(e),this.stickyFooterRef&&this.stickyFooterRef.setWidth(e),this.pinnedTopRef&&this.pinnedTopRef.setWidth(e),this.pinnedBottomRef&&this.pinnedBottomRef.setWidth(e);const s=l.getComponentElementRef(this,"table");s&&e&&(s.style.width=e+"px"),this.stickyFooterRef&&this.setStickyFooterOffset()},setStickyFooterOffset(){const e=this.containerElementRef,t=e?e.scrollWidth>e.clientWidth:!1;this.stickyFooterRef&&(this.stickyFooterRef.$el.style.marginBlockEnd=t?"var(--kendo-scrollbar-width, 0px)":"")},onResize(e,t,s,i,n,o,r){this.resetTableWidth(),this.shouldUpdateLeftRightRef=!0,this.resizedRef=!0,this.$emit("columnresize",{columns:this.getColumns(),index:e,targetColumnId:r,event:i,newWidth:t,oldWidth:s,end:n,target:this}),n&&this.gridStateContext.columnsstatechange({columnsState:o})},initColumnsState(e,t){const s=i=>{var o;const n=t.find(r=>r.id===i.id);if(n){const r={...n};return r.children=(o=i.children)==null?void 0:o.map(s),r}return i};this.currentColumnsState=e.filter(i=>i.parentIndex===-1).map(s)},configureColumns(e,t){e.filter(o=>o.columnType==="checkbox").forEach(o=>{o.width=o.width||"50px",o.defaultCell=a.markRaw(De.GridSelectionCell),o.defaultHeaderCell=a.markRaw(Ve.GridHeaderSelectionCell),o._type="edit",o.columnMenu=!1}),this.$props.selectedField&&this.columnsRef.filter(o=>o.field===this.$props.selectedField).forEach(o=>{o.width=o.width||"50px",o.defaultCell=a.markRaw(De.GridSelectionCell),o.defaultHeaderCell=a.markRaw(Ve.GridHeaderSelectionCell),o.columnMenu=!1}),this.$props.pinnable&&e.filter(o=>o.columnType==="pin").forEach(o=>{o.width=o.width||"48px",o.defaultCell=a.markRaw(St.GridPinCell),o.defaultHeaderCell=a.markRaw(g.HeaderCell),o.sortable=!1,o.filterable=!1,o.editable=!1});const s=$.getFlatColumnsState(this.currentColumnsState);this.initColumnsState(e,s);const i={id:"",resizable:!0,width:"32px",title:" ",declarationIndex:-1,orderIndex:-1,children:[],parentIndex:-1,depth:0,colSpan:0,headerColSpan:0,rowSpan:0,left:0,right:0,index:0,rightBorder:!1,ariaColumnIndex:0,isAccessible:!0};let n=0;if(this.detailExpandable.enabled&&this.$props.detail&&!this.$props.expandField){const o={...i,_type:"expand",id:g.tableKeyboardNavigationTools.generateNavigatableId(`${n++}`,"expand","column"),defaultCell:a.markRaw(Ne.GridHierarchyCell),field:this.detailExpandable.column,headerClassName:this.hierarchClass};e.unshift(o),this.currentColumnsState.unshift(s.find(r=>r.id===o.id)||o)}this.$props.expandField&&l.hasListener.call(this,"expandchange")&&this.$props.detail&&(e.unshift({...i,defaultCell:a.markRaw(Ne.GridHierarchyCell),field:this.$props.expandField,headerClassName:"k-hierarchy-cell k-header",id:g.tableKeyboardNavigationTools.generateNavigatableId(`${e.length}`,this.idPrefix,"column"),...this.expandColumn}),n++);for(let o=0;o<t;o++){const r={...i,isAccessible:!1,defaultCell:a.markRaw(Ee.GridGroupCell),id:g.tableKeyboardNavigationTools.generateNavigatableId(`${n++}`,"group","column"),field:"value",locked:this.$props.lockGroups,columnMenu:!1};e.unshift(r),this.currentColumnsState.unshift(s.find(h=>h.id===r.id)||r)}e.slice(n).forEach(o=>{o.parentIndex>=0&&(o.parentIndex+=n),o.rowSpannable=o.rowSpannable!==void 0?$.getRowSpanOptions(o.rowSpannable):this.computedRowSpannable})},initColumns(e,t){var o;this.columnsRef=this.readColumnElements();const s=(o=this.gridStateContext.group)==null?void 0:o.value;this.columnsRef.filter(r=>!r.hidden).length===0&&(this.columnsRef=$.autoGenerateColumns(e,s,{column:this.$props.expandField?this.$props.expandField:this.groupExpandable.column},{prevId:0,idPrefix:this.idPrefix})),this.configureColumns(this.columnsRef,t);const[i,n]=this.filterColumns(this.columnsRef);this.columnsRef=i,this.hiddenColumnsRef=n,this._columnsMap=$.mapColumns(this.columnsRef,!0)},resolveTitle(e){const t=this.findColumnByField(e),s=t&&(t.title||t.field);return s===void 0?e:s},findColumnByField(e){let t;return this.$props.columns.forEach(s=>{const i=this.searchColumn(s,e);i&&(t=i)}),t},searchColumn(e,t){if(e.field===t)return e;if(e.children){let s,i=null;for(s=0;i==null&&s<e.children.length;s++)i=this.searchColumn(e.children[s],t);return i}return null},getDataState(){var o,r,h,p,m;const e=(o=this.gridStateContext.sort)==null?void 0:o.value,t=(r=this.gridStateContext.filter)==null?void 0:r.value,s=(h=this.gridStateContext.skip)==null?void 0:h.value,i=(p=this.gridStateContext.take)==null?void 0:p.value,n=(m=this.gridStateContext.group)==null?void 0:m.value;return{filter:t,sort:e,skip:s,take:i!==void 0?i:this.$props.pageSize,group:n}},getArguments(e){return{event:e,target:this}},getLeafDataItems(){return this.dataRef.filter(e=>e.rowType==="data").map(e=>e.dataItem)},totalGroupedRows(e){let t=0;return e&&(t=this.addSubItems(e,t)),t},addSubItems(e,t){return e.forEach(s=>{t++,s.expanded!==!1&&s.items&&(t=this.addSubItems(s.items,t)),this.group&&this.group.length&&(this.$props.groupable.footer==="always"||s.expanded!==!1&&s.items&&this.$props.groupable.footer==="visible")&&t++}),t},searchChange(e){const t=this.$props.searchFields||this.columnsRef.map(n=>n.field)||[],s=e.event.target.value,i={logic:"or",filters:t.filter(n=>n!==void 0).map(n=>{var o;return typeof n=="string"?{field:n,value:s,operator:"contains"}:{value:s,operator:(o=n.operator)!=null?o:"contains",field:n.field,ignoreCase:n.ignoreCase}})};this.raiseDataEvent("searchchange",{search:i},{skip:0},e)},getCellsToRender(e,t){var o;const s=[];let i=null,n=0;if(t.forEach((r,h)=>{const p=parseFloat((r.width||"").toString())||10;if(n){n--,i&&(i.width+=p);return}const m=Math.min($.getColSpan(r,e),t.length-h);n=m-1,i={width:p,colSpan:m,columnIndex:h},s.push(i)}),this.$props.columnVirtualization){const r=this.scrollLeftRef||0,h=this.tableWidth||parseFloat((((o=this.$attrs.style)==null?void 0:o.width)||"").toString());return Rt.getVirtualCellsToRender({cellModels:s,columns:t,tableViewPortWidth:h,scrollLeft:r})}return s},calcVirtualPageSize(){const{pageable:e,take:t,pageSize:s}=this.$props;if(!this.isVirtualScroll)return 0;if(!e){if(t)return t;if(s)return s}const i=this.$props.rowHeight||this._minRowHeightRef,n=this._containerHeightRef;return n&&i?Math.ceil(n/i*1.5):0},getRowPinPosition(e){var o,r;const{dataItemKey:t=""}=this.$props,s=((o=this.gridStateContext.pinnedTopRows)==null?void 0:o.value)||[],i=((r=this.gridStateContext.pinnedBottomRows)==null?void 0:r.value)||[];if(!t||!e)return"none";const n=e[t];return s!=null&&s.some(h=>h[t]===n)?"top":i!=null&&i.some(h=>h[t]===n)?"bottom":"none"},handleRowPin(e,t){var m,c,f,u;if(!this.$props.pinnable)return;const{dataItemKey:s=""}=this.$props,i=((m=this.gridStateContext.pinnedTopRows)==null?void 0:m.value)||[],n=((c=this.gridStateContext.pinnedBottomRows)==null?void 0:c.value)||[],o=t[s],r=i.filter(C=>C[s]!==o),h=n.filter(C=>C[s]!==o);let p;switch(e){case"pinTop":p={pinnedTopRows:[...r,t],pinnedBottomRows:h,dataItem:t};break;case"pinBottom":p={pinnedTopRows:r,pinnedBottomRows:[...h,t],dataItem:t};break;case"unpin":p={pinnedTopRows:r,pinnedBottomRows:h,dataItem:t};break;default:return}(u=(f=this.gridStateContext).rowpinchange)==null||u.call(f,p)},pinnedSelectionRelease(e,t){const s=this.$props.dataItemKey;if(!s||!t)return;const i=l.getter(s),n=this.getLeafDataItems().findIndex(o=>i(o)===i(t));n!==-1&&this.selectionRelease({...e,startRowIndex:n,endRowIndex:n})}},provide(){return{gridContext:{dataItemKey:this.$props.dataItemKey,searchChange:this.searchChange,selectionRelease:this.selectionRelease,pinnedSelectionRelease:this.pinnedSelectionRelease,dispatchGroupExpand:this.handleGroupExpandAction,dispatchDetailExpand:this.handleDetailExpandAction,scrollToStickyGroup:this.scrollToStickyGroup,getCellPositionStyle:this.getCellPositionStyle,onRowPin:this.handleRowPin,getRowPinPosition:this.getRowPinPosition,onContextMenu:this.triggerCellContextMenu},sticky:this.sticky}},setup(e){const t=a.ref(null),s=a.ref(null),i=a.ref(null),n=a.ref(null),o=a.ref(null),r=a.ref(null),h=a.ref(null),p=a.ref([]),m=a.ref([]),c=a.ref(null),f=a.ref(null),u=a.ref(null),C=a.ref(null),b=a.ref(null),I=a.ref(null),y=a.ref(!0),w=a.ref(!1),S=new dt.VirtualScroll,k=a.ref(0),V=a.inject(mt.KendoKey,{}),O=typeof e.groupable=="object"&&!!e.groupable.stickyHeaders,W=typeof e.groupable=="object"&&!!e.groupable.stickyFooters,T=a.ref([]),U=a.computed(()=>{var N,_;return!!((_=(N=V.group)==null?void 0:N.value)!=null&&_.length)}),F=null,M=a.ref(void 0),H=a.ref({headerItems:[],footerItems:[]}),{scrollToStickyGroup:K,update:L}=bt.useStickyGroups({enabled:O,enabledFooters:W,flatData:T,containerRef:c,stickyHeaderRef:f,stickyFooterRef:u,tableBodyRef:I,rowHeight:e.rowHeight,isGrouped:U,virtualSkipRef:k,rowHeightServiceRef:a.computed(()=>S==null?void 0:S.rowHeightService)});return{rowIndexRef:M,observerRef:F,dataRef:T,groupPanelDivRef:t,dropElementClueRef:s,dragElementClueRef:i,headerRef:n,footerRef:o,gridNavRef:r,colGroupRef:h,scrollContainerRef:c,tableBodyRef:I,gridStateContext:V,shouldUpdateLeftRightRef:y,resizedRef:w,currentColumnsState:e.columnsState,vsRef:S,virtualSkipRef:k,stickyHeaderItems:p,stickyHeaderRef:f,stickyFooterItems:m,stickyFooterRef:u,pinnedTopRef:C,pinnedBottomRef:b,sticky:H,scrollToStickyGroup:K,updateStickyGroups:L}},render(){var ue,fe,ge,me,Re,Ce,be,Se,xe,Ie,we,$e,ye,ve,ke,He,Te,Me;const e=(ue=this.gridStateContext.sort)==null?void 0:ue.value,t=(fe=this.gridStateContext.filter)==null?void 0:fe.value,s=(ge=this.gridStateContext.search)==null?void 0:ge.value,i=(me=this.gridStateContext.select)==null?void 0:me.value,n=(Re=this.gridStateContext.skip)==null?void 0:Re.value,o=(Ce=this.gridStateContext.take)==null?void 0:Ce.value,r=(be=this.gridStateContext.group)==null?void 0:be.value,h=(Se=this.gridStateContext.groupExpand)==null?void 0:Se.value,p=(xe=this.gridStateContext.detailExpand)==null?void 0:xe.value,m=(r==null?void 0:r.length)||0,c=typeof this.$props.groupable=="object"&&!!this.$props.groupable.stickyHeaders,f=typeof this.$props.groupable=="object"&&!!this.$props.groupable.stickyFooters,u=!!(r!=null&&r.length);let C;this.currentColumnsState=(Ie=this.gridStateContext.columnsState)==null?void 0:Ie.value;const b=this.$props.autoProcessData===!0?{group:!0,sort:!0,filter:!0,search:!0,page:!0}:this.$props.autoProcessData;let I;const y=g.tableKeyboardNavigationTools.getIdPrefix(this.navigation);let w=[];Array.isArray(this.$props.dataItems)?(w=this.$props.dataItems,I=(we=this.$props.total)!=null?we:w.length):(w=(($e=$.applyExpandedState(this.$props.dataItems,this.$props.collapsedGroups.length?this.computedCollapsed:[],this.$props.uniqueField))==null?void 0:$e.data)||[],I=(ke=(ve=this.$props.total)!=null?ve:(ye=this.$props.dataItems)==null?void 0:ye.total)!=null?ke:w.length);const S=this.$props.groupable===!0||l.isObject(this.$props.groupable)&&this.$props.groupable.enabled!==!1;this.dragLogic.reorderable=this.$props.reorderable||!1,this.dragLogic.groupable=S,this._virtualPageSize=this.calcVirtualPageSize();const k=w.length===I,V=l.isObject(this.$props.groupable)&&this.$props.groupable.footer||"none";if(b){const d=b.page&&!(this.isVirtualScroll&&!this.$props.pageable),{data:x,total:v}=re.process(w,{group:b.group?r:void 0,sort:b.sort?e:void 0,filter:g.combineFilters(b.filter?t:void 0,b.search?s:void 0),...d?{take:this.$props.pageable?o||10:o,skip:n||0}:{}});w=x,I=(He=this.$props.total)!=null?He:v}const{resolvedGroupsCount:O,flattedData:W}=this.getFlatData(w,V,k?0:this.$props.skip||0,r,p,h,this.$props.dataItemKey);this.dataRef=W;const T=this.virtualSkipRef||0;if(this._virtualTotal=I,this.isVirtualScroll){let d=n||0;if((u||this.$props.pageable)&&(d=T,this._virtualTotal=this.dataRef.length),k||u||this.$props.pageable)if(this._virtualPageSize===0){const x=Math.min(o||this.$props.pageSize||20,this.dataRef.length);C=this.dataRef.slice(d,d+x)}else C=this.dataRef.slice(d,d+this._virtualPageSize)}this.initializeVirtualization();const U=(Te=this.selectable)!=null&&Te.drag?"none":void 0;this.initColumns(this.$props.dataItems,O),this.columnResize.resizable=this.$props.resizable||!1,this.columnResize.columns=this.columnsRef,this.columnResize.columnsState=l.cloneArray(this.currentColumnsState||[]),this.dragLogic.columns=this.columnsRef;const F=this.$props.toolbar,M=this.$props.noRecords,H=this.columnsRef.filter(d=>d.children.length===0),K=S&&a.createVNode(ot.GroupPanel,{ref:d=>{this.groupPanelDivRef=d},group:r||[],ariaControls:this._gridRoleElementId,onGroupChange:this.groupChangeHandler,onPressHandler:this.dragLogic.pressHandler,onDragHandler:this.dragLogic.dragHandler,onReleaseHandler:this.dragLogic.releaseHandler,resolveTitle:this.resolveTitle},null),L=(this.dragLogic.reorderable||this.dragLogic.groupable)&&l.canUseDOM&&document&&document.body,N=[L&&a.createVNode(ut.DropClue,{ref:d=>{this.dropElementClueRef=d}},null),L&&a.createVNode(pt.DragClue,{ref:d=>{this.dragElementClueRef=d}},null)],_=this.showLicenseWatermark?a.createVNode(l.WatermarkOverlay,{message:this.licenseMessage},null):null,j=this.$attrs.style,Be=j&&l.isObject(j)&&j["width"]||"";this.tableWidth=parseFloat(Be.toString());const qe=H.findIndex(d=>typeof d.colSpan=="function")>-1;let A;A=this.getCellsToRender({},H);const G=H.map(function(d,x){return a.createVNode("col",{key:d.id||`col-${x}`,width:d.width!==void 0?Math.floor(parseFloat(d.width.toString())):void 0},null)},this),ae=a.createVNode(tt.Header,{size:this.$props.size,columnResize:this.columnResize,staticHeaders:this.$props.scrollable!=="none",ref:d=>{this.headerRef=d},onHeaderscroll:this.onHeaderScroll,headerRow:a.createVNode(st.HeaderRow,{grid:this,sort:e,groupable:this.$props.groupable,reorderable:this.$props.reorderable,sortable:this.$props.sortable,onSortChange:this.sortChangeHandler,filter:t,filterable:this.$props.filterable,filterOperators:this.$props.filterOperators||ze.operators,onFilterChange:this.filterChangeHandler,columnMenu:this.$props.columnMenu,columnMenuIcon:this.$props.columnMenuIcon,columnMenuAnimate:this.$props.columnMenuAnimate,onSelectionchange:this.onHeaderSelectionChangeHandler,columns:this.columnsRef,cellsToRender:A,columnVirtualization:this.$props.columnVirtualization,columnsInitial:this.$props.columns,columnResize:this.columnResize,onPressHandler:this.dragLogic.pressHandler,onDragHandler:this.dragLogic.dragHandler,onReleaseHandler:this.dragLogic.releaseHandler,columnsMap:this._columnsMap,cellRender:this.$props.headerCellRender,cells:this.$props.cells,isRtl:this.isRtl,isColCountDefined:this.getAriaColCount!==void 0,headerSelectionValue:!!(i&&this.dataRef.filter(d=>d.rowType==="data").every(d=>i&&this.$props.dataItemKey&&l.getter(this.$props.dataItemKey)(d.dataItem)!==void 0?i[l.getter(this.$props.dataItemKey)(d.dataItem)]:void 0)),filterRow:this.$props.filterable&&a.createVNode(it.FilterRow,{grid:this,size:this.$props.size,columns:this.columnsRef,columnsMap:this._columnsMap,cellsToRender:A,columnVirtualization:this.$props.columnVirtualization,filter:t,filterOperators:this.$props.filterOperators||ze.operators,onFilterchange:this.filterChangeHandler,sort:this.$props.sort,cellRender:this.$props.filterCellRender,cells:this.$props.cells,isRtl:this.isRtl,ariaRowIndex:this._columnsMap.length+1},null)||void 0},null),cols:G},null),le=this.columnsRef.some(d=>{var x;return!!(d.footerCell||(x=d.cells)!=null&&x.footerCell)})||(Me=this.$props.cells)!=null&&Me.footerCell?a.createVNode(nt.Footer,{size:this.$props.size,columnResize:this.columnResize,staticHeaders:this.$props.scrollable!=="none",ref:d=>{this.footerRef=d},row:a.createVNode(rt.FooterRow,{isRtl:this.isRtl,rowIndex:this.getAriaRowCount+1,columns:this.columnsRef,cells:this.$props.cells},null),cols:G},null):a.createVNode("span",null,null),z={leafColumns:H,cellsToRender:A,selectedField:this.$props.selectedField,dataItemKey:this.$props.dataItemKey,select:i,highlight:this.$props.highlight,editField:this.$props.editField,cellRender:this.$props.cellRender,cells:this.$props.cells,getCellsToRender:this.getCellsToRender,hasDynamicColSpan:qe,itemChange:this.itemChange,selectionChangeHandler:this.selectionChangeHandler,editHandler:this.editHandler,removeHandler:this.removeHandler,saveHandler:this.saveHandler,cancelHandler:this.cancelHandler,cellClickHandler:this.cellClickHandler,cellKeydownHandler:this.cellKeydownHandler,computedCollapsed:this.computedCollapsed,uniqueField:this.$props.uniqueField,columnsRef:this.columnsRef,isRtl:this.isRtl,idPrefix:y},Oe=function(d,x,v,Z,ee){return Ct.getRowContents(z,d,x,v,Z,ee)};let We=0,J=[];const Q=!this.dataRef.length,de=d=>d>=this.dataRef.length-We;let X=0;if(this.dataRef.length){const d=this._columnsMap.length+(this.$props.filterable?1:0)+1;let x=this.$props.skip||0,v=-1,Z=0;const ee=this.computedRowSpannable.enabled?{}:void 0;if(this.isVirtualScroll){if(T>0){const R=this.dataRef.slice(0,T).filter(E=>E.rowType==="data").length;v+=R,x+=T}!this.$props.pageable&&k&&(v+=this.$props.skip||0)}J=(C||this.dataRef).map(function(R,E){R.rowType==="data"&&v++;const te=R.dataIndex%2!==0,Ge=this.$props.dataItemKey&&l.getter(this.$props.dataItemKey)(R.dataItem),se=E+x,ie=Ge||"ai"+se,oe=ie+"_1",B=Oe.call(this,R,ie,v,te,ee),Qe=R.rowType==="data"?this.pinnedSourceSet.has(R.dataItem):!1,Xe=H.length-(this.detailExpandable.enabled?1:0)-((r==null?void 0:r.length)||0)||1;return X=se+d+Z,[a.createVNode(ft.GridRow,{key:ie,item:R,dataIndex:v,ariaRowIndex:X,absoluteRowIndex:se,isAltRow:te,isHidden:de(E),rowHeight:this.$props.rowHeight,isSelected:B.isSelected,isHighlighted:B.isHighlighted,isInEdit:B.isInEdit,rowType:R.rowType,onRowclick:P=>this.rowClick(P,R),onRowdblclick:P=>this.rowDoubleClick(P,R),render:this.$props.rowRender,class:this.$props.rowClass?this.$props.rowClass(R):"",isPinned:Qe,rows:this.$props.rows},{default:()=>[B.row]}),this.$props.detail&&R.rowType==="data"&&(R.expanded||R.dataItem.expanded)&&a.createVNode("tr",{key:oe,class:te?"k-table-row k-table-alt-row k-detail-row":"k-table-row k-detail-row",style:{visibility:de(E)?"hidden":"",height:this.$props.detailRowHeight+"px"},role:"row","aria-rowindex":X},[r==null?void 0:r.map(function(P){return a.createVNode(Ee.GridGroupCell,{id:"",dataIndex:R.dataIndex,field:P.field,dataItem:R.dataItem,key:`group-${P.field}-${R.dataIndex}`,locked:this.$props.lockGroups,group:R.group},null)},this),(this.$props.expandField||this.detailExpandable.enabled)&&a.createVNode(Ze.GridDetailHierarchyCell,{id:g.tableKeyboardNavigationTools.generateNavigatableId(`${oe}-dhcell`,y)},null),a.createVNode(et.GridDetailCell,{dataItem:R.dataItem,dataIndex:R.dataIndex,colSpan:Xe,ariaColIndex:2+(r?r.length:0),detail:this.$props.detail?this.$props.detail:void 0,id:g.tableKeyboardNavigationTools.generateNavigatableId(`${oe}-dcell`,y)},null)])]},this)}const Ue=this.$props.pageable&&a.createVNode(g.Pager,{class:"k-grid-pager",onPagesizechange:this.pageChangeHandler,onPagechange:this.pageChangeHandler,size:this.$props.size,total:I,skip:n||0,pageSize:(o!==void 0?o:this.$props.pageSize)||10,messagesMap:Le.pagerMessagesMap,settings:g.normalize(this.$props.pageable||{})},null),he=l.getTemplate.call(this,{h:a.h,template:this.$props.pager,defaultRendering:Ue,additionalProps:{...this.$props,skip:this.$props.skip||0,messagesMap:Le.pagerMessagesMap},additionalListeners:{pagesizechange:this.pageChangeHandler,pagechange:this.pageChangeHandler}}),je=d=>e&&e.filter(x=>x.field===d).length>0,ce=a.createVNode("colgroup",{ref:l.setRef(this,"colGroup")},[H.map(function(d,x){return a.createVNode("col",{key:d.id||`col-${x}`,class:je(d.field)?"k-sorted":void 0,width:d.width!==void 0?d.width.toString().indexOf("%")!==-1?d.width:Math.floor(parseFloat(d.width.toString()))+"px":void 0},null)},this)]),pe={height:this.getCorrectHeight,...this.$attrs.style},Je=a.createVNode("div",{class:"k-loading-mask"},[a.createVNode("div",{class:"k-loading-color"},null),a.createVNode("div",{style:{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},[a.createVNode(Ye.Loader,{size:"large",type:"converging-spinner"},null)])]),Y=this.$props.showLoader&&l.getTemplate.call(this,{h:a.h,template:this.$props.loader,defaultRendering:Je});return this.$props.scrollable==="none"?a.createVNode(a.Fragment,null,[a.createVNode(g.TableKeyboardNavigationProvider,{ref:"navRef",id:this._gridId,navigatable:this.$props.navigatable,scrollable:this.$props.scrollable,columnVirtualization:this.$props.columnVirtualization},{default:()=>[a.createVNode(Pe.GridNav,{ref:d=>{this.gridNavRef=d},columnsRef:this.columnsRef,dataRef:this.dataRef,id:this.$props.id,style:pe,class:this.nonscrollableWrapperClass,onMovetonextpage:this.moveToNextPage,onMovetoprevpage:this.moveToPrevPage,onColumnreorder:this.columnReorder,onKeyboardselectionchange:this.onKeyboardSelectionChangeHandler},{default:()=>[F,K,a.createVNode("div",{role:"grid",class:"k-grid-aria-root",id:this._gridRoleElementId,"aria-colcount":this.getAriaColCount,"aria-rowcount":this.getAriaRowCount},[a.createVNode(at.GridTable,{selectable:this.computedSelectable,class:"k-table",ref:l.setRef(this,"table")},{default:()=>[ce,ae,a.createVNode("tbody",{class:"k-table-tbody","data-keyboardnavbody":!0,ref:l.setRef(this,"tableBody")},[J,a.createTextVNode("  "),Y]),le]}),Q&&a.createVNode(Ke.GridNoRecordsContainer,{id:g.tableKeyboardNavigationTools.generateNavigatableId("no-records",y)},{default:()=>[M.length?M:a.createVNode(Fe.GridNoRecords,null,null)]})]),he,Y,N]})]}),this.renderContextMenu()]):a.createVNode(a.Fragment,null,[a.createVNode(g.TableKeyboardNavigationProvider,{ref:"navRef",id:this._gridId,navigatable:this.$props.navigatable,scrollable:this.$props.scrollable,columnVirtualization:this.$props.columnVirtualization},{default:()=>[a.createVNode(Pe.GridNav,{ref:d=>{this.gridNavRef=d},dataRef:this.dataRef,id:this.$props.id,style:pe,class:this.scrollableWrapperClass,onMovetonextpage:this.moveToNextPage,onMovetoprevpage:this.moveToPrevPage,onColumnreorder:this.columnReorder,onKeyboardselectionchange:this.onKeyboardSelectionChangeHandler,onSetcurrentontop:this.setCurrentOnTop},{default:()=>[F,K,a.createVNode("div",{role:"grid",class:"k-grid-aria-root",id:this._gridRoleElementId,"aria-colcount":this.getAriaColCount,"aria-rowcount":this.getAriaRowCount},[ae,this.hasPinnedTopRows&&a.createVNode(Ae.PinnedRowsTable,{ref:l.setRef(this,"pinnedTop"),size:this.$props.size,cols:G,dataRowContext:z,position:"top",pinnedItems:this.sortedPinnedTopRows,rowHeight:this.$props.rowHeight,rows:this.$props.rows,selectable:this.computedSelectable},null),a.createVNode("div",{class:"k-grid-container",role:"presentation"},[u&&c&&a.createVNode(_e.StickyGroupTable,{ref:l.setRef(this,"stickyHeader"),size:this.$props.size,cols:G,dataRowContext:z,position:"top",groupLevelCount:m,rowHeight:this.$props.rowHeight},null),a.createVNode("div",{role:"presentation",ref:l.setRef(this,"scrollContainer"),class:"k-grid-content k-virtual-content",onScroll:this.scrollHandler},[a.createVNode("div",{class:"k-grid-table-wrap",role:"presentation"},[a.createVNode(lt.GridTableScrollable,{selectable:this.computedSelectable,tableClassName:this.gridTableClass,tableStyle:{userSelect:U},ref:l.setRef(this,"table")},{default:()=>[ce,a.createVNode("tbody",{class:"k-table-tbody",role:"rowgroup","data-keyboardnavbody":!0,ref:l.setRef(this,"tableBody")},[J])]}),Q&&a.createVNode(Ke.GridNoRecordsContainer,{id:g.tableKeyboardNavigationTools.generateNavigatableId("no-records",y)},{default:()=>[M.length?M:a.createVNode(Fe.GridNoRecords,null,null)]})]),!Q&&a.createVNode("div",{class:"k-height-container",role:"presentation"},[a.createVNode("div",{ref:l.setRef(this,"scrollHeightContainer"),style:this.$props.scrollable==="virtual"?{height:this._containerHeightRef+"px"}:{}},null)])]),u&&f&&a.createVNode(_e.StickyGroupTable,{ref:l.setRef(this,"stickyFooter"),size:this.$props.size,cols:G,dataRowContext:z,position:"bottom",groupLevelCount:m,rowHeight:this.$props.rowHeight},null)]),this.hasPinnedBottomRows&&a.createVNode(Ae.PinnedRowsTable,{ref:l.setRef(this,"pinnedBottom"),size:this.$props.size,cols:G,dataRowContext:z,position:"bottom",pinnedItems:this.sortedPinnedBottomRows,rowHeight:this.$props.rowHeight,rows:this.$props.rows,selectable:this.computedSelectable},null),le,_]),he,Y,N]})]}),this.renderContextMenu()])}});exports.Grid=xt;