@progress/kendo-vue-grid 8.0.3-develop.4 → 8.1.0-develop.1

package/Grid.d.ts

@@ -5,10 +5,10 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { Page, SearchField, DetailExpandAction, GroupExpandAction, DetailExpandDescriptor, GroupExpandDescriptor, PagerTargetEvent } from '@progress/kendo-vue-data-tools';
+import { Page, SearchField, DetailExpandAction, GroupExpandAction, SelectDescriptor, DetailExpandDescriptor, GroupExpandDescriptor, PagerTargetEvent, TableSelectionChangeEvent } from '@progress/kendo-vue-data-tools';
 import { ExtendedColumnProps } from './interfaces/ExtendedColumnProps';
 import { SortDescriptor, CompositeFilterDescriptor, GroupDescriptor, State } from '@progress/kendo-data-query';
-import { GridExpandChangeEvent, GridItemChangeEvent } from './interfaces/events';
+import { GridExpandChangeEvent, GridItemChangeEvent, GridDragSelectionReleaseEvent } from './interfaces/events';
 import { GridColumnProps } from './interfaces/GridColumnProps';
 import { GridSearchBoxChangeEvent } from './GridSearchBox';
 import { GridColumnState } from './interfaces/GridColumnState';
@@ -102,6 +102,9 @@ declare const Grid: import('vue').DefineComponent<import('vue').ExtractPropTypes
     defaultDetailExpand: import('vue').PropType<DetailExpandDescriptor>;
     editField: import('vue').PropType<string>;
     rowClass: import('vue').PropType<Function>;
+    select: import('vue').PropType<SelectDescriptor>;
+    defaultSelect: import('vue').PropType<SelectDescriptor>;
+    selectable: import('vue').PropType<boolean | import('./interfaces/GridSelectableSettings').GridSelectableSettings>;
     scrollable: {
         type: import('vue').PropType<string>;
         default: string;
@@ -227,6 +230,7 @@ declare const Grid: import('vue').DefineComponent<import('vue').ExtractPropTypes
         [key: string]: boolean;
     };
     computedRowSpannable(): Required<import('./interfaces/GridRowSpannableSettings').GridRowSpannableSettings>;
+    computedSelectable(): Required<import('@progress/kendo-vue-data-tools').TableSelectableSettings>;
     detailExpandable(): import('@progress/kendo-vue-data-tools').TableExpandableSettings;
     nonscrollableWrapperClass(): {
         [x: string]: any;
@@ -247,6 +251,7 @@ declare const Grid: import('vue').DefineComponent<import('vue').ExtractPropTypes
     getAriaColCount(): any;
     isVirtualScroll(): boolean;
 }, {
+    getTotal(): any;
     readColumnElements(): ExtendedColumnProps[];
     getResolvedFlatColumnsState(): GridColumnState[];
     filterColumns(columns: ExtendedColumnProps[]): ExtendedColumnProps[][];
@@ -274,6 +279,7 @@ declare const Grid: import('vue').DefineComponent<import('vue').ExtractPropTypes
     setContainerHeight(): void;
     setMinRowHeight(): void;
     onRowHeightChanged(_value: number, _oldValue: number): void;
+    onHeaderScroll(event: Event): void;
     scrollHandler(event: any): void;
     rowClick(e: any, item: any): void;
     rowDoubleClick(e: any, item: any): void;
@@ -305,7 +311,13 @@ declare const Grid: import('vue').DefineComponent<import('vue').ExtractPropTypes
         dataIndex: number;
         columnIndex: number;
     }): void;
+    onKeyboardSelectionChangeHandler(event: KeyboardEvent): void;
     onHeaderSelectionChangeHandler(event: any): void;
+    selectionRelease(event: GridDragSelectionReleaseEvent): void;
+    clearSelection(event: TableSelectionChangeEvent): void;
+    raiseSelectionEvent(selectionEvent: TableSelectionChangeEvent, newSelectedState: SelectDescriptor): void;
+    moveToNextPage(event: KeyboardEvent): void;
+    moveToPrevPage(event: KeyboardEvent): void;
     pageChangeHandler(page: Page, event: any): void;
     sortChangeHandler(sort: SortDescriptor[], event: any): void;
     filterChangeHandler(filter: CompositeFilterDescriptor, event: any): void;
@@ -426,6 +438,9 @@ declare const Grid: import('vue').DefineComponent<import('vue').ExtractPropTypes
     defaultDetailExpand: import('vue').PropType<DetailExpandDescriptor>;
     editField: import('vue').PropType<string>;
     rowClass: import('vue').PropType<Function>;
