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

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"),Ke=require("@progress/kendo-vue-indicators"),ye=require("./GridNav.js"),ke=require("./cells/GridSelectionCell.js"),U=require("./cells/GridHierarchyCell.js"),We=require("./cells/GridDetailHierarchyCell.js"),Ue=require("./cells/GridDetailCell.js"),Be=require("./cells/GridEditCell.js"),je=require("./header/Header.js"),Je=require("./header/HeaderRow.js"),Qe=require("./header/FilterRow.js"),Xe=require("./header/GroupPanel.js"),Ye=require("./footer/Footer.js"),Ze=require("./footer/FooterRow.js"),He=require("./filterCommon.js"),et=require("./VirtualScroll.js"),tt=require("./drag/ColumnResize.js"),it=require("./drag/CommonDragLogic.js"),st=require("./drag/DragClue.js"),rt=require("./drag/DropClue.js"),w=require("./utils/main.js"),at=require("./cells/GridCell.js"),B=require("./cells/GridGroupCell.js"),lt=require("./rows/GridRow.js"),ot=require("./common.js"),_e=require("./header/GridHeaderSelectionCell.js"),Ne=require("./components/noRecords/GridNoRecords.js"),Ve=require("./components/noRecords/GridNoRecordsContainer.js"),j=require("./package-metadata.js"),Ee=require("./messages/messagesMap.js"),nt=require("@progress/kendo-data-query"),dt=require("./key.js"),ht=require("./utils/virtualColumns.js"),ct=o.defineComponent({name:"KendoGrid",inheritAttrs:!1,props:{...ot.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 et.VirtualScroll,this.dragLogic=new it.CommonDragLogic(this.columnReorder.bind(this),this.groupReorder.bind(this),this.columnToGroup.bind(this)),this.columnResize=new tt.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 w.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 w.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=w.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:b,kFirst:g,children:R,...v}=s;return R.length?{children:t(R),...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=w.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=w.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.$emit("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.$emit("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=w.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,R)=>{g.orderIndex=R;const v=r.find(S=>S.id===g.id);v&&(v.orderIndex=R)});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 b=this.getColumns();this.$emit("columnreorder",{target:this,columns:b,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(ke.GridSelectionCell),a.defaultHeaderCell=o.markRaw(_e.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(ke.GridSelectionCell),a.internalHeaderCell=o.markRaw(_e.GridHeaderSelectionCell)});const i=w.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(U.GridHierarchyCell),internalCell:o.markRaw(U.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(U.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(B.GridGroupCell),internalCell:o.markRaw(B.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?w.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=w.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=w.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,b;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=(b=this.gridContext.group)==null?void 0:b.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 b=Math.min(w.getColSpan(h,e),t.length-c);r=b-1,s={width:f,colSpan:b,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 ht.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),b=o.ref(null),g=o.ref(null),R=o.ref(!0),v=o.ref(!1),S=o.inject(dt.KendoKey,{});return{groupPanelDivRef:t,dropElementClueRef:i,dragElementClueRef:s,headerRef:r,footerRef:a,gridNavRef:h,colGroupRef:c,scrollContainerRef:f,scrollTableRef:b,scrollTableBodyRef:g,gridContext:S,shouldUpdateLeftRightRef:R,resizedRef:v,currentColumnsState:e.columnsState}},render(){var ne,de,he,ce,pe,ue,ge,fe,me,Ce,be;const e=(ne=this.gridContext.sort)==null?void 0:ne.value,t=(de=this.gridContext.filter)==null?void 0:de.value,i=(he=this.gridContext.search)==null?void 0:he.value,s=(ce=this.gridContext.skip)==null?void 0:ce.value,r=(pe=this.gridContext.take)==null?void 0:pe.value,a=(ue=this.gridContext.group)==null?void 0:ue.value,h=(ge=this.gridContext.groupExpand)==null?void 0:ge.value,c=(fe=this.gridContext.detailExpand)==null?void 0:fe.value,f=!!(a!=null&&a.length);let b;this.currentColumnsState=(me=this.gridContext.columnsState)==null?void 0:me.value;const g=this.$props.autoProcessData===!0?{group:!0,sort:!0,filter:!0,search:!0,page:!0}:this.$props.autoProcessData;let R=this.$props.total||0;const v=u.tableKeyboardNavigationTools.getIdPrefix(this.navigation);let S=[];Array.isArray(this.$props.dataItems)?S=this.$props.dataItems:this.$props.dataItems&&(S=w.applyExpandedState(this.$props.dataItems,this.$props.collapsedGroups.length?this.computedCollapsed:[],this.$props.uniqueField).data,R=R||this.$props.dataItems.total);const J=this.$props.groupable===!0||d.isObject(this.$props.groupable)&&this.$props.groupable.enabled!==!1;this.dragLogic.reorderable=this.$props.reorderable||!1,this.dragLogic.groupable=J,this._virtualPageSize=this.calcVirtualPageSize();const z=S.length===R,Ge=d.isObject(this.$props.groupable)&&this.$props.groupable.footer||"none";if(this.currentData=[],g){const l=g.page&&!(this.isVirtualScroll&&!this.$props.pageable),{data:C,total:y}=nt.process(S,{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}:{}});S=C,R=(Ce=this.$props.total)!=null?Ce:y}const{resolvedGroupsCount:Te,flattedData:De}=this.getFlatData(S,Ge,z?0:this.$props.skip||0,a,c,h,this.$props.dataItemKey);this.currentData=De;const F=this._virtualSkipRef||0;if(this._virtualTotal=R,this.isVirtualScroll){let l=s||0;if((f||this.$props.pageable)&&(l=F,this._virtualTotal=this.currentData.length),z||f||this.$props.pageable)if(this._virtualPageSize===0){const C=Math.min(r||this.$props.pageSize||20,this.currentData.length);b=this.currentData.slice(l,l+C)}else b=this.currentData.slice(l,l+this._virtualPageSize)}this.initializeVirtualization(),this.initColumns(this.$props.dataItems,Te),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 Q=this.$props.toolbar,T=this.$props.noRecords,N=this._columns.filter(l=>l.children.length===0),X=J&&o.createVNode(Xe.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),Y=(this.dragLogic.reorderable||this.dragLogic.groupable)&&d.canUseDOM&&document&&document.body,Z=[Y&&o.createVNode(rt.DropClue,{ref:l=>{this.dropElementClueRef=l}},null),Y&&o.createVNode(st.DragClue,{ref:l=>{this.dragElementClueRef=l}},null)],ee=o.createVNode(je.Header,{size:this.$props.size,columnResize:this.columnResize,staticHeaders:this.$props.scrollable!=="none",ref:l=>{this.headerRef=l},headerRow:o.createVNode(Je.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||He.operators,onFilterChange:this.filterChangeHandler,columnMenu:this.$props.columnMenu,columnMenuIcon:this.$props.columnMenuIcon,columnMenuAnimate:this.$props.columnMenuAnimate,onSelectionchange:this.onHeaderSelectionChangeHandler,columns:this._columns,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(Qe.FilterRow,{grid:this,size:this.$props.size,columns:this._columns,filter:t,filterOperators:this.$props.filterOperators||He.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:N.map(function(l,C){return o.createVNode("col",{key:C.toString(),width:l.width!==void 0?Math.floor(parseFloat(l.width.toString())):void 0},null)},this)},null),te=this._columns.some(l=>!!l.footerCell)?o.createVNode(Ye.Footer,{size:this.$props.size,columnResize:this.columnResize,staticHeaders:this.$props.scrollable!=="none",ref:l=>{this.footerRef=l},row:o.createVNode(Ze.FooterRow,{isRtl:this.isRtl,rowIndex:this.getAriaRowCount+1,columns:this._columns},null),cols:N.map(function(l,C){return o.createVNode("col",{key:C.toString(),width:l.width!==void 0?Math.floor(parseFloat(l.width.toString())):void 0},null)},this)},null):o.createVNode("span",null,null),ze=this.showLicenseWatermark?o.createVNode(d.WatermarkOverlay,{message:this.licenseMessage},null):null,L=this.$attrs.style,Fe=L&&d.isObject(L)&&L["width"]||"";this.tableWidth=parseFloat(Fe.toString());const ie=N.findIndex(l=>typeof l.colSpan=="function")>-1;let M;ie||(M=this.getCellsToRender(null,N));const Le=function(l,C,y,Re,_){let p=!1;const V=this.$props.selectedField,k=V?d.getNestedValue(V,l.dataItem):void 0,x=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 ie&&(M=this.getCellsToRender(l.dataItem,N)),{row:M.map(function({columnIndex:$,colSpan:E}){var we,xe,Ie,Se;const n=N[$];let I;if((we=n.rowSpannable)!=null&&we.enabled&&l.rowType==="data"&&n.field&&_){const m=n.field?(Ie=(xe=n.rowSpannable).valueGetter)==null?void 0:Ie.call(xe,l.dataItem,n.field):null;I={value:m,count:1},_[n.field]&&((Se=_[n.field])==null?void 0:Se.value)===m&&_[n.field]!==null?(_[n.field].count++,I.count=null):_[n.field]=I}const G=`${n.className?n.className+" ":""}${n.locked?"k-grid-content-sticky":""}`,H=n.left!==void 0?this.isRtl?{left:n.right+"px",right:n.left+"px"}:{left:n.left+"px",right:n.right+"px"}:{};let $e=!1;if(n.editable&&this.$props.editField){const m=d.getNestedValue(this.$props.editField,l.dataItem);(m===!0||m===n.field)&&(p=!0,$e=!0)}let D;n.cell&&(D=n.cell);const ve=this.computedCollapsed&&this.computedCollapsed[l.level]&&this.computedCollapsed[l.level].some(m=>m===w.groupedFirstItemValue(l.dataItem,this.$props.uniqueField)),O=n.id?n.id:$,K=ve?!ve:l.expanded||l.dataItem.expanded,Oe=n._type==="expand",W=u.tableKeyboardNavigationTools.generateNavigatableId(`${C}-${String($)}`,v,Oe||l.rowType==="groupHeader"||l.rowType==="groupFooter"||n.field==="value"?"nodata":"cell");return n.internalCell?o.createVNode(n.internalCell,{key:O,id:W,colSpan:E,dataItem:l.dataItem,field:n.field||"",editor:n.editor,format:n.format,readFormat:n.readFormat,type:n.type,className:G,render:D||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:K,dataIndex:l.dataIndex,style:H,ariaColumnIndex:n.ariaColumnIndex,isRtl:this.isRtl,isSelected:Array.isArray(k)&&k.indexOf($)>-1,isHighlighted:!!(typeof x!="boolean"&&x&&n.field&&x[n.field]===!0),group:l.group,rowSpan:I},null):$e?o.createVNode(Be.GridEditCell,{id:W,key:O,colSpan:E,dataItem:l.dataItem,field:n.field||"",editor:n.editor,format:n.format,readFormat:n.readFormat,type:n.type,className:G,render:D||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:K,dataIndex:l.dataIndex,style:H},null):o.createVNode(at.GridCell,{key:O,id:W,colSpan:E,dataItem:l.dataItem,field:n.field||"",editor:n.editor,format:n.format,readFormat:n.readFormat,type:n.type,className:G,render:D||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:K,dataIndex:l.dataIndex,style:H,rowSpan:I,isSelected:Array.isArray(k)&&k.indexOf($)>-1,isHighlighted:!!(typeof x!="boolean"&&x&&n.field&&x[n.field]===!0)},null)},this),isInEdit:p,isSelected:typeof k=="boolean"&&k,isHighlighted:typeof x=="boolean"&&x}};let Me=0,P=[];const A=!this.currentData.length,se=l=>l>=this.currentData.length-Me;let q=0;if(this.currentData.length){const l=this._columnsMap.length+(this.$props.filterable?1:0)+1;let C=this.$props.skip||0,y=-1,Re=0;const _=this.computedRowSpannable.enabled?{}:void 0;if(this.isVirtualScroll){if(F>0){const p=this.currentData.slice(0,F).filter(V=>V.rowType==="data").length;y+=p,C+=p}!this.$props.pageable&&z&&(y+=this.$props.skip||0)}P=(b||this.currentData).map(function(p,V){p.rowType==="data"&&y++;const k=p.dataIndex%2!==0,x=this.$props.dataItemKey&&d.getter(this.$props.dataItemKey)(p.dataItem),$=V+C,E=x||"ai"+$,n=E+"_1",I=Le.call(this,p,E,y,k,_),G=N.length-(this.detailExpandable.enabled?1:0)-((a==null?void 0:a.length)||0)||1;return q=$+l+Re,[o.createVNode(lt.GridRow,{key:E,item:p,dataIndex:y,ariaRowIndex:q,absoluteRowIndex:$,isAltRow:k,isHidden:se(V),rowHeight:this.$props.rowHeight,isSelected:I.isSelected,isHighlighted:I.isHighlighted,isInEdit:I.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:()=>[I.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:se(V)?"hidden":"",height:this.$props.detailRowHeight+"px"},role:"row","aria-rowindex":q},[a==null?void 0:a.map(function(H){return o.createVNode(B.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(We.GridDetailHierarchyCell,{id:u.tableKeyboardNavigationTools.generateNavigatableId(`${n}-dhcell`,v)},null),o.createVNode(Ue.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 Pe=this.$props.pageable&&o.createVNode(u.Pager,{class:"k-grid-pager",onPagesizechange:this.pageChangeHandler,onPagechange:this.pageChangeHandler,size:this.$props.size,total:R,skip:s||0,pageSize:(r!==void 0?r:this.$props.pageSize)||10,messagesMap:Ee.pagerMessagesMap,settings:u.normalize(this.$props.pageable||{})},null),re=d.getTemplate.call(this,{h:o.h,template:this.$props.pager,defaultRendering:Pe,additionalProps:{...this.$props,skip:this.$props.skip||0,messagesMap:Ee.pagerMessagesMap},additionalListeners:{pagesizechange:this.pageChangeHandler,pagechange:this.pageChangeHandler}}),Ae=l=>e&&e.filter(C=>C.field===l).length>0,ae=o.createVNode("colgroup",{ref:d.setRef(this,"colGroup")},[N.map(function(l,C){return o.createVNode("col",{key:C.toString(),class:Ae(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)]),le={height:this.getCorrectHeight,...this.$attrs.style},qe=this.$props.loader&&o.createVNode("div",{class:"k-loader-container k-loader-container-md k-loader-top"},[o.createVNode("div",{class:"k-loader-container-overlay k-overlay-light"},null),o.createVNode("div",{class:"k-loader-container-inner"},[o.createVNode(Ke.Loader,{size:"large",type:"infinite-spinner"},null)])]),oe=((be=this.$props.showLoader)!=null?be:!!this.$props.loader)&&d.getTemplate.call(this,{h:o.h,template:this.$props.loader,defaultRendering:qe});return this.$props.scrollable==="none"?o.createVNode(u.TableKeyboardNavigationProvider,{ref:"navRef",id:this._gridId,navigatable:this.$props.navigatable},{default:()=>[o.createVNode(ye.GridNav,{ref:l=>{this.gridNavRef=l},currentData:this.currentData,id:this.$props.id,style:le,class:this.nonscrollableWrapperClass},{default:()=>[Q,X,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(" "),ae,ee,o.createVNode("tbody",{class:"k-table-tbody","data-keyboardnavbody":!0},[P,oe]),te]),A&&o.createVNode(Ve.GridNoRecordsContainer,{id:u.tableKeyboardNavigationTools.generateNavigatableId("no-records",v)},{default:()=>[T.length?T:o.createVNode(Ne.GridNoRecords,null,null)]})]),re,Z]})]}):o.createVNode(u.TableKeyboardNavigationProvider,{ref:"navRef",id:this._gridId,navigatable:this.$props.navigatable},{default:()=>[o.createVNode(ye.GridNav,{ref:l=>{this.gridNavRef=l},currentData:this.currentData,id:this.$props.id,style:le,class:this.scrollableWrapperClass},{default:()=>[Q,X,o.createVNode("div",{role:"grid",class:"k-grid-aria-root",id:this._gridRoleElementId,"aria-colcount":this.getAriaColCount,"aria-rowcount":this.getAriaRowCount},[ee,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")},[ae,o.createVNode("tbody",{class:"k-table-tbody",role:"rowgroup","data-keyboardnavbody":!0,ref:d.setRef(this,"tableBody")},[P])]),A&&o.createVNode(Ve.GridNoRecordsContainer,{id:u.tableKeyboardNavigationTools.generateNavigatableId("no-records",v)},{default:()=>[T.length?T:o.createVNode(Ne.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)])]),oe]),te,ze]),re,Z]})]})}});exports.Grid=ct;
+"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"),We=require("@progress/kendo-vue-indicators"),ke=require("./GridNav.js"),He=require("./cells/GridSelectionCell.js"),U=require("./cells/GridHierarchyCell.js"),Ue=require("./cells/GridDetailHierarchyCell.js"),Be=require("./cells/GridDetailCell.js"),je=require("./cells/GridEditCell.js"),Je=require("./header/Header.js"),Qe=require("./header/HeaderRow.js"),Xe=require("./header/FilterRow.js"),Ye=require("./header/GroupPanel.js"),Ze=require("./footer/Footer.js"),et=require("./footer/FooterRow.js"),_e=require("./filterCommon.js"),tt=require("./VirtualScroll.js"),it=require("./drag/ColumnResize.js"),st=require("./drag/CommonDragLogic.js"),rt=require("./drag/DragClue.js"),at=require("./drag/DropClue.js"),w=require("./utils/main.js"),lt=require("./cells/GridCell.js"),B=require("./cells/GridGroupCell.js"),ot=require("./rows/GridRow.js"),nt=require("./common.js"),Ne=require("./header/GridHeaderSelectionCell.js"),Ve=require("./components/noRecords/GridNoRecords.js"),Te=require("./components/noRecords/GridNoRecordsContainer.js"),j=require("./package-metadata.js"),Ee=require("./messages/messagesMap.js"),dt=require("@progress/kendo-data-query"),ht=require("./key.js"),ct=require("./utils/virtualColumns.js"),pt=o.defineComponent({name:"KendoGrid",inheritAttrs:!1,props:{...nt.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 tt.VirtualScroll,this.dragLogic=new st.CommonDragLogic(this.columnReorder.bind(this),this.groupReorder.bind(this),this.columnToGroup.bind(this)),this.columnResize=new it.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 w.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 w.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=w.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=w.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=w.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.$emit("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.$emit("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=w.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(S=>S.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(He.GridSelectionCell),a.defaultHeaderCell=o.markRaw(Ne.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(He.GridSelectionCell),a.internalHeaderCell=o.markRaw(Ne.GridHeaderSelectionCell)});const i=w.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(U.GridHierarchyCell),internalCell:o.markRaw(U.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(U.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(B.GridGroupCell),internalCell:o.markRaw(B.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?w.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=w.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=w.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(w.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 ct.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),S=o.inject(ht.KendoKey,{});return{groupPanelDivRef:t,dropElementClueRef:i,dragElementClueRef:s,headerRef:r,footerRef:a,gridNavRef:h,colGroupRef:c,scrollContainerRef:f,scrollTableRef:C,scrollTableBodyRef:g,gridContext:S,shouldUpdateLeftRightRef:b,resizedRef:v,currentColumnsState:e.columnsState}},render(){var de,he,ce,pe,ue,ge,fe,me,Ce,be,Re;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=this.$props.total||0;const v=u.tableKeyboardNavigationTools.getIdPrefix(this.navigation);let S=[];Array.isArray(this.$props.dataItems)?S=this.$props.dataItems:this.$props.dataItems&&(S=w.applyExpandedState(this.$props.dataItems,this.$props.collapsedGroups.length?this.computedCollapsed:[],this.$props.uniqueField).data,b=b||this.$props.dataItems.total);const J=this.$props.groupable===!0||d.isObject(this.$props.groupable)&&this.$props.groupable.enabled!==!1;this.dragLogic.reorderable=this.$props.reorderable||!1,this.dragLogic.groupable=J,this._virtualPageSize=this.calcVirtualPageSize();const F=S.length===b,Ge=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}=dt.process(S,{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}:{}});S=R,b=(be=this.$props.total)!=null?be:y}const{resolvedGroupsCount:De,flattedData:ze}=this.getFlatData(S,Ge,F?0:this.$props.skip||0,a,c,h,this.$props.dataItemKey);this.currentData=ze;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,De),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 Q=this.$props.toolbar,D=this.$props.noRecords,_=this._columns.filter(l=>l.children.length===0),X=J&&o.createVNode(Ye.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),Y=(this.dragLogic.reorderable||this.dragLogic.groupable)&&d.canUseDOM&&document&&document.body,Z=[Y&&o.createVNode(at.DropClue,{ref:l=>{this.dropElementClueRef=l}},null),Y&&o.createVNode(rt.DragClue,{ref:l=>{this.dragElementClueRef=l}},null)],Fe=this.showLicenseWatermark?o.createVNode(d.WatermarkOverlay,{message:this.licenseMessage},null):null,M=this.$attrs.style,Le=M&&d.isObject(M)&&M["width"]||"";this.tableWidth=parseFloat(Le.toString());const ee=_.findIndex(l=>typeof l.colSpan=="function")>-1;let E;ee||(E=this.getCellsToRender(null,_));const te=(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),ie=o.createVNode(Je.Header,{size:this.$props.size,columnResize:this.columnResize,staticHeaders:this.$props.scrollable!=="none",ref:l=>{this.headerRef=l},headerRow:o.createVNode(Qe.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||_e.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(Xe.FilterRow,{grid:this,size:this.$props.size,columns:this._columns,cellsToRender:E,columnVirtualization:this.$props.columnVirtualization,filter:t,filterOperators:this.$props.filterOperators||_e.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:te},null),se=this._columns.some(l=>!!l.footerCell)?o.createVNode(Ze.Footer,{size:this.$props.size,columnResize:this.columnResize,staticHeaders:this.$props.scrollable!=="none",ref:l=>{this.footerRef=l},row:o.createVNode(et.FooterRow,{isRtl:this.isRtl,rowIndex:this.getAriaRowCount+1,columns:this._columns},null),cols:te},null):o.createVNode("span",null,null),Me=function(l,R,y,$e,N){let p=!1;const V=this.$props.selectedField,k=V?d.getNestedValue(V,l.dataItem):void 0,x=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 ee&&(E=this.getCellsToRender(l.dataItem,_)),{row:E.map(function({columnIndex:$,colSpan:T}){var xe,Ie,Se,ye;const n=_[$];let I;if((xe=n.rowSpannable)!=null&&xe.enabled&&l.rowType==="data"&&n.field&&N){const m=n.field?(Se=(Ie=n.rowSpannable).valueGetter)==null?void 0:Se.call(Ie,l.dataItem,n.field):null;I={value:m,count:1},N[n.field]&&((ye=N[n.field])==null?void 0:ye.value)===m&&N[n.field]!==null?(N[n.field].count++,I.count=null):N[n.field]=I}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 ve=!1;if(n.editable&&this.$props.editField){const m=d.getNestedValue(this.$props.editField,l.dataItem);(m===!0||m===n.field)&&(p=!0,ve=!0)}let z;n.cell&&(z=n.cell);const we=this.computedCollapsed&&this.computedCollapsed[l.level]&&this.computedCollapsed[l.level].some(m=>m===w.groupedFirstItemValue(l.dataItem,this.$props.uniqueField)),O=n.id?n.id:$,K=we?!we:l.expanded||l.dataItem.expanded,Ke=n._type==="expand",W=u.tableKeyboardNavigationTools.generateNavigatableId(`${R}-${String($)}`,v,Ke||l.rowType==="groupHeader"||l.rowType==="groupFooter"||n.field==="value"?"nodata":"cell");return n.internalCell?o.createVNode(n.internalCell,{key:O,id:W,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:K,dataIndex:l.dataIndex,style:H,ariaColumnIndex:n.ariaColumnIndex,isRtl:this.isRtl,isSelected:Array.isArray(k)&&k.indexOf($)>-1,isHighlighted:!!(typeof x!="boolean"&&x&&n.field&&x[n.field]===!0),group:l.group,rowSpan:I},null):ve?o.createVNode(je.GridEditCell,{id:W,key:O,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:K,dataIndex:l.dataIndex,style:H},null):o.createVNode(lt.GridCell,{key:O,id:W,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:K,dataIndex:l.dataIndex,style:H,rowSpan:I,isSelected:Array.isArray(k)&&k.indexOf($)>-1,isHighlighted:!!(typeof x!="boolean"&&x&&n.field&&x[n.field]===!0)},null)},this),isInEdit:p,isSelected:typeof k=="boolean"&&k,isHighlighted:typeof x=="boolean"&&x}};let Pe=0,P=[];const A=!this.currentData.length,re=l=>l>=this.currentData.length-Pe;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,$e=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,x=this.$props.dataItemKey&&d.getter(this.$props.dataItemKey)(p.dataItem),$=V+R,T=x||"ai"+$,n=T+"_1",I=Me.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+$e,[o.createVNode(ot.GridRow,{key:T,item:p,dataIndex:y,ariaRowIndex:q,absoluteRowIndex:$,isAltRow:k,isHidden:re(V),rowHeight:this.$props.rowHeight,isSelected:I.isSelected,isHighlighted:I.isHighlighted,isInEdit:I.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:()=>[I.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:re(V)?"hidden":"",height:this.$props.detailRowHeight+"px"},role:"row","aria-rowindex":q},[a==null?void 0:a.map(function(H){return o.createVNode(B.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(Ue.GridDetailHierarchyCell,{id:u.tableKeyboardNavigationTools.generateNavigatableId(`${n}-dhcell`,v)},null),o.createVNode(Be.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 Ae=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:Ee.pagerMessagesMap,settings:u.normalize(this.$props.pageable||{})},null),ae=d.getTemplate.call(this,{h:o.h,template:this.$props.pager,defaultRendering:Ae,additionalProps:{...this.$props,skip:this.$props.skip||0,messagesMap:Ee.pagerMessagesMap},additionalListeners:{pagesizechange:this.pageChangeHandler,pagechange:this.pageChangeHandler}}),qe=l=>e&&e.filter(R=>R.field===l).length>0,le=o.createVNode("colgroup",{ref:d.setRef(this,"colGroup")},[_.map(function(l,R){return o.createVNode("col",{key:l.id||`col-${R}`,class:qe(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)]),oe={height:this.getCorrectHeight,...this.$attrs.style},Oe=this.$props.loader&&o.createVNode("div",{class:"k-loader-container k-loader-container-md k-loader-top"},[o.createVNode("div",{class:"k-loader-container-overlay k-overlay-light"},null),o.createVNode("div",{class:"k-loader-container-inner"},[o.createVNode(We.Loader,{size:"large",type:"infinite-spinner"},null)])]),ne=((Re=this.$props.showLoader)!=null?Re:!!this.$props.loader)&&d.getTemplate.call(this,{h:o.h,template:this.$props.loader,defaultRendering:Oe});return this.$props.scrollable==="none"?o.createVNode(u.TableKeyboardNavigationProvider,{ref:"navRef",id:this._gridId,navigatable:this.$props.navigatable},{default:()=>[o.createVNode(ke.GridNav,{ref:l=>{this.gridNavRef=l},currentData:this.currentData,id:this.$props.id,style:oe,class:this.nonscrollableWrapperClass},{default:()=>[Q,X,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(" "),le,ie,o.createVNode("tbody",{class:"k-table-tbody","data-keyboardnavbody":!0},[P,ne]),se]),A&&o.createVNode(Te.GridNoRecordsContainer,{id:u.tableKeyboardNavigationTools.generateNavigatableId("no-records",v)},{default:()=>[D.length?D:o.createVNode(Ve.GridNoRecords,null,null)]})]),ae,Z]})]}):o.createVNode(u.TableKeyboardNavigationProvider,{ref:"navRef",id:this._gridId,navigatable:this.$props.navigatable},{default:()=>[o.createVNode(ke.GridNav,{ref:l=>{this.gridNavRef=l},currentData:this.currentData,id:this.$props.id,style:oe,class:this.scrollableWrapperClass},{default:()=>[Q,X,o.createVNode("div",{role:"grid",class:"k-grid-aria-root",id:this._gridRoleElementId,"aria-colcount":this.getAriaColCount,"aria-rowcount":this.getAriaRowCount},[ie,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")},[le,o.createVNode("tbody",{class:"k-table-tbody",role:"rowgroup","data-keyboardnavbody":!0,ref:d.setRef(this,"tableBody")},[P])]),A&&o.createVNode(Te.GridNoRecordsContainer,{id:u.tableKeyboardNavigationTools.generateNavigatableId("no-records",v)},{default:()=>[D.length?D:o.createVNode(Ve.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)])]),ne]),se,Fe]),ae,Z]})]})}});exports.Grid=pt;