+    select: import('vue').PropType<SelectDescriptor>;
+    defaultSelect: import('vue').PropType<SelectDescriptor>;
+    selectable: import('vue').PropType<boolean | import('./interfaces/GridSelectableSettings').GridSelectableSettings>;
     scrollable: {
         type: import('vue').PropType<string>;
         default: string;
@@ -535,6 +550,7 @@ declare const Grid: import('vue').DefineComponent<import('vue').ExtractPropTypes
     kendo: {
         dataItemKey: any;
         searchChange: any;
+        selectionRelease: any;
         dispatchGroupExpand: any;
         dispatchDetailExpand: 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 o=require("vue"),d=require("@progress/kendo-vue-common"),u=require("@progress/kendo-vue-data-tools"),Je=require("@progress/kendo-vue-indicators"),Ve=require("./GridNav.js"),Te=require("./cells/GridSelectionCell.js"),B=require("./cells/GridHierarchyCell.js"),Qe=require("./cells/GridDetailHierarchyCell.js"),Xe=require("./cells/GridDetailCell.js"),Ye=require("./cells/GridEditCell.js"),Ze=require("./header/Header.js"),et=require("./header/HeaderRow.js"),tt=require("./header/FilterRow.js"),it=require("./header/GroupPanel.js"),st=require("./footer/Footer.js"),rt=require("./footer/FooterRow.js"),Ee=require("./filterCommon.js"),at=require("./VirtualScroll.js"),lt=require("./drag/ColumnResize.js"),ot=require("./drag/CommonDragLogic.js"),nt=require("./drag/DragClue.js"),dt=require("./drag/DropClue.js"),x=require("./utils/main.js"),ht=require("./cells/GridCell.js"),j=require("./cells/GridGroupCell.js"),ct=require("./rows/GridRow.js"),pt=require("./common.js"),Ge=require("./header/GridHeaderSelectionCell.js"),De=require("./components/noRecords/GridNoRecords.js"),ze=require("./components/noRecords/GridNoRecordsContainer.js"),J=require("./package-metadata.js"),Fe=require("./messages/messagesMap.js"),ut=require("@progress/kendo-data-query"),gt=require("./key.js"),ft=require("./utils/virtualColumns.js"),mt=o.defineComponent({name:"KendoGrid",inheritAttrs:!1,props:{...pt.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 i;this.onRowHeightChanged(e,t),(i=this.vsRef)==null||i.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(){d.validatePackage(J.packageMetadata),this.showLicenseWatermark=d.shouldShowValidationUI(J.packageMetadata),this.licenseMessage=d.getLicenseMessage(J.packageMetadata),this.initialHeight=null,this._columns=[],this.vsRef=new at.VirtualScroll,this.dragLogic=new ot.CommonDragLogic(this.columnReorder.bind(this),this.groupReorder.bind(this),this.columnToGroup.bind(this)),this.columnResize=new lt.ColumnResize(this.onResize.bind(this)),this._columnsMap=[[]],this._header=null,this._footer=null,this.tableBodyRef=null,this.tableRef=null,this.scrollHeightContainerRef=null,this.forceUpdateTimeout=void 0,this._gridId=d.guid(),this._gridRoleElementId=d.guid(),this.slicedCurrentData=void 0,this._prevTotal=void 0,this._containerHeightRef=0,this._minRowHeightRef=0,this._virtualSkipRef=0,this.wrapperScrollTopRef=0,this.scrollLeftRef=0},mounted(){var t,i;this.setRefs();const e=d.isRtl(this._element);this._prevTotal=this.$props.total,this.isRtl=e,this.initialHeight=((i=(t=this._element)==null?void 0:t.style)==null?void 0:i.height)||null,this.resizeObserver=d.canUseDOM&&(window==null?void 0:window.ResizeObserver)&&new ResizeObserver(this.calculateMedia),document!=null&&document.body&&this.resizeObserver&&this.resizeObserver.observe(document.body)},updated(){var t;this.setRefs();const e=d.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=""),this.isVirtualScroll&&(this.setContainerHeight(),this.setMinRowHeight(),(t=this.vsRef)==null||t.update())},unmounted(){this.gridUnmounted()},computed:{gridId(){return this.$props.id+"-role-element-id"},idPrefix(){return this.$props.navigatable?this.gridId:""},groupExpandable(){return u.getGroupExpandableOptions(typeof this.$props.groupable=="object"&&this.$props.groupable.enabled!==!1?this.$props.groupable.expandable:this.$props.groupable)},hierarchClass(){return d.uGrid.hierarchyCell({})},computedRowSpannable(){return x.getRowSpanOptions(this.$props.rowSpannable)},detailExpandable(){return u.getDetailExpandableOptions(!!this.$props.detail)},nonscrollableWrapperClass(){const{size:e}=this.$props,t=this.$attrs.class;return{"k-grid":!0,"k-grid-md":!e,[`k-grid-${d.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-${d.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)||d.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(){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._columns.some(i=>!!i.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._columns.some(i=>!!i.footerCell)?1:0)},getAriaColCount(){const e=this.$props.columns,t=this.$props.columnVirtualization,i=(e==null?void 0:e.filter(s=>s.hidden!==void 0).length)!==0;if(t||i)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}},methods:{readColumnElements(){return x.readColumns(this.$props.columns,this.currentColumnsState,{prevId:0,idPrefix:this.idPrefix})},getResolvedFlatColumnsState(){const e=[],t=(i,s)=>i==null?void 0:i.forEach(r=>{const a=r.hidden||s;e.push({...r,hidden:a}),t(r.children,a)});return t(this.currentColumnsState,!1),e},filterColumns(e){const t=this.getResolvedFlatColumnsState();return[e.filter(i=>{var s;return!i.hidden&&!((s=t.find(r=>r.id===i.id))!=null&&s.hidden)}),e.filter(i=>{var s;return i.hidden||((s=t.find(r=>r.id===i.id))==null?void 0:s.hidden)})]},getFlatData(e,t,i,s,r,a,h){const c=[],f=x.flatData(c,e,t,{index:i},s!==void 0,r,a,this.groupExpandable.defaultExpand,h,this.$props.expandField);return{flattedData:c,resolvedGroupsCount:f}},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=i=>({...i,children:i.children&&i.children.length>0?this.filterHiddenColumns(i.children):i.children});return[...e].filter(i=>!i.hidden).filter(i=>d.canUseDOM&&i&&i.media?window.matchMedia(i.media).matches:i).map(i=>t(i))},getColumns(){const e=this._columns.filter(i=>i.declarationIndex>=0&&i.parentIndex===-1),t=i=>(i.sort((s,r)=>s.declarationIndex-r.declarationIndex),i.map(s=>{const{declarationIndex:r,parentIndex:a,depth:h,colSpan:c,rowSpan:f,index:C,kFirst:g,children:b,...v}=s;return b.length?{children:t(b),...v}:v}));return t(e)},setRefs(){let e="$el";const t=d.getRef(this,"gridNav");t&&(this._element=t[e]);const i=d.getRef(this,"groupPanelDiv");if(i){let a=i[e]||null;this.dragLogic.refGroupPanelDiv(a)}const s=d.getRef(this,"dropElementClue"),r=d.getRef(this,"dragElementClue");this.dragLogic.refDropElementClue(s),this.dragLogic.refDragElementClue(r),this.columnResize.colGroupMain=d.getRef(this,"colGroup"),this._header=d.getRef(this,"header"),this._footer=d.getRef(this,"footer"),this.resetTableWidth(),d.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.currentData=[],this._columns=[],document!=null&&document.body&&this.resizeObserver&&this.resizeObserver.disconnect()},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;this.$props.pageable||(i=this.$props.group)!=null&&i.length?(this._virtualSkipRef=e.skip,this.$forceUpdate()):this.pageChangeHandler(e,t)},initializeVirtualization(){const e=this.vsRef,t=this.$props.rowHeight||this._minRowHeightRef||0;e&&(e.fixedScroll=this.$props.fixedScroll||!1,e.PageChange=this.virtualPageChange,e.pageSize=this._virtualPageSize,e.scrollableVirtual=this.isVirtualScroll,e.container=d.getRef(this,"scrollContainer"),e.tableBody=d.getRef(this,"tableBody"),e.scrollHeightContainer=d.getRef(this,"scrollHeightContainer"),e.table=d.getRef(this,"table"),(!e.rowHeightService||e.total!==this._virtualTotal)&&t&&(e.total=this._virtualTotal,e.rowHeightService=new d.RowHeightService(this._virtualTotal,t)))},setContainerHeight(){const e=d.getRef(this,"scrollContainer");this._containerHeightRef=(e==null?void 0:e.offsetHeight)||0},setMinRowHeight(){if(!this._minRowHeightRef&&!this.$props.rowHeight){const t=x.calcRowHeight(d.getRef(this,"tableBody"));t&&(this._minRowHeightRef=t,this.$forceUpdate())}},onRowHeightChanged(e,t){this.setRefs()},scrollHandler(e){clearTimeout(this.forceUpdateTimeout);const t=e.currentTarget.scrollLeft,i=e.currentTarget.scrollTop;this.$props.columnVirtualization&&(!this.isVirtualScroll||i===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.vsRef&&i!==this.wrapperScrollTopRef&&this.vsRef.scrollHandler(e),this.$emit("scroll",e),this.wrapperScrollTopRef=i},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,i=0,s=null){return e.forEach(r=>{!s&&t(r,i)&&(s=r),r.items&&r.items.length&&!s&&(s=this.loopGroupedItems(r.items,t,i+1,s))}),s},updateGroupCollapsed(e){let t=this.computedCollapsed,i=t[e.level];const s=this.$props.uniqueField,r=function(c,f){return c.value===e.dataItem.value&&f===e.level},a=this.allGroupedItems?this.loopGroupedItems(this.allGroupedItems.data,r,0,null):e.dataItem,h=x.groupedFirstItemValue(a||e.dataItem,s);if(e.value){if(i&&i.length){const c=i.indexOf(h);c>-1&&i.splice(c,1)}}else i?i.includes(h)||i.push(h):i=[h];return t},itemChange(e){var s;const t=d.hasListener.call(this,"itemchange"),i=(s=this.gridContext.group)==null?void 0:s.value;if(e.field===this.$props.expandField||(i||this.$props.detail)&&e.field===void 0){d.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){const{event:t,dataItem:i,dataIndex:s,columnIndex:r}=e;this.$emit("selectionchange",{...this.getArguments(t.event),dataItem:i,startColIndex:r,endColIndex:r,startRowIndex:s,endRowIndex:s,dataItems:this.getLeafDataItems(),altKey:!1,ctrlKey:!1,shiftKey:!1,metaKey:!1,isDrag:!1,componentId:this._gridId,selectedField:this.$props.selectedField||""})},onHeaderSelectionChangeHandler(e){this.$emit("headerselectionchange",{field:e.field,event:e.event,target:this})},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 i;if(this.detailExpandable.enabled){const s=(i=this.gridContext.detailExpand)==null?void 0:i.value,r=u.detailExpandReducer(s!=null?s:{},e);this.gridContext.detailexpandchange({...this.getArguments(t),detailExpand:r})}},handleGroupExpandAction(e,t){var i;if(this.groupExpandable.enabled){const s=(i=this.gridContext.groupExpand)==null?void 0:i.value,r=u.groupExpandReducer(s!=null?s:[],e,this.groupExpandable);this.$props.expandField||this.gridContext.groupexpandchange({...this.getArguments(t),groupExpand:r})}},raiseDataEvent(e,t,i,s){if(this.resetVirtualSkip(),this.$props.autoProcessData)this.gridContext[e]({...this.getArguments(s),...t});else if(d.hasListener.call(this,e))this.$emit(e,{...this.getArguments(s),...t});else if(d.hasListener.call(this,"datastatechange")){const r={...this.getDataState(),...i};this.gridContext.datastatechange({...this.getArguments(s),data:r,dataState:r})}},columnReorder(e,t,i){const s=this._columns[e],r=x.getFlatColumnsState(this.currentColumnsState),a=s.depth,h=g=>{do g++;while(g<this._columns.length&&this._columns[g].depth>a);return g},c=this._columns.splice(e,h(e)-e);this._columns.splice(e<t?h(t-c.length):t,0,...c),this._columns.filter(g=>g.declarationIndex>=0).forEach((g,b)=>{g.orderIndex=b;const v=r.find(w=>w.id===g.id);v&&(v.orderIndex=b)});const f=this._columns[e].locked&&this._columns[t].locked;u.updateLeft(this._columnsMap,this._columns,f||this.shouldUpdateLeftRightRef),u.updateRight(this._columnsMap,this._columns,f||this.shouldUpdateLeftRightRef),this.resizedRef&&(this.shouldUpdateLeftRightRef=!1,this.resizedRef=!1);const C=this.getColumns();this.$emit("columnreorder",{target:this,columns:C,event:i,prev:e,next:t}),this.gridContext.columnsstatechange({columnsState:this.currentColumnsState})},groupReorder(e,t,i){var r;const s=(r=this.gridContext.group)==null?void 0:r.value;s!==void 0&&(s.splice(t,0,...s.splice(e,1)),this.groupChangeHandler(s,i))},columnToGroup(e,t,i){var a;const s=this._columns[e].field;if(!s)return;const r=(((a=this.gridContext.group)==null?void 0:a.value)||[]).slice();r.splice(t,0,{field:s}),this.groupChangeHandler(r,i)},resetTableWidth(){var s;let e=0;if(!this.columnResize.colGroupMain)return;const t=(s=this.columnResize.colGroupMain)==null?void 0:s.children;for(let r=0;r<t.length;r++){const a=t[r].width;if(!a)return;e+=parseFloat(a.toString())}e=Math.round(e),this._header&&this._header.setWidth(e),this._footer&&this._footer.setWidth(e);const i=d.getRef(this,"table");i&&e&&(i.style.width=e+"px")},onResize(e,t,i,s,r,a,h){this.resetTableWidth(),this.shouldUpdateLeftRightRef=!0,this.resizedRef=!0,this.$emit("columnresize",{columns:this.getColumns(),index:e,targetColumnId:h,event:s,newWidth:t,oldWidth:i,end:r,target:this}),r&&this.gridContext.columnsstatechange({columnsState:a})},initColumnsState(e,t){const i=s=>{var a;const r=t.find(h=>h.id===s.id);if(r){const h={...r};return h.children=(a=s.children)==null?void 0:a.map(i),h}return s};this.currentColumnsState=e.filter(s=>s.parentIndex===-1).map(i)},configureColumns(e,t){e.filter(a=>a.columnType==="checkbox").forEach(a=>{a.width=a.width||"50px",a.defaultCell=o.markRaw(Te.GridSelectionCell),a.defaultHeaderCell=o.markRaw(Ge.GridHeaderSelectionCell),a._type="edit"}),this.$props.selectedField&&this._columns.filter(a=>a.field===this.$props.selectedField).forEach(a=>{a.width=a.width||"50px",a.internalCell=o.markRaw(Te.GridSelectionCell),a.internalHeaderCell=o.markRaw(Ge.GridHeaderSelectionCell)});const i=x.getFlatColumnsState(this.currentColumnsState);this.initColumnsState(e,i);const s={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 a={...s,_type:"expand",id:u.tableKeyboardNavigationTools.generateNavigatableId(`${r++}`,"expand","column"),defaultCell:o.markRaw(B.GridHierarchyCell),internalCell:o.markRaw(B.GridHierarchyCell),field:this.detailExpandable.column,headerClassName:this.hierarchClass};e.unshift(a),this.currentColumnsState.unshift(i.find(h=>h.id===a.id)||a)}this.$props.expandField&&d.hasListener.call(this,"expandchange")&&this.$props.detail&&(e.unshift({...s,internalCell:o.markRaw(B.GridHierarchyCell),field:this.$props.expandField,headerClassName:"k-hierarchy-cell k-header",id:u.tableKeyboardNavigationTools.generateNavigatableId(`${e.length}`,this.idPrefix,"column"),...this.expandColumn}),r++);for(let a=0;a<t;a++){const h={...s,isAccessible:!1,defaultCell:o.markRaw(j.GridGroupCell),internalCell:o.markRaw(j.GridGroupCell),id:u.tableKeyboardNavigationTools.generateNavigatableId(`${r++}`,"group","column"),field:"value",locked:this.$props.lockGroups};e.unshift(h),this.currentColumnsState.unshift(i.find(c=>c.id===h.id)||h)}e.slice(r).forEach(a=>{a.parentIndex>=0&&(a.parentIndex+=r),a.rowSpannable=a.rowSpannable!==void 0?x.getRowSpanOptions(a.rowSpannable):this.computedRowSpannable})},initColumns(e,t){var a;this._columns=this.readColumnElements();const i=(a=this.gridContext.group)==null?void 0:a.value;this._columns.filter(h=>!h.hidden).length===0&&(this._columns=x.autoGenerateColumns(e,i,{column:this.$props.expandField?this.$props.expandField:this.groupExpandable.column},{prevId:0,idPrefix:this.idPrefix})),this.configureColumns(this._columns,t);const[s,r]=this.filterColumns(this._columns);this._columns=s,this.hiddenColumnsRef=r,this._columnsMap=x.mapColumns(this._columns,!0)},resolveTitle(e){const t=this.findColumnByField(e),i=t&&(t.title||t.field);return i===void 0?e:i},findColumnByField(e){let t;return this.$props.columns.forEach(i=>{const s=this.searchColumn(i,e);s&&(t=s)}),t},searchColumn(e,t){if(e.field===t)return e;if(e.children){let i,s=null;for(i=0;s==null&&i<e.children.length;i++)s=this.searchColumn(e.children[i],t);return s}return null},getDataState(){var a,h,c,f,C;const e=(a=this.gridContext.sort)==null?void 0:a.value,t=(h=this.gridContext.filter)==null?void 0:h.value,i=(c=this.gridContext.skip)==null?void 0:c.value,s=(f=this.gridContext.take)==null?void 0:f.value,r=(C=this.gridContext.group)==null?void 0:C.value;return{filter:t,sort:e,skip:i,take:s!==void 0?s:this.$props.pageSize,group:r}},getArguments(e){return{event:e,target:this}},getLeafDataItems(){return this.currentData.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(i=>{t++,i.expanded!==!1&&i.items&&(t=this.addSubItems(i.items,t)),this.group&&this.group.length&&(this.$props.groupable.footer==="always"||i.expanded!==!1&&i.items&&this.$props.groupable.footer==="visible")&&t++}),t},searchChange(e){const t=this.$props.searchFields||this._columns.map(r=>r.field)||[],i=e.event.target.value,s={logic:"or",filters:t.filter(r=>r!==void 0).map(r=>{var a;return typeof r=="string"?{field:r,value:i,operator:"contains"}:{value:i,operator:(a=r.operator)!=null?a:"contains",field:r.field,ignoreCase:r.ignoreCase}})};this.raiseDataEvent("searchchange",{search:s},{skip:0},e)},getCellsToRender(e,t){var a;const i=[];let s=null,r=0;if(t.forEach((h,c)=>{const f=parseFloat((h.width||"").toString())||10;if(r){r--,s&&(s.width+=f);return}const C=Math.min(x.getColSpan(h,e),t.length-c);r=C-1,s={width:f,colSpan:C,columnIndex:c},i.push(s)}),this.$props.columnVirtualization){const h=this.scrollLeftRef||0,c=this.tableWidth||parseFloat((((a=this.$attrs.style)==null?void 0:a.width)||"").toString());return ft.getVirtualCellsToRender({cellModels:i,columns:t,tableViewPortWidth:c,scrollLeft:h})}return i},calcVirtualPageSize(){const{pageable:e,take:t,pageSize:i}=this.$props;if(!this.isVirtualScroll)return 0;if(!e){if(t)return t;if(i)return i}const s=this.$props.rowHeight||this._minRowHeightRef,r=this._containerHeightRef;return r&&s?Math.ceil(r/s*1.5):0}},provide(){return{kendo:{dataItemKey:this.$props.dataItemKey,searchChange:this.searchChange,dispatchGroupExpand:this.handleGroupExpandAction,dispatchDetailExpand:this.handleDetailExpandAction}}},setup(e){const t=o.ref(null),i=o.ref(null),s=o.ref(null),r=o.ref(null),a=o.ref(null),h=o.ref(null),c=o.ref(null),f=o.ref(null),C=o.ref(null),g=o.ref(null),b=o.ref(!0),v=o.ref(!1),w=o.inject(gt.KendoKey,{});return{groupPanelDivRef:t,dropElementClueRef:i,dragElementClueRef:s,headerRef:r,footerRef:a,gridNavRef:h,colGroupRef:c,scrollContainerRef:f,scrollTableRef:C,scrollTableBodyRef:g,gridContext:w,shouldUpdateLeftRightRef:b,resizedRef:v,currentColumnsState:e.columnsState}},render(){var de,he,ce,pe,ue,ge,fe,me,Ce,be,Re,$e,ve,xe,we;const e=(de=this.gridContext.sort)==null?void 0:de.value,t=(he=this.gridContext.filter)==null?void 0:he.value,i=(ce=this.gridContext.search)==null?void 0:ce.value,s=(pe=this.gridContext.skip)==null?void 0:pe.value,r=(ue=this.gridContext.take)==null?void 0:ue.value,a=(ge=this.gridContext.group)==null?void 0:ge.value,h=(fe=this.gridContext.groupExpand)==null?void 0:fe.value,c=(me=this.gridContext.detailExpand)==null?void 0:me.value,f=!!(a!=null&&a.length);let C;this.currentColumnsState=(Ce=this.gridContext.columnsState)==null?void 0:Ce.value;const g=this.$props.autoProcessData===!0?{group:!0,sort:!0,filter:!0,search:!0,page:!0}:this.$props.autoProcessData;let b;const v=u.tableKeyboardNavigationTools.getIdPrefix(this.navigation);let w=[];Array.isArray(this.$props.dataItems)?(w=this.$props.dataItems,b=(be=this.$props.total)!=null?be:w.length):(w=((Re=x.applyExpandedState(this.$props.dataItems,this.$props.collapsedGroups.length?this.computedCollapsed:[],this.$props.uniqueField))==null?void 0:Re.data)||[],b=(xe=(ve=this.$props.total)!=null?ve:($e=this.$props.dataItems)==null?void 0:$e.total)!=null?xe:w.length);const Q=this.$props.groupable===!0||d.isObject(this.$props.groupable)&&this.$props.groupable.enabled!==!1;this.dragLogic.reorderable=this.$props.reorderable||!1,this.dragLogic.groupable=Q,this._virtualPageSize=this.calcVirtualPageSize();const F=w.length===b,Le=d.isObject(this.$props.groupable)&&this.$props.groupable.footer||"none";if(this.currentData=[],g){const l=g.page&&!(this.isVirtualScroll&&!this.$props.pageable),{data:R,total:y}=ut.process(w,{group:g.group?a:void 0,sort:g.sort?e:void 0,filter:u.combineFilters(g.filter?t:void 0,g.search?i:void 0),...l?{take:this.$props.pageable?r||10:r,skip:s||0}:{}});w=R,b=(we=this.$props.total)!=null?we:y}const{resolvedGroupsCount:Me,flattedData:Pe}=this.getFlatData(w,Le,F?0:this.$props.skip||0,a,c,h,this.$props.dataItemKey);this.currentData=Pe;const L=this._virtualSkipRef||0;if(this._virtualTotal=b,this.isVirtualScroll){let l=s||0;if((f||this.$props.pageable)&&(l=L,this._virtualTotal=this.currentData.length),F||f||this.$props.pageable)if(this._virtualPageSize===0){const R=Math.min(r||this.$props.pageSize||20,this.currentData.length);C=this.currentData.slice(l,l+R)}else C=this.currentData.slice(l,l+this._virtualPageSize)}this.initializeVirtualization(),this.initColumns(this.$props.dataItems,Me),this.columnResize.resizable=this.$props.resizable||!1,this.columnResize.columns=this._columns,this.columnResize.columnsState=d.cloneArray(this.currentColumnsState||[]),this.dragLogic.columns=this._columns;const X=this.$props.toolbar,D=this.$props.noRecords,_=this._columns.filter(l=>l.children.length===0),Y=Q&&o.createVNode(it.GroupPanel,{ref:l=>{this.groupPanelDivRef=l},group:a||[],ariaControls:this._gridRoleElementId,onGroupChange:this.groupChangeHandler,onPressHandler:this.dragLogic.pressHandler,onDragHandler:this.dragLogic.dragHandler,onReleaseHandler:this.dragLogic.releaseHandler,resolveTitle:this.resolveTitle},null),Z=(this.dragLogic.reorderable||this.dragLogic.groupable)&&d.canUseDOM&&document&&document.body,ee=[Z&&o.createVNode(dt.DropClue,{ref:l=>{this.dropElementClueRef=l}},null),Z&&o.createVNode(nt.DragClue,{ref:l=>{this.dragElementClueRef=l}},null)],Ae=this.showLicenseWatermark?o.createVNode(d.WatermarkOverlay,{message:this.licenseMessage},null):null,M=this.$attrs.style,qe=M&&d.isObject(M)&&M["width"]||"";this.tableWidth=parseFloat(qe.toString());const te=_.findIndex(l=>typeof l.colSpan=="function")>-1;let E;te||(E=this.getCellsToRender(null,_));const ie=(this.$props.columnVirtualization?this.getCellsToRender(null,_).map(({columnIndex:l})=>_[l]):_).map(function(l,R){return o.createVNode("col",{key:l.id||`col-${R}`,width:l.width!==void 0?Math.floor(parseFloat(l.width.toString())):void 0},null)},this),se=o.createVNode(Ze.Header,{size:this.$props.size,columnResize:this.columnResize,staticHeaders:this.$props.scrollable!=="none",ref:l=>{this.headerRef=l},headerRow:o.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._columns,cellsToRender:E,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,isRtl:this.isRtl,isColCountDefined:this.getAriaColCount!==void 0,filterRow:this.$props.filterable&&o.createVNode(tt.FilterRow,{grid:this,size:this.$props.size,columns:this._columns,cellsToRender:E,columnVirtualization:this.$props.columnVirtualization,filter:t,filterOperators:this.$props.filterOperators||Ee.operators,onFilterchange:this.filterChangeHandler,sort:this.$props.sort,cellRender:this.$props.filterCellRender,isRtl:this.isRtl,ariaRowIndex:this._columnsMap.length+1},null)||void 0},null),cols:ie},null),re=this._columns.some(l=>!!l.footerCell)?o.createVNode(st.Footer,{size:this.$props.size,columnResize:this.columnResize,staticHeaders:this.$props.scrollable!=="none",ref:l=>{this.footerRef=l},row:o.createVNode(rt.FooterRow,{isRtl:this.isRtl,rowIndex:this.getAriaRowCount+1,columns:this._columns},null),cols:ie},null):o.createVNode("span",null,null),Oe=function(l,R,y,Ie,N){let p=!1;const V=this.$props.selectedField,k=V?d.getNestedValue(V,l.dataItem):void 0,I=this.$props.highlight&&this.$props.dataItemKey&&d.getter(this.$props.dataItemKey)(l.dataItem)!==void 0?this.$props.highlight[d.getter(this.$props.dataItemKey)(l.dataItem)]:void 0;return te&&(E=this.getCellsToRender(l.dataItem,_)),{row:E.map(function({columnIndex:$,colSpan:T}){var ke,He,_e,Ne;const n=_[$];let S;if((ke=n.rowSpannable)!=null&&ke.enabled&&l.rowType==="data"&&n.field&&N){const m=n.field?(_e=(He=n.rowSpannable).valueGetter)==null?void 0:_e.call(He,l.dataItem,n.field):null;S={value:m,count:1},N[n.field]&&((Ne=N[n.field])==null?void 0:Ne.value)===m&&N[n.field]!==null?(N[n.field].count++,S.count=null):N[n.field]=S}const G=`${n.className?n.className+" ":""}${n.locked?"k-grid-content-sticky":""}`,H=n.locked&&n.left!==void 0?this.isRtl?{left:n.right+"px",right:n.left+"px"}:{left:n.left+"px",right:n.right+"px"}:void 0;let Se=!1;if(n.editable&&this.$props.editField){const m=d.getNestedValue(this.$props.editField,l.dataItem);(m===!0||m===n.field)&&(p=!0,Se=!0)}let z;n.cell&&(z=n.cell);const ye=this.computedCollapsed&&this.computedCollapsed[l.level]&&this.computedCollapsed[l.level].some(m=>m===x.groupedFirstItemValue(l.dataItem,this.$props.uniqueField)),K=n.id?n.id:$,W=ye?!ye:l.expanded||l.dataItem.expanded,je=n._type==="expand",U=u.tableKeyboardNavigationTools.generateNavigatableId(`${R}-${String($)}`,v,je||l.rowType==="groupHeader"||l.rowType==="groupFooter"||n.field==="value"?"nodata":"cell");return n.internalCell?o.createVNode(n.internalCell,{key:K,id:U,colSpan:T,dataItem:l.dataItem,field:n.field||"",editor:n.editor,format:n.format,readFormat:n.readFormat,type:n.type,className:G,render:z||this.$props.cellRender,onChange:this.itemChange,onSelectionchange:m=>this.selectionChangeHandler({event:m,dataItem:l.dataItem,dataIndex:y,columnIndex:$}),columnIndex:$,columnsCount:this._columns.filter(m=>!m.children.length).length,rowType:l.rowType,level:l.level,expanded:W,dataIndex:l.dataIndex,style:H,ariaColumnIndex:n.ariaColumnIndex,isRtl:this.isRtl,isSelected:Array.isArray(k)&&k.indexOf($)>-1,isHighlighted:!!(typeof I!="boolean"&&I&&n.field&&I[n.field]===!0),group:l.group,rowSpan:S},null):Se?o.createVNode(Ye.GridEditCell,{id:U,key:K,colSpan:T,dataItem:l.dataItem,field:n.field||"",editor:n.editor,format:n.format,readFormat:n.readFormat,type:n.type,className:G,render:z||this.$props.cellRender,onEdit:this.editHandler,onRemove:this.removeHandler,onSave:this.saveHandler,onCancel:this.cancelHandler,onChange:this.itemChange,columnIndex:$,columnsCount:this._columns.filter(m=>!m.children.length).length,rowType:l.rowType,level:l.level,expanded:W,dataIndex:l.dataIndex,style:H},null):o.createVNode(ht.GridCell,{key:K,id:U,colSpan:T,dataItem:l.dataItem,field:n.field||"",editor:n.editor,format:n.format,readFormat:n.readFormat,type:n.type,className:G,render:z||this.$props.cellRender,onCellclick:this.cellClickHandler,onCellkeydown:this.cellKeydownHandler,onEdit:this.editHandler,onRemove:this.removeHandler,onSave:this.saveHandler,onCancel:this.cancelHandler,onChange:this.itemChange,onSelectionchange:m=>this.selectionChangeHandler({event:m,dataItem:l.dataItem,dataIndex:y,columnIndex:$}),columnIndex:$,columnsCount:this._columns.filter(m=>!m.children.length).length,rowType:l.rowType,level:l.level,expanded:W,dataIndex:l.dataIndex,style:H,rowSpan:S,isSelected:Array.isArray(k)&&k.indexOf($)>-1,isHighlighted:!!(typeof I!="boolean"&&I&&n.field&&I[n.field]===!0)},null)},this),isInEdit:p,isSelected:typeof k=="boolean"&&k,isHighlighted:typeof I=="boolean"&&I}};let Ke=0,P=[];const A=!this.currentData.length,ae=l=>l>=this.currentData.length-Ke;let q=0;if(this.currentData.length){const l=this._columnsMap.length+(this.$props.filterable?1:0)+1;let R=this.$props.skip||0,y=-1,Ie=0;const N=this.computedRowSpannable.enabled?{}:void 0;if(this.isVirtualScroll){if(L>0){const p=this.currentData.slice(0,L).filter(V=>V.rowType==="data").length;y+=p,R+=p}!this.$props.pageable&&F&&(y+=this.$props.skip||0)}P=(C||this.currentData).map(function(p,V){p.rowType==="data"&&y++;const k=p.dataIndex%2!==0,I=this.$props.dataItemKey&&d.getter(this.$props.dataItemKey)(p.dataItem),$=V+R,T=I||"ai"+$,n=T+"_1",S=Oe.call(this,p,T,y,k,N),G=_.length-(this.detailExpandable.enabled?1:0)-((a==null?void 0:a.length)||0)||1;return q=$+l+Ie,[o.createVNode(ct.GridRow,{key:T,item:p,dataIndex:y,ariaRowIndex:q,absoluteRowIndex:$,isAltRow:k,isHidden:ae(V),rowHeight:this.$props.rowHeight,isSelected:S.isSelected,isHighlighted:S.isHighlighted,isInEdit:S.isInEdit,rowType:p.rowType,onRowclick:H=>this.rowClick(H,p),onRowdblclick:H=>this.rowDoubleClick(H,p),render:this.$props.rowRender,class:this.$props.rowClass?this.$props.rowClass(p):""},{default:()=>[S.row]}),this.$props.detail&&p.rowType==="data"&&(p.expanded||p.dataItem.expanded)&&o.createVNode("tr",{key:n,class:k?"k-table-row k-table-alt-row k-detail-row":"k-table-row k-detail-row",style:{visibility:ae(V)?"hidden":"",height:this.$props.detailRowHeight+"px"},role:"row","aria-rowindex":q},[a==null?void 0:a.map(function(H){return o.createVNode(j.GridGroupCell,{id:"",dataIndex:p.dataIndex,field:H.field,dataItem:p.dataItem,key:`group-${H.field}-${p.dataIndex}`,group:p.group},null)},this),(this.$props.expandField||this.detailExpandable.enabled)&&o.createVNode(Qe.GridDetailHierarchyCell,{id:u.tableKeyboardNavigationTools.generateNavigatableId(`${n}-dhcell`,v)},null),o.createVNode(Xe.GridDetailCell,{dataItem:p.dataItem,dataIndex:p.dataIndex,colSpan:G,ariaColIndex:2+(a?a.length:0),detail:this.$props.detail?this.$props.detail:void 0,id:u.tableKeyboardNavigationTools.generateNavigatableId(`${n}-dcell`,v)},null)])]},this)}const We=this.$props.pageable&&o.createVNode(u.Pager,{class:"k-grid-pager",onPagesizechange:this.pageChangeHandler,onPagechange:this.pageChangeHandler,size:this.$props.size,total:b,skip:s||0,pageSize:(r!==void 0?r:this.$props.pageSize)||10,messagesMap:Fe.pagerMessagesMap,settings:u.normalize(this.$props.pageable||{})},null),le=d.getTemplate.call(this,{h:o.h,template:this.$props.pager,defaultRendering:We,additionalProps:{...this.$props,skip:this.$props.skip||0,messagesMap:Fe.pagerMessagesMap},additionalListeners:{pagesizechange:this.pageChangeHandler,pagechange:this.pageChangeHandler}}),Ue=l=>e&&e.filter(R=>R.field===l).length>0,oe=o.createVNode("colgroup",{ref:d.setRef(this,"colGroup")},[_.map(function(l,R){return o.createVNode("col",{key:l.id||`col-${R}`,class:Ue(l.field)?"k-sorted":void 0,width:l.width!==void 0?l.width.toString().indexOf("%")!==-1?l.width:Math.floor(parseFloat(l.width.toString()))+"px":void 0},null)},this)]),ne={height:this.getCorrectHeight,...this.$attrs.style},Be=o.createVNode("div",{class:"k-loading-mask"},[o.createVNode("div",{class:"k-loading-color"},null),o.createVNode("div",{style:{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},[o.createVNode(Je.Loader,{size:"large",type:"converging-spinner"},null)])]),O=this.$props.showLoader&&d.getTemplate.call(this,{h:o.h,template:this.$props.loader,defaultRendering:Be});return this.$props.scrollable==="none"?o.createVNode(u.TableKeyboardNavigationProvider,{ref:"navRef",id:this._gridId,navigatable:this.$props.navigatable},{default:()=>[o.createVNode(Ve.GridNav,{ref:l=>{this.gridNavRef=l},currentData:this.currentData,id:this.$props.id,style:ne,class:this.nonscrollableWrapperClass},{default:()=>[X,Y,o.createVNode("div",{role:"grid",class:"k-grid-aria-root",id:this._gridRoleElementId,"aria-colcount":this.getAriaColCount,"aria-rowcount":this.getAriaRowCount},[o.createVNode("table",{class:"k-table",style:{tableLayout:"fixed"},ref:d.setRef(this,"table"),role:"none"},[o.createTextVNode(" "),oe,se,o.createVNode("tbody",{class:"k-table-tbody","data-keyboardnavbody":!0},[P,o.createTextVNode("  "),O]),re]),A&&o.createVNode(ze.GridNoRecordsContainer,{id:u.tableKeyboardNavigationTools.generateNavigatableId("no-records",v)},{default:()=>[D.length?D:o.createVNode(De.GridNoRecords,null,null)]})]),le,O,ee]})]}):o.createVNode(u.TableKeyboardNavigationProvider,{ref:"navRef",id:this._gridId,navigatable:this.$props.navigatable},{default:()=>[o.createVNode(Ve.GridNav,{ref:l=>{this.gridNavRef=l},currentData:this.currentData,id:this.$props.id,style:ne,class:this.scrollableWrapperClass},{default:()=>[X,Y,o.createVNode("div",{role:"grid",class:"k-grid-aria-root",id:this._gridRoleElementId,"aria-colcount":this.getAriaColCount,"aria-rowcount":this.getAriaRowCount},[se,o.createVNode("div",{class:"k-grid-container",role:"presentation"},[o.createVNode("div",{role:"presentation",ref:d.setRef(this,"scrollContainer"),class:"k-grid-content k-virtual-content",onScroll:this.scrollHandler},[o.createVNode("div",{class:"k-grid-table-wrap",role:"presentation"},[o.createVNode("table",{role:"none",class:this.gridTableClass,ref:d.setRef(this,"table")},[oe,o.createVNode("tbody",{class:"k-table-tbody",role:"rowgroup","data-keyboardnavbody":!0,ref:d.setRef(this,"tableBody")},[P])]),A&&o.createVNode(ze.GridNoRecordsContainer,{id:u.tableKeyboardNavigationTools.generateNavigatableId("no-records",v)},{default:()=>[D.length?D:o.createVNode(De.GridNoRecords,null,null)]})]),!A&&o.createVNode("div",{class:"k-height-container",role:"presentation"},[o.createVNode("div",{ref:d.setRef(this,"scrollHeightContainer"),style:this.$props.scrollable==="virtual"?{height:this._containerHeightRef+"px"}:{}},null)])])]),re,Ae]),le,O,ee]})]})}});exports.Grid=mt;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),h=require("@progress/kendo-vue-common"),p=require("@progress/kendo-vue-data-tools"),tt=require("@progress/kendo-vue-indicators"),ze=require("./GridNav.js"),_e=require("./cells/GridSelectionCell.js"),Q=require("./cells/GridHierarchyCell.js"),it=require("./cells/GridDetailHierarchyCell.js"),st=require("./cells/GridDetailCell.js"),at=require("./cells/GridEditCell.js"),rt=require("./header/Header.js"),lt=require("./header/HeaderRow.js"),ot=require("./header/FilterRow.js"),nt=require("./header/GroupPanel.js"),dt=require("./footer/Footer.js"),ht=require("./footer/FooterRow.js"),ct=require("./components/table/GridTable.js"),pt=require("./components/table/GridTableScrollable.js"),Le=require("./filterCommon.js"),ut=require("./VirtualScroll.js"),gt=require("./drag/ColumnResize.js"),ft=require("./drag/CommonDragLogic.js"),mt=require("./drag/DragClue.js"),Ct=require("./drag/DropClue.js"),v=require("./utils/main.js"),Rt=require("./cells/GridCell.js"),X=require("./cells/GridGroupCell.js"),bt=require("./rows/GridRow.js"),$t=require("./common.js"),Me=require("./header/GridHeaderSelectionCell.js"),Fe=require("./components/noRecords/GridNoRecords.js"),Pe=require("./components/noRecords/GridNoRecordsContainer.js"),Y=require("./package-metadata.js"),Ke=require("./messages/messagesMap.js"),It=require("@progress/kendo-data-query"),vt=require("./key.js"),St=require("./utils/virtualColumns.js"),xt=o.defineComponent({name:"KendoGrid",inheritAttrs:!1,props:{...$t.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 i;this.onRowHeightChanged(e,t),(i=this.vsRef)==null||i.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(){h.validatePackage(Y.packageMetadata),this.showLicenseWatermark=h.shouldShowValidationUI(Y.packageMetadata),this.licenseMessage=h.getLicenseMessage(Y.packageMetadata),this.initialHeight=null,this.columnsRef=[],this.vsRef=new ut.VirtualScroll,this.dragLogic=new ft.CommonDragLogic(this.columnReorder.bind(this),this.groupReorder.bind(this),this.columnToGroup.bind(this)),this.columnResize=new gt.ColumnResize(this.onResize.bind(this)),this._columnsMap=[[]],this._header=null,this._footer=null,this.tableBodyRef=null,this.tableRef=null,this.scrollHeightContainerRef=null,this.forceUpdateTimeout=void 0,this._gridId=h.guid(),this._gridRoleElementId=h.guid(),this.slicedCurrentData=void 0,this._prevTotal=void 0,this._containerHeightRef=0,this._minRowHeightRef=0,this._virtualSkipRef=0,this.wrapperScrollTopRef=0,this.scrollLeftRef=0},mounted(){var t,i;this.setRefs();const e=h.isRtl(this._element);this._prevTotal=this.$props.total,this.isRtl=e,this.initialHeight=((i=(t=this._element)==null?void 0:t.style)==null?void 0:i.height)||null,this.resizeObserver=h.canUseDOM&&(window==null?void 0:window.ResizeObserver)&&new ResizeObserver(this.calculateMedia),document!=null&&document.body&&this.resizeObserver&&this.resizeObserver.observe(document.body)},updated(){var t;this.setRefs();const e=h.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=""),this.isVirtualScroll&&(this.setContainerHeight(),this.setMinRowHeight(),(t=this.vsRef)==null||t.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 h.uGrid.hierarchyCell({})},computedRowSpannable(){return v.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-${h.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-${h.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)||h.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(){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(i=>!!i.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(i=>!!i.footerCell)?1:0)},getAriaColCount(){const e=this.$props.columns,t=this.$props.columnVirtualization,i=(e==null?void 0:e.filter(s=>s.hidden!==void 0).length)!==0;if(t||i)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}},methods:{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 v.readColumns(this.$props.columns,this.currentColumnsState,{prevId:0,idPrefix:this.idPrefix})},getResolvedFlatColumnsState(){const e=[],t=(i,s)=>i==null?void 0:i.forEach(a=>{const r=a.hidden||s;e.push({...a,hidden:r}),t(a.children,r)});return t(this.currentColumnsState,!1),e},filterColumns(e){const t=this.getResolvedFlatColumnsState();return[e.filter(i=>{var s;return!i.hidden&&!((s=t.find(a=>a.id===i.id))!=null&&s.hidden)}),e.filter(i=>{var s;return i.hidden||((s=t.find(a=>a.id===i.id))==null?void 0:s.hidden)})]},getFlatData(e,t,i,s,a,r,n){const c=[],g=v.flatData(c,e,t,{index:i},s!==void 0,a,r,this.groupExpandable.defaultExpand,n,this.$props.expandField);return{flattedData:c,resolvedGroupsCount:g}},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=i=>({...i,children:i.children&&i.children.length>0?this.filterHiddenColumns(i.children):i.children});return[...e].filter(i=>!i.hidden).filter(i=>h.canUseDOM&&i&&i.media?window.matchMedia(i.media).matches:i).map(i=>t(i))},getColumns(){const e=this.columnsRef.filter(i=>i.declarationIndex>=0&&i.parentIndex===-1),t=i=>(i.sort((s,a)=>s.declarationIndex-a.declarationIndex),i.map(s=>{const{declarationIndex:a,parentIndex:r,depth:n,colSpan:c,rowSpan:g,index:R,kFirst:f,children:m,...b}=s;return m.length?{children:t(m),...b}:b}));return t(e)},setRefs(){let e="$el";const t=h.getRef(this,"gridNav");t&&(this._element=t[e]);const i=h.getRef(this,"groupPanelDiv");if(i){let r=i[e]||null;this.dragLogic.refGroupPanelDiv(r)}const s=h.getRef(this,"dropElementClue"),a=h.getRef(this,"dragElementClue");this.dragLogic.refDropElementClue(s),this.dragLogic.refDragElementClue(a),this.columnResize.colGroupMain=h.getRef(this,"colGroup"),this._header=h.getRef(this,"header"),this._footer=h.getRef(this,"footer"),this.resetTableWidth(),h.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.currentData=[],this.columnsRef=[],document!=null&&document.body&&this.resizeObserver&&this.resizeObserver.disconnect()},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;this.$props.pageable||(i=this.$props.group)!=null&&i.length?(this._virtualSkipRef=e.skip,this.$forceUpdate()):this.pageChangeHandler(e,t)},initializeVirtualization(){const e=this.vsRef,t=this.$props.rowHeight||this._minRowHeightRef||0;e&&(e.fixedScroll=this.$props.fixedScroll||!1,e.PageChange=this.virtualPageChange,e.pageSize=this._virtualPageSize,e.scrollableVirtual=this.isVirtualScroll,e.container=h.getRef(this,"scrollContainer"),e.tableBody=h.getRef(this,"tableBody"),e.scrollHeightContainer=h.getRef(this,"scrollHeightContainer"),e.table=h.getComponentElementRef(this,"table"),(!e.rowHeightService||e.total!==this._virtualTotal)&&t&&(e.total=this._virtualTotal,e.rowHeightService=new h.RowHeightService(this._virtualTotal,t)))},setContainerHeight(){const e=h.getRef(this,"scrollContainer");this._containerHeightRef=(e==null?void 0:e.offsetHeight)||0},setMinRowHeight(){if(!this._minRowHeightRef&&!this.$props.rowHeight){const t=v.calcRowHeight(h.getRef(this,"tableBody"));t&&(this._minRowHeightRef=t,this.$forceUpdate())}},onRowHeightChanged(e,t){this.setRefs()},onHeaderScroll(e){const i=e.target.scrollLeft,s=h.getRef(this,"scrollContainer");s&&(s.scrollLeft=i),this.scrollLeftRef=i},scrollHandler(e){clearTimeout(this.forceUpdateTimeout);const t=e.currentTarget.scrollLeft,i=e.currentTarget.scrollTop;this.$props.columnVirtualization&&(!this.isVirtualScroll||i===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.vsRef&&i!==this.wrapperScrollTopRef&&this.vsRef.scrollHandler(e),this.$emit("scroll",e),this.wrapperScrollTopRef=i},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,i=0,s=null){return e.forEach(a=>{!s&&t(a,i)&&(s=a),a.items&&a.items.length&&!s&&(s=this.loopGroupedItems(a.items,t,i+1,s))}),s},updateGroupCollapsed(e){let t=this.computedCollapsed,i=t[e.level];const s=this.$props.uniqueField,a=function(c,g){return c.value===e.dataItem.value&&g===e.level},r=this.allGroupedItems?this.loopGroupedItems(this.allGroupedItems.data,a,0,null):e.dataItem,n=v.groupedFirstItemValue(r||e.dataItem,s);if(e.value){if(i&&i.length){const c=i.indexOf(n);c>-1&&i.splice(c,1)}}else i?i.includes(n)||i.push(n):i=[n];return t},itemChange(e){var s;const t=h.hasListener.call(this,"itemchange"),i=(s=this.gridContext.group)==null?void 0:s.value;if(e.field===this.$props.expandField||(i||this.$props.detail)&&e.field===void 0){h.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:i,dataItem:s,dataIndex:a,columnIndex:r}=e,n={...this.getArguments(i),dataItem:s,startColIndex:r,endColIndex:r,startRowIndex:a,endRowIndex:a,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({...n,select:this.$props.dataItemKey?p.getSelectedState({event:n,selectedState:(t=this.$props.select)!=null?t:{},dataItemKey:this.$props.dataItemKey}):{}})}},onKeyboardSelectionChangeHandler(e){var R,f;if(!this.computedSelectable.enabled||!this.$props.dataItemKey)return;const t=(R=this.gridContext.select)==null?void 0:R.value,i={dataItems:this.getLeafDataItems(),mode:this.computedSelectable.mode,cell:this.computedSelectable.cell,componentId:this.$props.id,selectedField:"",...this.getArguments(e)},s=p.getSelectedStateFromKeyDown({event:i,selectedState:t!=null?t:{},dataItemKey:this.$props.dataItemKey});if(s===t)return;const a=e.target,r=p.closestTagName(a,"TD"),n=p.closestTagName(a,"TR"),c=p.getColumnIndex(r),g=p.getRowIndex(n);if(c!==void 0&&g!==void 0){const m=(f=v.getDataAsArray(this.$props.dataItems))==null?void 0:f[g];this.gridContext.selectionchange({...i,select:s,dataItem:m,startRowIndex:g,startColIndex:c,startDataItem:m,endDataItem:m,endRowIndex:g,endColIndex:c,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((i,s)=>(this.$props.dataItemKey&&h.getter(this.$props.dataItemKey)(s)!==void 0&&(i[h.getter(this.$props.dataItemKey)(s)]=!0),i),{}):{},field:e.field,event:e.event,target:this,dataItems:t})}},selectionRelease(e){var t;if(this.computedSelectable.enabled){const i=this.getLeafDataItems(),s=i[e.startRowIndex],a=i[e.endRowIndex],r={event:void 0,target:this,selectedField:"",componentId:this.$props.id||this._gridId,dataItems:i,dataItem:null,startDataItem:s,endDataItem:a,...e},n=p.getSelectedState({event:r,selectedState:(t=this.$props.select)!=null?t:{},dataItemKey:this.$props.dataItemKey});this.raiseSelectionEvent(r,n)}},clearSelection(e){this.computedSelectable.enabled&&this.raiseSelectionEvent(e,{})},raiseSelectionEvent(e,t){this.computedSelectable.enabled&&this.gridContext.selectionchange({...e,select:t})},moveToNextPage(e){var a,r,n,c;const t=(n=(r=(a=this.gridContext.take)==null?void 0:a.value)!=null?r:this.$props.pageSize)!=null?n:0,i=(((c=this.gridContext.skip)==null?void 0:c.value)||0)+t,s=this.getTotal();i<s&&this.pageChangeHandler({skip:i,take:t},e)},moveToPrevPage(e){var s,a,r,n;const t=(r=(a=(s=this.gridContext.take)==null?void 0:s.value)!=null?a:this.$props.pageSize)!=null?r:0,i=(((n=this.gridContext.skip)==null?void 0:n.value)||0)-t;i>=0&&this.pageChangeHandler({skip:i,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 i;if(this.detailExpandable.enabled){const s=(i=this.gridContext.detailExpand)==null?void 0:i.value,a=p.detailExpandReducer(s!=null?s:{},e);this.gridContext.detailexpandchange({...this.getArguments(t),detailExpand:a})}},handleGroupExpandAction(e,t){var i;if(this.groupExpandable.enabled){const s=(i=this.gridContext.groupExpand)==null?void 0:i.value,a=p.groupExpandReducer(s!=null?s:[],e,this.groupExpandable);this.$props.expandField||this.gridContext.groupexpandchange({...this.getArguments(t),groupExpand:a})}},raiseDataEvent(e,t,i,s){if(this.resetVirtualSkip(),this.$props.autoProcessData)this.gridContext[e]({...this.getArguments(s),...t});else if(h.hasListener.call(this,e))this.$emit(e,{...this.getArguments(s),...t});else if(h.hasListener.call(this,"datastatechange")){const a={...this.getDataState(),...i};this.gridContext.datastatechange({...this.getArguments(s),data:a,dataState:a})}},columnReorder(e,t,i){const s=this.columnsRef[e],a=v.getFlatColumnsState(this.currentColumnsState),r=s.depth,n=f=>{do f++;while(f<this.columnsRef.length&&this.columnsRef[f].depth>r);return f},c=this.columnsRef.splice(e,n(e)-e);this.columnsRef.splice(e<t?n(t-c.length):t,0,...c),this.columnsRef.filter(f=>f.declarationIndex>=0).forEach((f,m)=>{f.orderIndex=m;const b=a.find(k=>k.id===f.id);b&&(b.orderIndex=m)});const g=this.columnsRef[e].locked&&this.columnsRef[t].locked;p.updateLeft(this._columnsMap,this.columnsRef,g||this.shouldUpdateLeftRightRef),p.updateRight(this._columnsMap,this.columnsRef,g||this.shouldUpdateLeftRightRef),this.resizedRef&&(this.shouldUpdateLeftRightRef=!1,this.resizedRef=!1);const R=this.getColumns();this.$emit("columnreorder",{target:this,columns:R,event:i,prev:e,next:t}),this.gridContext.columnsstatechange({columnsState:this.currentColumnsState})},groupReorder(e,t,i){var a;const s=(a=this.gridContext.group)==null?void 0:a.value;s!==void 0&&(s.splice(t,0,...s.splice(e,1)),this.groupChangeHandler(s,i))},columnToGroup(e,t,i){var r;const s=this.columnsRef[e].field;if(!s)return;const a=(((r=this.gridContext.group)==null?void 0:r.value)||[]).slice();a.splice(t,0,{field:s}),this.groupChangeHandler(a,i)},resetTableWidth(){var s;let e=0;if(!this.columnResize.colGroupMain)return;const t=(s=this.columnResize.colGroupMain)==null?void 0:s.children;for(let a=0;a<t.length;a++){const r=t[a].width;if(!r)return;e+=parseFloat(r.toString())}e=Math.round(e),this._header&&this._header.setWidth(e),this._footer&&this._footer.setWidth(e);const i=h.getComponentElementRef(this,"table");i&&e&&(i.style.width=e+"px")},onResize(e,t,i,s,a,r,n){this.resetTableWidth(),this.shouldUpdateLeftRightRef=!0,this.resizedRef=!0,this.$emit("columnresize",{columns:this.getColumns(),index:e,targetColumnId:n,event:s,newWidth:t,oldWidth:i,end:a,target:this}),a&&this.gridContext.columnsstatechange({columnsState:r})},initColumnsState(e,t){const i=s=>{var r;const a=t.find(n=>n.id===s.id);if(a){const n={...a};return n.children=(r=s.children)==null?void 0:r.map(i),n}return s};this.currentColumnsState=e.filter(s=>s.parentIndex===-1).map(i)},configureColumns(e,t){e.filter(r=>r.columnType==="checkbox").forEach(r=>{r.width=r.width||"50px",r.internalCell=o.markRaw(_e.GridSelectionCell),r.internalHeaderCell=o.markRaw(Me.GridHeaderSelectionCell),r._type="edit",r.columnMenu=!1}),this.$props.selectedField&&this.columnsRef.filter(r=>r.field===this.$props.selectedField).forEach(r=>{r.width=r.width||"50px",r.internalCell=o.markRaw(_e.GridSelectionCell),r.internalHeaderCell=o.markRaw(Me.GridHeaderSelectionCell),r.columnMenu=!1});const i=v.getFlatColumnsState(this.currentColumnsState);this.initColumnsState(e,i);const s={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 a=0;if(this.detailExpandable.enabled&&this.$props.detail&&!this.$props.expandField){const r={...s,_type:"expand",id:p.tableKeyboardNavigationTools.generateNavigatableId(`${a++}`,"expand","column"),defaultCell:o.markRaw(Q.GridHierarchyCell),internalCell:o.markRaw(Q.GridHierarchyCell),field:this.detailExpandable.column,headerClassName:this.hierarchClass};e.unshift(r),this.currentColumnsState.unshift(i.find(n=>n.id===r.id)||r)}this.$props.expandField&&h.hasListener.call(this,"expandchange")&&this.$props.detail&&(e.unshift({...s,internalCell:o.markRaw(Q.GridHierarchyCell),field:this.$props.expandField,headerClassName:"k-hierarchy-cell k-header",id:p.tableKeyboardNavigationTools.generateNavigatableId(`${e.length}`,this.idPrefix,"column"),...this.expandColumn}),a++);for(let r=0;r<t;r++){const n={...s,isAccessible:!1,defaultCell:o.markRaw(X.GridGroupCell),internalCell:o.markRaw(X.GridGroupCell),id:p.tableKeyboardNavigationTools.generateNavigatableId(`${a++}`,"group","column"),field:"value",locked:this.$props.lockGroups,columnMenu:!1};e.unshift(n),this.currentColumnsState.unshift(i.find(c=>c.id===n.id)||n)}e.slice(a).forEach(r=>{r.parentIndex>=0&&(r.parentIndex+=a),r.rowSpannable=r.rowSpannable!==void 0?v.getRowSpanOptions(r.rowSpannable):this.computedRowSpannable})},initColumns(e,t){var r;this.columnsRef=this.readColumnElements();const i=(r=this.gridContext.group)==null?void 0:r.value;this.columnsRef.filter(n=>!n.hidden).length===0&&(this.columnsRef=v.autoGenerateColumns(e,i,{column:this.$props.expandField?this.$props.expandField:this.groupExpandable.column},{prevId:0,idPrefix:this.idPrefix})),this.configureColumns(this.columnsRef,t);const[s,a]=this.filterColumns(this.columnsRef);this.columnsRef=s,this.hiddenColumnsRef=a,this._columnsMap=v.mapColumns(this.columnsRef,!0)},resolveTitle(e){const t=this.findColumnByField(e),i=t&&(t.title||t.field);return i===void 0?e:i},findColumnByField(e){let t;return this.$props.columns.forEach(i=>{const s=this.searchColumn(i,e);s&&(t=s)}),t},searchColumn(e,t){if(e.field===t)return e;if(e.children){let i,s=null;for(i=0;s==null&&i<e.children.length;i++)s=this.searchColumn(e.children[i],t);return s}return null},getDataState(){var r,n,c,g,R;const e=(r=this.gridContext.sort)==null?void 0:r.value,t=(n=this.gridContext.filter)==null?void 0:n.value,i=(c=this.gridContext.skip)==null?void 0:c.value,s=(g=this.gridContext.take)==null?void 0:g.value,a=(R=this.gridContext.group)==null?void 0:R.value;return{filter:t,sort:e,skip:i,take:s!==void 0?s:this.$props.pageSize,group:a}},getArguments(e){return{event:e,target:this}},getLeafDataItems(){return this.currentData.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(i=>{t++,i.expanded!==!1&&i.items&&(t=this.addSubItems(i.items,t)),this.group&&this.group.length&&(this.$props.groupable.footer==="always"||i.expanded!==!1&&i.items&&this.$props.groupable.footer==="visible")&&t++}),t},searchChange(e){const t=this.$props.searchFields||this.columnsRef.map(a=>a.field)||[],i=e.event.target.value,s={logic:"or",filters:t.filter(a=>a!==void 0).map(a=>{var r;return typeof a=="string"?{field:a,value:i,operator:"contains"}:{value:i,operator:(r=a.operator)!=null?r:"contains",field:a.field,ignoreCase:a.ignoreCase}})};this.raiseDataEvent("searchchange",{search:s},{skip:0},e)},getCellsToRender(e,t){var r;const i=[];let s=null,a=0;if(t.forEach((n,c)=>{const g=parseFloat((n.width||"").toString())||10;if(a){a--,s&&(s.width+=g);return}const R=Math.min(v.getColSpan(n,e),t.length-c);a=R-1,s={width:g,colSpan:R,columnIndex:c},i.push(s)}),this.$props.columnVirtualization){const n=this.scrollLeftRef||0,c=this.tableWidth||parseFloat((((r=this.$attrs.style)==null?void 0:r.width)||"").toString());return St.getVirtualCellsToRender({cellModels:i,columns:t,tableViewPortWidth:c,scrollLeft:n})}return i},calcVirtualPageSize(){const{pageable:e,take:t,pageSize:i}=this.$props;if(!this.isVirtualScroll)return 0;if(!e){if(t)return t;if(i)return i}const s=this.$props.rowHeight||this._minRowHeightRef,a=this._containerHeightRef;return a&&s?Math.ceil(a/s*1.5):0}},provide(){return{kendo:{dataItemKey:this.$props.dataItemKey,searchChange:this.searchChange,selectionRelease:this.selectionRelease,dispatchGroupExpand:this.handleGroupExpandAction,dispatchDetailExpand:this.handleDetailExpandAction}}},setup(e){const t=o.ref(null),i=o.ref(null),s=o.ref(null),a=o.ref(null),r=o.ref(null),n=o.ref(null),c=o.ref(null),g=o.ref(null),R=o.ref(null),f=o.ref(null),m=o.ref(!0),b=o.ref(!1),k=o.inject(vt.KendoKey,{});return{groupPanelDivRef:t,dropElementClueRef:i,dragElementClueRef:s,headerRef:a,footerRef:r,gridNavRef:n,colGroupRef:c,scrollContainerRef:g,scrollTableRef:R,scrollTableBodyRef:f,gridContext:k,shouldUpdateLeftRightRef:m,resizedRef:b,currentColumnsState:e.columnsState}},render(){var ce,pe,ue,ge,fe,me,Ce,Re,be,$e,Ie,ve,Se,xe,ye,we,ke;const e=(ce=this.gridContext.sort)==null?void 0:ce.value,t=(pe=this.gridContext.filter)==null?void 0:pe.value,i=(ue=this.gridContext.search)==null?void 0:ue.value,s=(ge=this.gridContext.select)==null?void 0:ge.value,a=(fe=this.gridContext.skip)==null?void 0:fe.value,r=(me=this.gridContext.take)==null?void 0:me.value,n=(Ce=this.gridContext.group)==null?void 0:Ce.value,c=(Re=this.gridContext.groupExpand)==null?void 0:Re.value,g=(be=this.gridContext.detailExpand)==null?void 0:be.value,R=!!(n!=null&&n.length);let f;this.currentColumnsState=($e=this.gridContext.columnsState)==null?void 0:$e.value;const m=this.$props.autoProcessData===!0?{group:!0,sort:!0,filter:!0,search:!0,page:!0}:this.$props.autoProcessData;let b;const k=p.tableKeyboardNavigationTools.getIdPrefix(this.navigation);let N=[];Array.isArray(this.$props.dataItems)?(N=this.$props.dataItems,b=(Ie=this.$props.total)!=null?Ie:N.length):(N=((ve=v.applyExpandedState(this.$props.dataItems,this.$props.collapsedGroups.length?this.computedCollapsed:[],this.$props.uniqueField))==null?void 0:ve.data)||[],b=(ye=(xe=this.$props.total)!=null?xe:(Se=this.$props.dataItems)==null?void 0:Se.total)!=null?ye:N.length);const Z=this.$props.groupable===!0||h.isObject(this.$props.groupable)&&this.$props.groupable.enabled!==!1;this.dragLogic.reorderable=this.$props.reorderable||!1,this.dragLogic.groupable=Z,this._virtualPageSize=this.calcVirtualPageSize();const M=N.length===b,Ae=h.isObject(this.$props.groupable)&&this.$props.groupable.footer||"none";if(this.currentData=[],m){const l=m.page&&!(this.isVirtualScroll&&!this.$props.pageable),{data:$,total:w}=It.process(N,{group:m.group?n:void 0,sort:m.sort?e:void 0,filter:p.combineFilters(m.filter?t:void 0,m.search?i:void 0),...l?{take:this.$props.pageable?r||10:r,skip:a||0}:{}});N=$,b=(we=this.$props.total)!=null?we:w}const{resolvedGroupsCount:qe,flattedData:Oe}=this.getFlatData(N,Ae,M?0:this.$props.skip||0,n,g,c,this.$props.dataItemKey);this.currentData=Oe;const F=this._virtualSkipRef||0;if(this._virtualTotal=b,this.isVirtualScroll){let l=a||0;if((R||this.$props.pageable)&&(l=F,this._virtualTotal=this.currentData.length),M||R||this.$props.pageable)if(this._virtualPageSize===0){const $=Math.min(r||this.$props.pageSize||20,this.currentData.length);f=this.currentData.slice(l,l+$)}else f=this.currentData.slice(l,l+this._virtualPageSize)}this.initializeVirtualization();const We=(ke=this.selectable)!=null&&ke.drag?"none":void 0;this.initColumns(this.$props.dataItems,qe),this.columnResize.resizable=this.$props.resizable||!1,this.columnResize.columns=this.columnsRef,this.columnResize.columnsState=h.cloneArray(this.currentColumnsState||[]),this.dragLogic.columns=this.columnsRef;const ee=this.$props.toolbar,z=this.$props.noRecords,H=this.columnsRef.filter(l=>l.children.length===0),te=Z&&o.createVNode(nt.GroupPanel,{ref:l=>{this.groupPanelDivRef=l},group:n||[],ariaControls:this._gridRoleElementId,onGroupChange:this.groupChangeHandler,onPressHandler:this.dragLogic.pressHandler,onDragHandler:this.dragLogic.dragHandler,onReleaseHandler:this.dragLogic.releaseHandler,resolveTitle:this.resolveTitle},null),ie=(this.dragLogic.reorderable||this.dragLogic.groupable)&&h.canUseDOM&&document&&document.body,se=[ie&&o.createVNode(Ct.DropClue,{ref:l=>{this.dropElementClueRef=l}},null),ie&&o.createVNode(mt.DragClue,{ref:l=>{this.dragElementClueRef=l}},null)],Ue=this.showLicenseWatermark?o.createVNode(h.WatermarkOverlay,{message:this.licenseMessage},null):null,P=this.$attrs.style,Be=P&&h.isObject(P)&&P["width"]||"";this.tableWidth=parseFloat(Be.toString());const je=H.findIndex(l=>typeof l.colSpan=="function")>-1;let G;G=this.getCellsToRender({},H);const ae=(this.$props.columnVirtualization?this.getCellsToRender({},H).map(({columnIndex:l})=>H[l]):H).map(function(l,$){return o.createVNode("col",{key:l.id||`col-${$}`,width:l.width!==void 0?Math.floor(parseFloat(l.width.toString())):void 0},null)},this),re=o.createVNode(rt.Header,{size:this.$props.size,columnResize:this.columnResize,staticHeaders:this.$props.scrollable!=="none",ref:l=>{this.headerRef=l},onHeaderscroll:this.onHeaderScroll,headerRow:o.createVNode(lt.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||Le.operators,onFilterChange:this.filterChangeHandler,columnMenu:this.$props.columnMenu,columnMenuIcon:this.$props.columnMenuIcon,columnMenuAnimate:this.$props.columnMenuAnimate,onSelectionchange:this.onHeaderSelectionChangeHandler,columns:this.columnsRef,cellsToRender:G,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,isRtl:this.isRtl,isColCountDefined:this.getAriaColCount!==void 0,headerSelectionValue:!!(s&&this.currentData.filter(l=>l.rowType==="data").every(l=>s&&this.$props.dataItemKey&&h.getter(this.$props.dataItemKey)(l.dataItem)!==void 0?s[h.getter(this.$props.dataItemKey)(l.dataItem)]:void 0)),filterRow:this.$props.filterable&&o.createVNode(ot.FilterRow,{grid:this,size:this.$props.size,columns:this.columnsRef,columnsMap:this._columnsMap,cellsToRender:G,columnVirtualization:this.$props.columnVirtualization,filter:t,filterOperators:this.$props.filterOperators||Le.operators,onFilterchange:this.filterChangeHandler,sort:this.$props.sort,cellRender:this.$props.filterCellRender,isRtl:this.isRtl,ariaRowIndex:this._columnsMap.length+1},null)||void 0},null),cols:ae},null),le=this.columnsRef.some(l=>!!l.footerCell)?o.createVNode(dt.Footer,{size:this.$props.size,columnResize:this.columnResize,staticHeaders:this.$props.scrollable!=="none",ref:l=>{this.footerRef=l},row:o.createVNode(ht.FooterRow,{isRtl:this.isRtl,rowIndex:this.getAriaRowCount+1,columns:this.columnsRef},null),cols:ae},null):o.createVNode("span",null,null),Je=function(l,$,w,He,T){let u=!1;const V=this.$props.selectedField,E=this.$props.dataItemKey,_=s&&E&&h.getter(E)(l.dataItem)!==void 0?s[h.getter(E)(l.dataItem)]:void 0,x=V?h.getNestedValue(V,l.dataItem):_,y=this.$props.highlight&&this.$props.dataItemKey&&h.getter(this.$props.dataItemKey)(l.dataItem)!==void 0?this.$props.highlight[h.getter(this.$props.dataItemKey)(l.dataItem)]:void 0;return je&&(G=this.getCellsToRender(l.dataItem,H)),{row:G.map(function({columnIndex:I,colSpan:D}){var Ve,De,Ee,Ge;const d=H[I];let S;if((Ve=d.rowSpannable)!=null&&Ve.enabled&&l.rowType==="data"&&d.field&&T){const C=d.field?(Ee=(De=d.rowSpannable).valueGetter)==null?void 0:Ee.call(De,l.dataItem,d.field):null;S={value:C,count:1},T[d.field]&&((Ge=T[d.field])==null?void 0:Ge.value)===C&&T[d.field]!==null?(T[d.field].count++,S.count=null):T[d.field]=S}const W=`${d.className?d.className+" ":""}${d.locked?"k-grid-content-sticky":""}`,U=d.locked&&d.left!==void 0?this.isRtl?{left:d.right+"px",right:d.left+"px"}:{left:d.left+"px",right:d.right+"px"}:void 0;let Te=!1;if(d.editable&&this.$props.editField){const C=h.getNestedValue(this.$props.editField,l.dataItem);(C===!0||C===d.field)&&(u=!0,Te=!0)}let L;d.cell&&(L=d.cell);const Ne=this.computedCollapsed&&this.computedCollapsed[l.level]&&this.computedCollapsed[l.level].some(C=>C===v.groupedFirstItemValue(l.dataItem,this.$props.uniqueField)),B=d.id?d.id:I,j=Ne?!Ne:l.expanded||l.dataItem.expanded,et=d._type==="expand",J=p.tableKeyboardNavigationTools.generateNavigatableId(`${$}-${String(I)}`,k,et||l.rowType==="groupHeader"||l.rowType==="groupFooter"||d.field==="value"?"nodata":"cell");return d.internalCell?o.createVNode(d.internalCell,{key:B,id:J,colSpan:D,dataItem:l.dataItem,field:d.field||"",editor:d.editor,format:d.format,readFormat:d.readFormat,type:d.type,columnType:d.columnType,className:W,render:L||this.$props.cellRender,onChange:this.itemChange,onSelectionchange:C=>this.selectionChangeHandler({event:C,dataItem:l.dataItem,dataIndex:w,columnIndex:I}),columnIndex:I,columnsCount:this.columnsRef.filter(C=>!C.children.length).length,rowType:l.rowType,level:l.level,expanded:j,dataIndex:l.dataIndex,style:U,ariaColumnIndex:d.ariaColumnIndex,isRtl:this.isRtl,isSelected:!!((d==null?void 0:d._type)==="edit"?x:Array.isArray(x)&&x.indexOf(I)>-1),isHighlighted:!!(typeof y!="boolean"&&y&&d.field&&y[d.field]===!0),group:l.group,rowSpan:S},null):Te?o.createVNode(at.GridEditCell,{id:J,key:B,colSpan:D,dataItem:l.dataItem,field:d.field||"",editor:d.editor,format:d.format,readFormat:d.readFormat,type:d.type,columnType:d.columnType,className:W,render:L||this.$props.cellRender,onEdit:this.editHandler,onRemove:this.removeHandler,onSave:this.saveHandler,onCancel:this.cancelHandler,onChange:this.itemChange,columnIndex:I,columnsCount:this.columnsRef.filter(C=>!C.children.length).length,rowType:l.rowType,level:l.level,expanded:j,dataIndex:l.dataIndex,style:U},null):o.createVNode(Rt.GridCell,{key:B,id:J,colSpan:D,dataItem:l.dataItem,field:d.field||"",editor:d.editor,format:d.format,readFormat:d.readFormat,type:d.type,columnType:d.columnType,className:W,render:L||this.$props.cellRender,onCellclick:this.cellClickHandler,onCellkeydown:this.cellKeydownHandler,onEdit:this.editHandler,onRemove:this.removeHandler,onSave:this.saveHandler,onCancel:this.cancelHandler,onChange:this.itemChange,onSelectionchange:C=>this.selectionChangeHandler({event:C,dataItem:l.dataItem,dataIndex:w,columnIndex:I}),columnIndex:I,columnsCount:this.columnsRef.filter(C=>!C.children.length).length,rowType:l.rowType,level:l.level,expanded:j,dataIndex:l.dataIndex,style:U,rowSpan:S,isSelected:!!((d==null?void 0:d._type)==="edit"?x:Array.isArray(x)&&x.indexOf(I)>-1),isHighlighted:!!(typeof y!="boolean"&&y&&d.field&&y[d.field]===!0)},null)},this),isInEdit:u,isSelected:typeof x=="boolean"&&x,isHighlighted:typeof y=="boolean"&&y}};let Qe=0,K=[];const A=!this.currentData.length,oe=l=>l>=this.currentData.length-Qe;let q=0;if(this.currentData.length){const l=this._columnsMap.length+(this.$props.filterable?1:0)+1;let $=this.$props.skip||0,w=-1,He=0;const T=this.computedRowSpannable.enabled?{}:void 0;if(this.isVirtualScroll){if(F>0){const u=this.currentData.slice(0,F).filter(V=>V.rowType==="data").length;w+=u,$+=u}!this.$props.pageable&&M&&(w+=this.$props.skip||0)}K=(f||this.currentData).map(function(u,V){u.rowType==="data"&&w++;const E=u.dataIndex%2!==0,_=this.$props.dataItemKey&&h.getter(this.$props.dataItemKey)(u.dataItem),x=V+$,y=_||"ai"+x,I=y+"_1",D=Je.call(this,u,y,w,E,T),d=H.length-(this.detailExpandable.enabled?1:0)-((n==null?void 0:n.length)||0)||1;return q=x+l+He,[o.createVNode(bt.GridRow,{key:y,item:u,dataIndex:w,ariaRowIndex:q,absoluteRowIndex:x,isAltRow:E,isHidden:oe(V),rowHeight:this.$props.rowHeight,isSelected:D.isSelected,isHighlighted:D.isHighlighted,isInEdit:D.isInEdit,rowType:u.rowType,onRowclick:S=>this.rowClick(S,u),onRowdblclick:S=>this.rowDoubleClick(S,u),render:this.$props.rowRender,class:this.$props.rowClass?this.$props.rowClass(u):""},{default:()=>[D.row]}),this.$props.detail&&u.rowType==="data"&&(u.expanded||u.dataItem.expanded)&&o.createVNode("tr",{key:I,class:E?"k-table-row k-table-alt-row k-detail-row":"k-table-row k-detail-row",style:{visibility:oe(V)?"hidden":"",height:this.$props.detailRowHeight+"px"},role:"row","aria-rowindex":q},[n==null?void 0:n.map(function(S){return o.createVNode(X.GridGroupCell,{id:"",dataIndex:u.dataIndex,field:S.field,dataItem:u.dataItem,key:`group-${S.field}-${u.dataIndex}`,group:u.group},null)},this),(this.$props.expandField||this.detailExpandable.enabled)&&o.createVNode(it.GridDetailHierarchyCell,{id:p.tableKeyboardNavigationTools.generateNavigatableId(`${I}-dhcell`,k)},null),o.createVNode(st.GridDetailCell,{dataItem:u.dataItem,dataIndex:u.dataIndex,colSpan:d,ariaColIndex:2+(n?n.length:0),detail:this.$props.detail?this.$props.detail:void 0,id:p.tableKeyboardNavigationTools.generateNavigatableId(`${I}-dcell`,k)},null)])]},this)}const Xe=this.$props.pageable&&o.createVNode(p.Pager,{class:"k-grid-pager",onPagesizechange:this.pageChangeHandler,onPagechange:this.pageChangeHandler,size:this.$props.size,total:b,skip:a||0,pageSize:(r!==void 0?r:this.$props.pageSize)||10,messagesMap:Ke.pagerMessagesMap,settings:p.normalize(this.$props.pageable||{})},null),ne=h.getTemplate.call(this,{h:o.h,template:this.$props.pager,defaultRendering:Xe,additionalProps:{...this.$props,skip:this.$props.skip||0,messagesMap:Ke.pagerMessagesMap},additionalListeners:{pagesizechange:this.pageChangeHandler,pagechange:this.pageChangeHandler}}),Ye=l=>e&&e.filter($=>$.field===l).length>0,de=o.createVNode("colgroup",{ref:h.setRef(this,"colGroup")},[H.map(function(l,$){return o.createVNode("col",{key:l.id||`col-${$}`,class:Ye(l.field)?"k-sorted":void 0,width:l.width!==void 0?l.width.toString().indexOf("%")!==-1?l.width:Math.floor(parseFloat(l.width.toString()))+"px":void 0},null)},this)]),he={height:this.getCorrectHeight,...this.$attrs.style},Ze=o.createVNode("div",{class:"k-loading-mask"},[o.createVNode("div",{class:"k-loading-color"},null),o.createVNode("div",{style:{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},[o.createVNode(tt.Loader,{size:"large",type:"converging-spinner"},null)])]),O=this.$props.showLoader&&h.getTemplate.call(this,{h:o.h,template:this.$props.loader,defaultRendering:Ze});return this.$props.scrollable==="none"?o.createVNode(p.TableKeyboardNavigationProvider,{ref:"navRef",id:this._gridId,navigatable:this.$props.navigatable,scrollable:this.$props.scrollable,columnVirtualization:this.$props.columnVirtualization},{default:()=>[o.createVNode(ze.GridNav,{ref:l=>{this.gridNavRef=l},columnsRef:this.columnsRef,currentData:this.currentData,id:this.$props.id,style:he,class:this.nonscrollableWrapperClass,onMovetonextpage:this.moveToNextPage,onMovetoprevpage:this.moveToPrevPage,onColumnreorder:this.columnReorder,onKeyboardselectionchange:this.onKeyboardSelectionChangeHandler},{default:()=>[ee,te,o.createVNode("div",{role:"grid",class:"k-grid-aria-root",id:this._gridRoleElementId,"aria-colcount":this.getAriaColCount,"aria-rowcount":this.getAriaRowCount},[o.createVNode(ct.GridTable,{selectable:this.computedSelectable,class:"k-table",ref:h.setRef(this,"table")},{default:()=>[de,re,o.createVNode("tbody",{class:"k-table-tbody","data-keyboardnavbody":!0},[K,o.createTextVNode("  "),O]),le]}),A&&o.createVNode(Pe.GridNoRecordsContainer,{id:p.tableKeyboardNavigationTools.generateNavigatableId("no-records",k)},{default:()=>[z.length?z:o.createVNode(Fe.GridNoRecords,null,null)]})]),ne,O,se]})]}):o.createVNode(p.TableKeyboardNavigationProvider,{ref:"navRef",id:this._gridId,navigatable:this.$props.navigatable,scrollable:this.$props.scrollable,columnVirtualization:this.$props.columnVirtualization},{default:()=>[o.createVNode(ze.GridNav,{ref:l=>{this.gridNavRef=l},currentData:this.currentData,id:this.$props.id,style:he,class:this.scrollableWrapperClass,onMovetonextpage:this.moveToNextPage,onMovetoprevpage:this.moveToPrevPage,onColumnreorder:this.columnReorder,onKeyboardselectionchange:this.onKeyboardSelectionChangeHandler},{default:()=>[ee,te,o.createVNode("div",{role:"grid",class:"k-grid-aria-root",id:this._gridRoleElementId,"aria-colcount":this.getAriaColCount,"aria-rowcount":this.getAriaRowCount},[re,o.createVNode("div",{class:"k-grid-container",role:"presentation"},[o.createVNode("div",{role:"presentation",ref:h.setRef(this,"scrollContainer"),class:"k-grid-content k-virtual-content",onScroll:this.scrollHandler},[o.createVNode("div",{class:"k-grid-table-wrap",role:"presentation"},[o.createVNode(pt.GridTableScrollable,{selectable:this.computedSelectable,tableClassName:this.gridTableClass,tableStyle:{userSelect:We},ref:h.setRef(this,"table")},{default:()=>[de,o.createVNode("tbody",{class:"k-table-tbody",role:"rowgroup","data-keyboardnavbody":!0,ref:h.setRef(this,"tableBody")},[K])]}),A&&o.createVNode(Pe.GridNoRecordsContainer,{id:p.tableKeyboardNavigationTools.generateNavigatableId("no-records",k)},{default:()=>[z.length?z:o.createVNode(Fe.GridNoRecords,null,null)]})]),!A&&o.createVNode("div",{class:"k-height-container",role:"presentation"},[o.createVNode("div",{ref:h.setRef(this,"scrollHeightContainer"),style:this.$props.scrollable==="virtual"?{height:this._containerHeightRef+"px"}:{}},null)])])]),le,Ue]),ne,O,se]})]})}});exports.Grid=xt;