@progress/kendo-vue-treelist 8.0.2-develop.2 → 8.0.2-develop.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/cdn/js/kendo-vue-treelist.js +1 -1
  2. package/package-metadata.js +1 -1
  3. package/package-metadata.mjs +2 -2
  4. package/package.json +7 -7
package/dist/cdn/js/kendo-vue-treelist.js CHANGED
@@ -12,4 +12,4 @@
12
12
  * Licensed under commercial license. See LICENSE.md in the package root for more information
13
13
  *-------------------------------------------------------------------------------------------
14
14
  */
15
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("@progress/kendo-vue-common"),require("@progress/kendo-vue-data-tools"),require("@progress/kendo-vue-intl"),require("@progress/kendo-svg-icons"),require("@progress/kendo-vue-inputs"),require("@progress/kendo-vue-dateinputs")):"function"==typeof define&&define.amd?define(["exports","vue","@progress/kendo-vue-common","@progress/kendo-vue-data-tools","@progress/kendo-vue-intl","@progress/kendo-svg-icons","@progress/kendo-vue-inputs","@progress/kendo-vue-dateinputs"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoVueTreelist={},e.Vue,e.KendoVueCommon,e.KendoVueDatatools,e.KendoVueIntl,e.KendoSVGIcons,e.KendoVueInputs,e.KendoVueDateinputs)}(this,(function(e,t,i,r,o,n,l,s){"use strict";const a=t.defineComponent({name:"KendoTreeListNav",emits:{scroll:null,keydown:null,navigationaction:null},props:{currentData:Array,onFocus:Function,role:String},inject:{onNavKeyDown:{default:i.noop},onNavFocus:{default:i.noop},onNavMount:{default:i.noop},handleDispatchFocus:{default:i.noop},kbContext:{default:null},navigation:{default:null}},mounted(){this.onNavMount({scope:this.$el||void 0})},updated(){this.onNavMount({scope:this.$el||void 0})},methods:{handleScroll(e){this.$emit("scroll",e)},onKeyDown(e){this.onNavKeyDown(e,{navigation:this.navigation,kbContext:this.kbContext,onNavigationAction:this.onNavigationAction}),this.$emit("keydown",{dataItems:this.getLeafDataItems(),componentId:this._gridId,selectedField:this.$props.selectedField,event:e})},onFocusIn(e){this.onNavFocus(e,{kbContext:this.kbContext})},onNavigationAction(e){this.$emit("navigationaction",{focusElement:e.focusElement,event:e.event})},getLeafDataItems(){return this.$props.currentData.filter((e=>"data"===e.rowType)).map((e=>e.dataItem))}},render(){const{role:e}=this.$props,r=i.getDefaultSlots(this);return t.createVNode("div",{onScroll:this.handleScroll,onKeydown:this.onKeyDown,onFocusin:this.onFocusIn,"data-keyboardnavscope":!0,role:e},[r])}});function d(e,t){const i=(e||"").split(".");let r=t;return i.forEach((e=>{r=r?r[e]:void 0})),r}function c(e,t,i){const r=Array.from(e.tHead&&e.tHead.rows||[]),o=[t];let n;const l=i||(e=>window.getComputedStyle(e).height||void 0);r.forEach((e=>{let t=l(e);o.push(function(e){return void 0!==e&&("number"==typeof e||/px$/i.test(String(e)))}(t)?parseFloat(String(t)):e.offsetHeight)}));for(let e=0;e<r.length;e++)n=o.slice(0,e+1).reduce(((e,t)=>e+t)),Array.from(r[e].cells).forEach((e=>e.style.top=n+"px"))}const h=1e6;function p(e){const{rows:t,tableViewPortHeight:i,scrollTop:r}=e;if(0===t.length)return[];const o=t[0].height,n=Math.min(Math.round(r/o),t.length),l=Math.round(i/o),s=Math.max(0,n-l),a=Math.min(t.length,n+2*l),d=t.slice(s,a),c=d[d.length-1];return s>0&&d.unshift({dataItem:{},level:[h],offsetTop:0,height:d[0].offsetTop,levelCount:0}),a<t.length-1&&d.push({dataItem:{},level:[h,h],offsetTop:c.offsetTop+c.height,height:(t.length-a)*o,levelCount:0}),d}const u=(e,t,r)=>i.mapTree(e,t,r);function g(e,t,i){let r=[];const o=[];for(let i=e.length-1;i>=0;i--){const o=e[i];r.push({root:o,data:t(o),level:[i],levelCount:e.length})}for(;r.length>0;){let e=r.pop();if(o.push({dataItem:e.root,level:[...e.level],...i(e.root),levelCount:e.levelCount}),e.data.length)for(let i=e.data.length-1;i>=0;i--){const o=e.data[i];r.push({root:o,data:t(o),level:[...e.level,i],levelCount:e.data.length})}}return o}const m=(e,t,i)=>{const r=e[i]||[],o=r.findIndex(t);if(-1!==o){const t=[...r];return t.splice(o,1),{...e,[i]:t}}return e},f=(e,t,r)=>i.getItemPath(e,t,r),v=t.defineComponent({name:"TreeListCell",inheritAttrs:!1,emits:{cellclick:null,cellkeydown:null,expandchange:null,edit:null,add:null,cancel:null,save:null,remove:null},props:{id:String,class:String,field:String,dataItem:Object,format:String,colSpan:Number,colIndex:Number,level:Array,expanded:Boolean,expandable:Boolean,hasChildren:Boolean,isSelected:Boolean,ariaColumnIndex:Number,render:[String,Function,Object]},inject:{kendoIntlService:{default:null},getKeyboardNavigationAttributes:{default:i.noop}},methods:{onKeyDownHandler(e){const{expandable:t,dataItem:r,level:o}=this.$props;e.defaultPrevented||e.keyCode===i.Keys.enter&&t&&(e.preventDefault(),this.$emit("expandchange",e,r,o))},triggerClick(e){this.$emit("cellclick",{event:e,dataItem:this.$props.dataItem,field:this.$props.field})},triggerKeydown(e){this.$emit("cellkeydown",{event:e,dataItem:this.$props.dataItem,field:this.$props.field})},triggerEdit(e){this.$emit("edit",e)},triggerAdd(e){this.$emit("add",e)},triggerCancel(e){this.$emit("cancel",e)},triggerSave(e){this.$emit("save",e)},triggerRemove(e){this.$emit("remove",e)},triggerExpandChange(e){const{dataItem:t,level:i}=this.$props;this.$emit("expandchange",e,t,i)}},computed:{wrapperClass(){const{expandable:e,isSelected:t}=this.$props;return{"k-table-td":!0,"k-text-nowrap":e,"k-selected":t,[this.$props.class]:this.$props.class}}},setup:()=>({kendoIntlService:t.inject("kendoIntlService",{})}),render(){const{hasChildren:e,level:l=[0],expanded:s,dataItem:a,format:d,colSpan:c,ariaColumnIndex:h,isSelected:p,expandable:u,field:g}=this.$props,m=g?i.getNestedValue(g,a):void 0,f=this.getKeyboardNavigationAttributes(this.$props.id),v=o.provideIntlService(this);let b="";null!=m&&(b=d?v.format(d,m):m.toString());const $=function(e){return t.createVNode("span",{key:e,class:"k-treelist-toggle k-icon k-svg-icon"},[t.createVNode("svg",{"aria-hidden":"true",focusable:"false",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},null)])},I=[];u&&(I.push(...l.slice(1).map(((e,t)=>$.call(this,t)))),e?I.push(t.createVNode(i.Icon,{class:"k-treelist-toggle",name:s?"caret-alt-down":"caret-alt-right",icon:s?n.caretAltDownIcon:n.caretAltRightIcon,key:"expand-collapse",onClick:this.triggerExpandChange,"data-prevent-selection":!0},null)):I.push($.call(this,I.length)));const x=t.createVNode("td",{style:this.$attrs.style,class:this.wrapperClass,colspan:c,"aria-colindex":h,"aria-expanded":e?s:void 0,"aria-selected":p,role:"gridcell",onClick:this.triggerClick,onKeydown:this.onKeyDownHandler,"data-grid-col-index":this.$props.colIndex,tabindex:f.tabIndex,"data-keyboardnavlevel":f[r.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":f[r.KEYBOARD_NAV_DATA_ID]},[I,b]);return i.getTemplate.call(this,{h:t.h,template:this.$props.render,defaultRendering:x,additionalProps:{...this.$props,value:m},additionalListeners:{click:this.triggerClick,keydown:this.triggerKeydown,edit:this.triggerEdit,add:this.triggerAdd,cancel:this.triggerCancel,save:this.triggerSave,remove:this.triggerRemove}})}}),b=t.defineComponent({name:"KendoTreeListRow",inheritAttrs:!1,emits:{click:null,dblclick:null,contextmenu:null,focus:null,blur:null,mousedown:null,mouseup:null},props:{level:Array,className:String,expanded:Boolean,rowIndex:Number,levels:Array,ariaSetSize:Number,ariaPosInSet:Number,isSelected:Boolean,dataItem:Object,isAltRow:Boolean,onClick:Function,selectedField:String,rowHeight:Number,ariaRowIndex:Number,render:[String,Function,Object]},computed:{wrapperClass(){const{isSelected:e,isAltRow:t,className:i}=this.$props;return{"k-table-row":!0,"k-table-alt-row":t,"k-master-row":!0,"k-selected":e,"k-group-footer":this.dataItem&&this.dataItem.footer,[i]:i}}},methods:{handleClick(e){this.$emit("click",e)},handleDoubleClick(e){this.$emit("dblclick",e)},handleContextMenu(e){this.$emit("contextmenu",e)},handleFocus(e){this.$emit("focus",e)},handleBlur(e){this.$emit("blur",e)},handleMousedown(e){this.$emit("mousedown",e)},handleMouseup(e){this.$emit("mouseup",e)}},render(){const e=i.getDefaultSlots(this),{rowHeight:r,expanded:o,ariaRowIndex:n,level:l,ariaSetSize:s,ariaPosInSet:a,rowIndex:d}=this.$props,c=t.createVNode("tr",{onClick:this.handleClick,onDblclick:this.handleDoubleClick,onContextmenu:this.handleContextMenu,onFocus:this.handleFocus,onBlur:this.handleBlur,onMousedown:this.handleMousedown,onMouseup:this.handleMouseup,class:this.wrapperClass,style:void 0!==r?{height:r+"px"}:this.$attrs.style,"aria-expanded":o,role:"row","aria-rowindex":n,"aria-level":l.length,"aria-posinset":a,"aria-setsize":s,"data-grid-row-index":d},[e]);return i.getTemplate.call(this,{h:t.h,template:this.$props.render,defaultRendering:c,additionalProps:this.$props,additionalListeners:{click:this.handleClick},defaultSlots:e,swapDefaultSlots:!0})}});function $(e,t,i){const r=i?i.elementFromPoint(e.clientX,e.originalEvent.clientY):null;return t&&r?r.closest(t):null}const I=t.defineComponent({props:{...b.props,clueProps:{type:Object,default:function(){return{}}}},emits:{press:null,drag:null,drop:null},created(){this.allowDrop=!1,this.dragged=null,this.draggedOver=null},mounted(){this.$el&&(this.draggable=this.$refs.draggable)},methods:{onPress(e){const t=this.draggable&&this.draggable.element;t&&(this.dragged=this.$props.level,this.$emit("press",e,t))},onDrag(e){const t=this.draggable&&this.draggable.element;if(!i.canUseDOM)return;const r=t?t.ownerDocument:document;if(!r)return;const o=this.dragged;if(t&&o){e.isTouch||e.originalEvent.preventDefault();const i=this.$props.levels[function(e,t,i){if(!e.originalEvent)return-1;const r=$(e,"tr",i);if(r){const e=t?t.children:[];for(let t=0;t<e.length;t++)if(e[t]===r)return t}return-1}(e,t.parentNode,r)];this.draggedOver=i,this.allowDrop=i?!o.every(((e,t)=>e===i[t])):!!$(e,"k-grid k-grid-md",r),this.$emit("drag",{nativeEvent:e.originalEvent,dragged:o,draggedOver:i,draggedItem:this.$props.dataItem,clueProps:{visible:!0,top:e.pageY+10,left:e.pageX,text:t.innerText,allowDrop:this.allowDrop}})}},onRelease(e){if(this.draggable&&this.draggable.element&&this.dragged){const t=[...this.dragged],i=this.draggedOver&&[...this.draggedOver];this.dragged=null,this.draggedOver=null;const r=this.$props.dataItem;this.$emit("drop",{nativeEvent:e.originalEvent,dragged:t,draggedOver:i,draggedItem:r,clueProps:{allowDrop:this.allowDrop}}),this.allowDrop=!1}}},render(){const e=i.getDefaultSlots(this);return t.createVNode(i.Draggable,{onPress:this.onPress,onDrag:this.onDrag,onRelease:this.onRelease,ref:"draggable"},function(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}(e)?e:{default:()=>[e]})}}),x=t.defineComponent({name:"KendoRowClue",props:{visible:Boolean,top:Number,left:Number,text:String,allowDrop:Boolean},computed:{statusIconName(){return this.$props.allowDrop?"plus":"cancel"},statusSvg(){return this.$props.allowDrop?n.plusIcon:n.cancelIcon}},mounted(){const e=document.body;this.windowElement=this.$refs.wrapper,e.append(this.windowElement)},beforeUnmount(){this.windowElement.remove()},render(){return this.visible&&t.createVNode("div",{class:"k-header k-drag-clue",ref:"wrapper",style:{display:"block",position:"absolute",zIndex:2e4,padding:"8px 12px",top:this.$props.top+"px",left:this.$props.left+"px"}},[t.createVNode(i.Icon,{name:this.statusIconName,class:"k-drag-status",icon:this.statusSvg},null),this.$props.text])}}),C={name:"@progress/kendo-vue-treelist",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:0,version:"8.0.2-develop.2",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=vue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"},S="treelist.noRecords",k="treelist.pagerInfo",w="treelist.pagerFirstPage",y="treelist.pagerPreviousPage",N="treelist.pagerNextPage",D="treelist.pagerLastPage",A="treelist.pagerItemsPerPage",E="treelist.pagerPageSelection",T="treelist.pagerPage",R="treelist.pagerOf",L="treelist.pagerTotalPages",O="treelist.groupPanelEmpty",K="treelist.columnMenu",F="treelist.filterClearButton",V="treelist.filterSubmitButton",B="treelist.filterTitle",z="treelist.sortAscending",_="treelist.sortDescending",j="treelist.searchPlaceholder",M="treelist.filterCheckAll",P="treelist.filterChooseOperator",H="treelist.filterSelectedItems",q="treelist.sortAriaLabel",U="treelist.filterAriaLabel",Y="treelist.filterEqOperator",G="treelist.filterNotEqOperator",W="treelist.filterIsNullOperator",X="treelist.filterIsNotNullOperator",J="treelist.filterIsEmptyOperator",Q="treelist.filterIsNotEmptyOperator",Z="treelist.filterStartsWithOperator",ee="treelist.filterContainsOperator",te="treelist.filterNotContainsOperator",ie="treelist.filterEndsWithOperator",re="treelist.filterGteOperator",oe="treelist.filterGtOperator",ne="treelist.filterLteOperator",le="treelist.filterLtOperator",se="treelist.filterIsTrue",ae="treelist.filterIsFalse",de="treelist.filterBooleanAll",ce="treelist.filterAfterOrEqualOperator",he="treelist.filterAfterOperator",pe="treelist.filterBeforeOperator",ue="treelist.filterBeforeOrEqualOperator",ge={[S]:"No records available",[O]:"Drag a column header and drop it here to group by that column",[K]:"Column Menu",[F]:"Clear",[V]:"Filter",[B]:"Filter",[z]:"Sort Ascending",[_]:"Sort Descending",[A]:"items per page",[E]:"Select page",[k]:"{0} - {1} of {2} items",[w]:"Go to the first page",[y]:"Go to the previous page",[N]:"Go to the next page",[D]:"Go to the last page",[T]:"Page",[R]:"of",[L]:"{0}",[j]:"Search",[M]:"Check All",[P]:"Choose Operator",[H]:"selected items",[q]:"Sortable",[U]:"Filter",[Y]:"Is equal to",[G]:"Is not equal to",[W]:"Is null",[X]:"Is not null",[J]:"Is empty",[Q]:"Is not empty",[Z]:"Starts with",[ee]:"Contains",[te]:"Does not contain",[ie]:"Ends with",[re]:"Is greater than or equal to",[oe]:"Is greater than",[ne]:"Is less than or equal to",[le]:"Is less than",[se]:"Is true",[ae]:"Is false",[de]:"(All)",[ce]:"Is after or equal to",[he]:"Is after",[pe]:"Is before",[ue]:"Is before or equal to","treelist.filterAndLogic":"And","treelist.filterOrLogic":"Or"};function me(e){const t=e.replace(/^pager\.([a-z])/,((e,t)=>"treelist.pager"+t.toUpperCase()));return{messageKey:t,defaultMessage:ge[t]}}const fe=t.defineComponent({name:"TreeListSelectionCell",inheritAttrs:!1,emits:{cellclick:null,cellkeydown:null,expandchange:null,selectionchange:null,edit:null,add:null,cancel:null,save:null,remove:null},props:{id:String,field:String,dataItem:Object,format:String,colSpan:Number,colIndex:Number,level:Array,expanded:Boolean,expandable:Boolean,hasChildren:Boolean,isSelected:Boolean,ariaColumnIndex:Number,render:[String,Function,Object],onChange:Function},created(){this.inputId=i.guid()},inject:{kendoIntlService:{default:null},getKeyboardNavigationAttributes:{default:i.noop}},methods:{triggerClick(e){this.$emit("cellclick",{event:e,dataItem:this.$props.dataItem,field:this.$props.field})},triggerKeydown(e){this.$emit("cellkeydown",{event:e,dataItem:this.$props.dataItem,field:this.$props.field})},triggerEdit(e){this.$emit("edit",e)},triggerAdd(e){this.$emit("add",e)},triggerCancel(e){this.$emit("cancel",e)},triggerSave(e){this.$emit("save",e)},triggerRemove(e){this.$emit("remove",e)},handleOnChange(e){this.$emit("selectionchange",{event:e,item:{dataItem:this.dataItem,level:this.level},field:this.field,colIndex:this.colIndex})}},setup:()=>({kendoIntlService:t.inject("kendoIntlService",{})}),render(){const{dataItem:e,colSpan:o,ariaColumnIndex:n,isSelected:l,field:s}=this.$props,a=i.getNestedValue(s,e),d=this.getKeyboardNavigationAttributes(this.$props.id),c=t.createVNode("td",{style:this.$attrs.style,role:"gridcell",class:"k-table-td",colspan:o,"aria-selected":l,"aria-colindex":n,"data-grid-col-index":this.$props.colIndex,tabindex:d.tabIndex,"data-keyboardnavlevel":d[r.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":d[r.KEYBOARD_NAV_DATA_ID]},[t.createVNode("input",{checked:"boolean"==typeof a&&a,id:this.inputId,type:"checkbox",class:"k-checkbox k-checkbox-md k-rounded-md",onChange:this.handleOnChange},null),t.createVNode("label",{class:"k-checkbox-label",for:this.inputId},null)]);return i.getTemplate.call(this,{h:t.h,template:this.$props.render,defaultRendering:c,additionalProps:this.$props,additionalListeners:{click:this.triggerClick,keydown:this.triggerKeydown,edit:this.triggerEdit,add:this.triggerAdd,cancel:this.triggerCancel,save:this.triggerSave,remove:this.triggerRemove}})}});function ve(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}const be=t.defineComponent({name:"KendoTreeList",props:{dataItems:Array,resizable:Boolean,reorderable:Boolean,sortable:[Object,Boolean],sort:Array,columns:Array,columnVirtualization:Boolean,filter:[Array,Object],filterable:Boolean,filterOperators:Object,filterRow:[String,Function,Object],cellRender:[String,Function,Object],toolbar:[String,Function,Object],noRecords:[String,Function,Object],expandField:String,subItemsField:String,selectedField:String,editField:String,scrollable:String,rowHeight:Number,tableProps:Object,rowClass:Function,pageable:[Boolean,Object],pager:[String,Function,Object],skip:Number,take:Number,wrapperStyle:Object,dataItemKey:String,navigatable:Boolean,size:{type:String,validator:function(e){return["none","small","medium"].includes(e)}},reordableRows:Boolean,onDatastatechange:Function,onPagechange:Function,onSortchange:Function,onFilterchange:Function},created(){this.prevData=[],this.prevColumns=void 0,this.flattedData=[],this.extendedColumn=[],this.columnsMap=[],this.element=null,this._treeListId=i.guid(),i.validatePackage(C),this.dragLogic=new r.CommonDragLogic(this.columnReorder.bind(this),i.noop,i.noop),this.columnResize=new r.ColumnResize(this.onResize.bind(this))},inject:{kendoLocalizationService:{default:null}},computed:{wrapperClass(){const{size:e,scrollable:t}=this.$props;return{"k-grid":!0,[this.$props.className]:this.$props.className,"k-grid-md":!e,[`k-grid-${i.kendoThemeMaps.sizeMap[e]||e}`]:e,"k-treelist":!0,"k-treelist-scrollable":"none"!==t}},toolbarClass(){const{size:e}=this.$props;return{"k-toolbar":!0,"k-toolbar-solid":!0,"k-grid-toolbar":!0,[`k-toolbar-${i.kendoThemeMaps.sizeMap[e]||e}`]:e}},gridTableClass(){const{size:e}=this.$props;return{"k-table":!0,"k-grid-table":!0,"k-grid-md":!e,[`k-table-${i.kendoThemeMaps.sizeMap[e]||e}`]:e}}},data:()=>({wrapperScrollLeft:0,wrapperScrollTop:0,updateOnScroll:!1,tbodyOffsetTop:0,isRtl:!1,navigation:void 0,rowClue:{}}),mounted(){this.calculateSizes(this.$el);const e=i.isRtl(this.$el);this.isRtl=e;const t=i.getRef(this,"gridNav"),r=i.getRef(this,"dropElementClue"),o=i.getRef(this,"dragElementClue");this.dragLogic.refDropElementClue(r),this.dragLogic.refDragElementClue(o),this.columnResize.colGroupMain=i.getRef(this,"colGroup"),t&&(this.element=t.$el)},destroyed(){this.columnResize.columns=[],this.dragLogic.columns=[],this.extendedColumn=[],this.columnsMap=[],this.prevData=[],this.flattedData=[],this.updateOnScroll=!1},render(){i.getDefaultSlots(this);const{columns:e=[],filterRow:n,scrollable:l="scrollable",resizable:s=!1,reorderable:c=!1,skip:h,take:u,filterable:g,reordableRows:m}=this.$props,f=n||r.FilterRow,$=r.tableKeyboardNavigationTools.getIdPrefix(this.navigation);this.prevColumns!==e&&(this.extendedColumn=r.readColumns(e,{prevId:0,idPrefix:$}),this.columnsMap=r.mapColumns(this.extendedColumn)),this.prevColumns=this.$props.columns;const C=this.extendedColumn.filter((e=>0===e.children.length));this.columnResize.columns=this.extendedColumn,this.columnResize.resizable=s,this.dragLogic.columns=this.extendedColumn,this.dragLogic.reorderable=c,this.dragLogic.groupable=!1;const k=this.$props.filter&&0===this.$props.filter.length?void 0:this.$props.filter&&void 0!==this.$props.filter.length?{logic:"and",filters:this.$props.filter}:this.$props.filter,w=t.createVNode(r.Header,{size:this.$props.size,headerRow:t.createVNode(r.HeaderRow,{grid:this,sort:this.$props.sort,filter:k,sortable:this.$props.sortable,selectedField:this.$props.selectedField,reorderable:c,filterable:g,filterOperators:this.$props.filterOperators||r.operators,onSortChange:this.sortChange,onSelectionchange:this.onHeaderSelectionChange,columns:this.extendedColumn,columnsMap:this.columnsMap,cellRender:this.$props.headerCellRender,columnResize:this.columnResize,columnMenu:this.$props.columnMenu,onFilterChange:this.columnMenuFilterChange,onPressHandler:this.dragLogic.pressHandler,onDragHandler:this.dragLogic.dragHandler,onReleaseHandler:this.dragLogic.releaseHandler,filterRow:g?t.createVNode(f,{size:this.$props.size,columns:C,filter:this.$props.filter||[],onFilterchange:this.filterChange,sort:this.$props.sort,ariaRowIndex:this.columnsMap.length+1,grid:this,filterOperators:this.$props.filterOperators||r.operators,cellRender:this.$props.filterCellRender,isRtl:this.isRtl},null):void 0},null),columnResize:this.columnResize},null),y=this.$props.wrapperStyle||{},{colSpans:N,hiddenColumns:D}=r.tableColumnsVirtualization({enabled:this.$props.columnVirtualization,columns:C,scrollLeft:this.wrapperScrollLeft,tableViewPortWidth:parseFloat((y.width||"").toString())}),A=(e,o,n,l,s,a)=>C.map((function(d,c){if(D[c])return null;const h=d.id?d.id:c,p=`${d.className?d.className+" ":""}${d.locked?"k-grid-content-sticky":""}`,u=i.templateRendering.call(this,this.$props.cellRender||d.cell,i.getListeners.call(this));if(o&&d.editCell){const o=i.templateRendering.call(this,d.editCell,i.getListeners.call(this));return i.getTemplate.call(this,{h:t.h,template:o,additionalProps:{id:r.tableKeyboardNavigationTools.generateNavigatableId(`${n}-${String(c)}`,$),colSpan:N[c],dataItem:e.dataItem,field:d.field,format:d.format,class:p||void 0,render:u,level:e.level,expandable:d.expandable,expanded:l,hasChildren:this.hasChildren(e.dataItem),colIndex:c,ariaColumnIndex:d.ariaColumnIndex,style:void 0!==d.left&&{left:d.left+"px",right:d.right+"px",borderRightWidth:d.rightBorder?"1px":""}||{},isSelected:Array.isArray(a)&&a.indexOf(c)>-1},additionalListeners:{change:this.itemChange,input:this.itemChange,expandchange:this.expandChange,selectionchange:t=>this.selectionChange(t,e,c,s)}})}const g=this.selectedField&&d.field===this.selectedField?fe:v;return t.createVNode(g,{key:h,id:r.tableKeyboardNavigationTools.generateNavigatableId(`${n}-${String(c)}`,$),colSpan:N[c],dataItem:e.dataItem,field:d.field,format:d.format,class:p||void 0,render:u,onCellclick:this.cellClick,onCellkeydown:this.cellKeydown,onChange:this.itemChange,onSelectionchange:t=>this.selectionChange(t,e,c,s),level:e.level,expandable:d.expandable,expanded:l,hasChildren:this.hasChildren(e.dataItem),onExpandchange:this.expandChange,colIndex:c,ariaColumnIndex:d.ariaColumnIndex,style:void 0!==d.left&&{left:d.left+"px",right:d.right+"px",borderRightWidth:d.rightBorder?"1px":""}||{},isSelected:Array.isArray(a)&&a.indexOf(c)>-1},null)}),this);let E=this.flatData();const T=E.length;void 0!==h&&void 0!==u&&(E=E.slice(h,h+u)),"virtual"===l&&(E=p({rows:E,tableViewPortHeight:parseFloat((y.height||y.maxHeight||"").toString()),scrollTop:this.wrapperScrollTop}),this.updateOnScroll=!1);const R=i.templateRendering.call(this,this.$props.noRecords,i.getListeners.call(this)),L=o.provideLocalizationService(this).toLanguageString(S,ge[S]),O=i.getTemplate.call(this,{h:t.h,template:R}),K=E.length?E.map((function(e){return e.level})):[],F=this.columnsMap.length+(g?1:0)+1,V=E.length>0&&E.map((function(e,r){const o=d(this.$props.editField,e.dataItem),n=this.$props.dataItemKey&&i.getter(this.$props.dataItemKey)(e.dataItem),s=String(n||e.level.join(".")),a=this.expanded(e.dataItem),c=this.$props.selectedField?d(this.$props.selectedField,e.dataItem):void 0,h=this.$props.row||b,p=A(e,o,s,a,r,c),u=t.createVNode(h,{key:s,level:e.level,levels:K,dataItem:e.dataItem,selectedField:this.$props.selectedField,rowHeight:"virtual"===l?e.height:this.$props.rowHeight,render:this.$props.rowRender,onDrop:this.onRowDrop,onDrag:this.onRowDrag,onClick:t=>this.emitRowEvent("rowclick",t,e),onDblclick:t=>this.emitRowEvent("rowdoubleclick",t,e),onContextmenu:t=>this.emitRowEvent("rowcontextmenu",t,e),onFocus:t=>this.emitRowEvent("rowfocus",t,e),onBlur:t=>this.emitRowEvent("rowblur",t,e),onMousedown:t=>this.emitRowEvent("rowmousedown",t,e),onMouseup:t=>this.emitRowEvent("rowmouseup",t,e),isAltRow:r%2!=0,expanded:a,rowIndex:r,ariaRowIndex:F+r,ariaSetSize:e.levelCount,ariaPosInSet:e.level[e.level.length-1]+1,isSelected:"boolean"==typeof c&&c,className:this.$props.rowClass?this.$props.rowClass(e):""},ve(p)?p:{default:()=>[p]});return m?t.createVNode(I,{key:s,level:e.level,levels:K,dataItem:e.dataItem,onDrag:this.onRowDrag,onDrop:this.onRowDrop},ve(u)?u:{default:()=>[u]}):u}),this)||t.createVNode("tr",{class:"k-table-row k-grid-norecords"},[t.createVNode("td",{class:"k-table-td",colspan:C.length},[this.$props.noRecords?O:L])]),B=e=>this.$props.sort&&this.$props.sort.some((t=>t.field===e)),z=t.createVNode("colgroup",{ref:i.setRef(this,"colGroup")},[C.map((function(e){return t.createVNode("col",{class:B(e.field)?"k-sorted":void 0,width:void 0!==e.width?-1!==e.width.toString().indexOf("%")?e.width:Math.floor(parseFloat(e.width.toString()))+"px":void 0},null)}),this)]),_=this.$props.columnVirtualization||"virtual"===this.$props.scrollable,j=this.$props.selectable&&this.$props.selectable.drag?"none":void 0,M=this.$props.tableProps||{},P=i.templateRendering.call(this,this.$props.toolbar,i.getListeners.call(this)),H=i.getTemplate.call(this,{h:t.h,template:P}),q=i.templateRendering.call(this,this.$props.pager,i.getListeners.call(this)),U=this.$props.pageable&&t.createVNode(r.Pager,{class:"k-grid-pager",size:this.$props.size,onPagesizechange:this.pageChangeHandler,onPagechange:this.pageChangeHandler,total:T,skip:this.$props.skip||0,pageSize:this.$props.take||10,messagesMap:me,settings:r.normalize(this.$props.pageable||{})},null),Y=i.getTemplate.call(this,{h:t.h,template:q,defaultRendering:U,additionalProps:{...this.$props,skip:this.skip||0,messagesMap:me},additionalListeners:{pagesizechange:this.pageChangeHandler,pagechange:this.pageChangeHandler}}),G=this.dragLogic.reorderable&&i.canUseDOM&&document&&document.body,W=this.reordableRows&&this.rowClue&&this.rowClue.visible&&i.canUseDOM&&document&&document.body,X=[G&&t.createVNode(r.DropClue,{ref:i.setRef(this,"dropElementClue")},null),G&&t.createVNode(r.DragClue,{ref:i.setRef(this,"dragElementClue")},null),W&&t.createVNode(x,{visible:this.rowClue.visible,top:this.rowClue.top,left:this.rowClue.left,text:this.rowClue.text,allowDrop:this.rowClue.allowDrop},null)];return t.createVNode(r.TableKeyboardNavigationProvider,{ref:"navRef",id:this._treeListId,navigatable:this.$props.navigatable},{default:()=>[t.createVNode(a,{style:this.$props.wrapperStyle,class:this.wrapperClass,currentData:E,onScroll:_?this.handleOnScroll:i.noop,onKeydown:this.onKeyDown,onFocus:this.onFocus,"aria-rowcount":T,"aria-colcount":C.length,role:"treegrid",ref:e=>{this.treeListNavRef=e}},{default:()=>[this.$props.toolbar&&t.createVNode("div",{class:this.toolbarClass},[H]),t.createVNode("table",{class:this.gridTableClass,style:{...M.style||{},userSelect:j},role:"presentation"},[z,w,t.createVNode("tbody",{class:"k-table-tbody","data-keyboardnavbody":!0,role:"presentation"},[V])]),Y,X]})]})},methods:{scrollIntoView(e){if(!this.element)return;const{rowIndex:t=0}=e,{scrollable:i,rowHeight:r=0}=this.$props;if("virtual"===i||r)this.element.scroll(0,(t-1)*r);else{const e=this.element.querySelector(`tbody > tr:nth-child(${t})`);if(e){const t=e.offsetTop-this.tbodyOffsetTop;this.element.scroll(0,t)}}},getColumns(){const e=this.extendedColumn.filter((e=>e.declarationIndex>=0&&-1===e.parentIndex));return(e=>(e.sort(((e,t)=>e.declarationIndex-t.declarationIndex)),e))(e)},flatData(){const{dataItems:e=[],rowHeight:t=0}=this.$props;let i=0;const r=this.updateOnScroll&&this.prevData===e&&this.tbodyOffsetTop>0&&this.flattedData.length?this.flattedData:g(e,this.expandedSubItems,(e=>{const r={height:t,offsetTop:i};return i+=r.height,r}));return this.prevData=e,this.flattedData=r,r},onKeyDown(e){this.$emit("keydown",e)},onFocus(e){},onRowDrag(e){this.rowClue=e.clueProps,this.$emit("rowdrag",{...e,target:this})},onRowDrop(e){this.rowClue=e.clueProps,e.clueProps.allowDrop&&this.$emit("rowdrop",{...e,target:this})},columnReorder(e,t,i){const r=this.extendedColumn[e].depth,o=e=>{do{e++}while(e<this.extendedColumn.length&&this.extendedColumn[e].depth>r);return e},n=this.extendedColumn.splice(e,o(e)-e);this.extendedColumn.splice(e<t?o(t-n.length):t,0,...n),this.extendedColumn.filter((e=>e.declarationIndex>=0)).forEach(((e,t)=>e.orderIndex=t));const l={component:this,columns:this.getColumns(),prev:e,next:t,event:i};this.$emit("columnreorder",l)},onResize(e,t,i,r,o){const n=this.extendedColumn.filter((e=>0===e.children.length)).reduce(((e,t)=>e+parseFloat(String(t.width))),0);if(this.extendedColumn&&this.columns){const i=this.columns[e].width,r=i&&i.toString().indexOf("px")>0;this.extendedColumn[e].width=r?t+"px":t}const l={columns:this.getColumns(),totalWidth:n,index:e,event:r,newWidth:t,oldWidth:i,end:o,component:this};o&&(this.prevColumns=void 0),this.$emit("columnresize",l)},handleOnScroll(e){const t=e.currentTarget.scrollLeft,i=e.currentTarget.scrollTop,{columnVirtualization:r,scrollable:o,rowHeight:n=0}=this.$props,l=n;let s=!1;r&&Math.abs(this.wrapperScrollLeft-t)>0&&(this.wrapperScrollLeft=t,s=!0),"virtual"===o&&Math.abs(this.wrapperScrollTop-i)>l&&(this.wrapperScrollTop=i,s=!0),s&&(this.updateOnScroll=!0)},calculateSizes(e){if(!e||"none"===this.$props.scrollable)return;const t=Array.from(e.childNodes),r=t.find((e=>"TABLE"===e.nodeName)),o=this.$props.toolbar&&t.find((e=>1===e.nodeType&&e.classList.contains("k-grid-toolbar")));let n=0;if(o&&i.canUseDOM){const e=o.style.boxSizing;o.style.boxSizing="border-box",n=parseFloat(String(window.getComputedStyle(o).height))||o.offsetHeight,o.style.boxSizing=e,o.getAttribute("style")||o.removeAttribute("style")}this.tbodyOffsetTop=r.tBodies[0].offsetTop,c(r,n)},cellClick(e){this.$emit("cellclick",e)},cellKeydown(e){this.$emit("cellkeydown",e)},itemChange(e){if(e.field===this.$props.expandField){if(this.$props.onExpandchange){const t={...this.getArguments(e.event),dataItem:e.dataItem,level:e.level,value:e.value};this.$emit("expandchange",t)}return}const t={...this.getArguments(e.event),dataItem:e.dataItem,level:e.level,field:e.field,value:e.value};e.dataItem&&this.$emit("itemchange",t)},selectionChange(e){const{event:t,item:i,columnIndex:o}=e;if(!i)return;const{mode:n,cell:l}=r.getSelectionOptions(this.$props.selectable),s={...this.getArguments(t),dataItem:i.dataItem,level:i.level,startColIndex:o,endColIndex:o,dataItems:this.getLeafDataItems(),altKey:!1,ctrlKey:!1,shiftKey:!1,metaKey:!1,mode:n,cell:l,isDrag:!1,componentId:this._treeListId,selectedField:this.$props.selectedField||""};this.$emit("selectionchange",s)},onHeaderSelectionChange(e){const t={field:e.field,event:e.event,component:this,dataItems:this.getLeafDataItems()};this.$emit("headerselectionchange",t)},selectionRelease(e){if(this.$props.onSelectionchange){const t={event:void 0,component:this,selectedField:this.$props.selectedField||"",componentId:this._treeListId,dataItems:this.getLeafDataItems(),dataItem:null,level:[],...e};this.$emit("selectionchange",t)}},sortChange(e,t){this.raiseDataEvent("sortchange",{sort:e,field:t.field},t)},filterChange(e,t){const i=e?e.filters:[];this.raiseDataEvent("filterchange",{filter:i},{filter:i,skip:0},t)},columnMenuFilterChange(e,t){const i={...t,filter:e?e.filters:[],component:this};this.$emit("columnmenufilterchange",i)},expandChange(e,t,i){const{expandField:r}=this.$props;if(r){const r={...this.getArguments(e),dataItem:t,level:i,value:this.expanded(t)};this.$emit("expandchange",r)}},emitRowEvent(e,t,i){if("TD"===t.target.nodeName){const r={dataItem:i.dataItem,level:i.level,...this.getArguments(t)};this.$emit(e,r)}},pageChangeHandler(e,t){this.raiseDataEvent("pagechange",{page:e,event:t,skip:e.skip,take:e.take},{skip:e.skip,take:e.take},t)},raiseDataEvent(e,t,r,o){i.hasListener.call(this,e)?this.$emit(e,{...this.getArguments(o),...t}):i.hasListener.call(this,"datastatechange")&&this.$emit("datastatechange",{...this.getArguments(o),data:{...this.getDataState(),...t,...r}})},getDataState(){return{filter:this.$props.filter,sort:this.$props.sort}},getArguments(e){return{event:e,component:this}},expandedSubItems(e){const t=[];return this.expanded(e)&&this.hasChildren(e)&&t.push(...d(this.$props.subItemsField,e)),t},getLeafDataItems(){return this.flatData().map((e=>e.dataItem))},expanded(e){return!!d(this.$props.expandField,e)},hasChildren(e){return!!d(this.$props.subItemsField,e)}}}),$e=[{text:ee,operator:"contains"},{text:te,operator:"doesnotcontain"},{text:Y,operator:"eq"},{text:G,operator:"neq"},{text:Z,operator:"startswith"},{text:ie,operator:"endswith"},{text:W,operator:"isnull"},{text:X,operator:"isnotnull"},{text:J,operator:"isempty"},{text:Q,operator:"isnotempty"}],Ie=[{text:Y,operator:"eq"},{text:G,operator:"neq"},{text:re,operator:"gte"},{text:oe,operator:"gt"},{text:ne,operator:"lte"},{text:le,operator:"lt"},{text:W,operator:"isnull"},{text:X,operator:"isnotnull"}],xe=[{text:Y,operator:"eq"},{text:G,operator:"neq"},{text:ce,operator:"gte"},{text:he,operator:"gt"},{text:pe,operator:"lt"},{text:ue,operator:"lte"},{text:W,operator:"isnull"},{text:X,operator:"isnotnull"}],Ce=[{text:de,operator:""},{text:se,operator:!0},{text:ae,operator:!1}];function Se(e,t){return{clearButtonTitle:e.toLanguageString(F,ge[F]),operators:t.map((t=>({text:e.toLanguageString(t.text,ge[t.text]),operator:t.operator})))}}const ke=t.defineComponent({name:"KendoTreeListTextFilter",inject:{kendoLocalizationService:{default:null},getKeyboardNavigationAttributes:{default:null}},emits:{change:null},setup:()=>({kendoLocalizationService:t.inject("kendoLocalizationService",{})}),render(){const{operators:e,...i}=this.$props,n={...Se(o.provideLocalizationService(this),e||$e),...i,filterType:"numeric"};return{filterCell:t.h(r.FilterCell,{onChange:this.onChange,...n})}},methods:{onChange(e){this.$emit("change",e)}}}),we=t.defineComponent({name:"KendoTreeListNumericFilter",inject:{kendoLocalizationService:{default:null},getKeyboardNavigationAttributes:{default:null}},emits:{change:null},setup:()=>({kendoLocalizationService:t.inject("kendoLocalizationService",{})}),render(){const{operators:e,...i}=this.$props,n={...Se(o.provideLocalizationService(this),e||Ie),...i,filterType:"numeric"};return{filterCell:t.h(r.FilterCell,{onChange:this.onChange,...n})}},methods:{onChange(e){this.$emit("change",e)}}}),ye=t.defineComponent({name:"KendoTreeListDateFilter",inject:{kendoLocalizationService:{default:null},getKeyboardNavigationAttributes:{default:null}},emits:{change:null},setup:()=>({kendoLocalizationService:t.inject("kendoLocalizationService",{})}),render(){const{operators:e,...i}=this.$props,n={...Se(o.provideLocalizationService(this),e||xe),...i,filterType:"date"};return{filterCell:t.h(r.FilterCell,{onChange:this.onChange,...n})}},methods:{onChange(e){this.$emit("change",e)}}}),Ne=t.defineComponent({name:"KendoTreeListBooleanFilter",inject:{kendoLocalizationService:{default:null},getKeyboardNavigationAttributes:{default:null}},emits:{change:null},setup:()=>({kendoLocalizationService:t.inject("kendoLocalizationService",{})}),render(){const{operators:e,...i}=this.$props,n={...Se(o.provideLocalizationService(this),e||Ce),...i,filterType:"boolean"};return{filterCell:t.h(r.FilterCell,{onChange:this.onChange,...n})}},methods:{onChange(e){this.$emit("change",e)}}}),De=t.defineComponent({name:"KendoTreeListTextEditor",inheritAttrs:!1,props:{id:String,field:String,dataItem:Object,format:String,colSpan:Number,colIndex:Number,level:Array,expanded:Boolean,isSelected:Boolean,ariaColumnIndex:Number,render:[String,Function,Object],focusInputOnMount:Boolean},emits:{input:null,change:null,cellkeydown:null,edit:null,add:null,cancel:null,save:null,remove:null},inject:{kendoIntlService:{default:null},getKeyboardNavigationAttributes:{default:i.noop}},data:()=>({inputId:i.guid()}),mounted(){const e=this.$el&&this.$el.querySelector("input");!e||e===document.activeElement||!this.focusInputOnMount||e.select()},methods:{triggerKeydown(e){this.$emit("cellkeydown",{event:e,dataItem:this.$props.dataItem,field:this.$props.field})},triggerEdit(e){this.$emit("edit",e)},triggerAdd(e){this.$emit("add",e)},triggerCancel(e){this.$emit("cancel",e)},triggerSave(e){this.$emit("save",e)},triggerRemove(e){this.$emit("remove",e)},changeHandler(e){this.$emit("change",{dataItem:this.$props.dataItem,field:this.$props.field,event:e,level:this.$props.level,value:e.target.value})},inputHandler(e){this.$emit("input",{dataItem:this.$props.dataItem,field:this.$props.field,event:e,level:this.$props.level,value:e.target.value})}},computed:{tdClass(){const{className:e}=this.$props;return{"k-table-td":!0,[e]:e}}},setup:()=>({kendoIntlService:t.inject("kendoIntlService",{})}),render(){const e=i.getNestedValue(this.$props.field,this.$props.dataItem),o=this.getKeyboardNavigationAttributes(this.$props.id),n=t.createVNode("td",{style:this.$attrs.style,onKeydown:this.triggerKeydown,colspan:this.$props.colSpan,class:this.tdClass,role:"gridcell","aria-colindex":this.$props.ariaColumnIndex,"aria-selected":this.$props.isSelected,"data-grid-col-index":this.$props.colIndex,tabindex:o.tabIndex,"data-keyboardnavlevel":o[r.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":o[r.KEYBOARD_NAV_DATA_ID]},[t.createVNode("span",{class:"k-textbox k-input k-input-md k-rounded-md k-input-solid"},[t.createVNode("input",{style:{width:"100%"},class:"k-input-inner",value:null!=e?e:"",onChange:this.changeHandler,onInput:this.inputHandler},null)])]);return i.getTemplate.call(this,{h:t.h,template:this.$props.render,defaultRendering:n,additionalProps:this.$props,additionalListeners:{change:this.changeHandler,input:this.inputHandler,keydown:this.triggerKeydown,edit:this.triggerEdit,add:this.triggerAdd,cancel:this.triggerCancel,save:this.triggerSave,remove:this.triggerRemove}})}}),Ae=t.defineComponent({name:"KendoTreeListNumericEditor",inheritAttrs:!1,props:{id:String,field:String,dataItem:Object,format:String,colSpan:Number,colIndex:Number,level:Array,expanded:Boolean,isSelected:Boolean,ariaColumnIndex:Number,render:[String,Function,Object],focusInputOnMount:Boolean},emits:{change:null,cellkeydown:null,edit:null,add:null,cancel:null,save:null,remove:null},inject:{kendoIntlService:{default:null},getKeyboardNavigationAttributes:{default:i.noop}},data:()=>({inputId:i.guid()}),computed:{tdClass(){const{className:e}=this.$props;return{"k-table-td":!0,[e]:e}}},mounted(){const e=this.$el&&this.$el.querySelector("input");!e||e===document.activeElement||!this.focusInputOnMount||e.select()},methods:{triggerKeydown(e){this.$emit("cellkeydown",{event:e,dataItem:this.$props.dataItem,field:this.$props.field})},triggerEdit(e){this.$emit("edit",e)},triggerAdd(e){this.$emit("add",e)},triggerCancel(e){this.$emit("cancel",e)},triggerSave(e){this.$emit("save",e)},triggerRemove(e){this.$emit("remove",e)},changeHandler(e){this.$emit("change",{dataItem:this.$props.dataItem,field:this.$props.field,event:e,level:this.$props.level,value:e.target.value})}},setup:()=>({kendoIntlService:t.inject("kendoIntlService",{})}),render(){const e=i.getNestedValue(this.$props.field,this.$props.dataItem),o=this.getKeyboardNavigationAttributes(this.$props.id),n=t.createVNode("td",{style:this.$attrs.style,onKeydown:this.triggerKeydown,colspan:this.$props.colSpan,class:this.tdClass,role:"gridcell","aria-colindex":this.$props.ariaColumnIndex,"aria-selected":this.$props.isSelected,"data-grid-col-index":this.$props.colIndex,tabindex:o.tabIndex,"data-keyboardnavlevel":o[r.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":o[r.KEYBOARD_NAV_DATA_ID]},[t.createVNode(l.NumericTextBox,{value:void 0===e?null:e,onChange:this.changeHandler},null)]);return i.getTemplate.call(this,{h:t.h,template:this.$props.render,defaultRendering:n,additionalProps:this.$props,additionalListeners:{change:this.changeHandler,keydown:this.triggerKeydown,edit:this.triggerEdit,add:this.triggerAdd,cancel:this.triggerCancel,save:this.triggerSave,remove:this.triggerRemove}})}}),Ee=t.defineComponent({name:"KendoTreeListBooleanEditor",inheritAttrs:!1,props:{id:String,field:String,dataItem:Object,format:String,colSpan:Number,colIndex:Number,level:Array,expanded:Boolean,isSelected:Boolean,ariaColumnIndex:Number,render:[String,Function,Object],focusInputOnMount:Boolean},emits:{change:null,cellkeydown:null,cellclick:null,edit:null,add:null,cancel:null,save:null,remove:null},inject:{kendoIntlService:{default:null},getKeyboardNavigationAttributes:{default:i.noop}},data:()=>({inputId:i.guid()}),mounted(){const e=this.$el&&this.$el.querySelector("input");!e||e===document.activeElement||!this.focusInputOnMount||e.focus()},methods:{triggerKeydown(e){this.$emit("cellkeydown",{event:e,dataItem:this.$props.dataItem,field:this.$props.field})},triggerClick(e){this.$emit("cellclick",{event:e,dataItem:this.$props.dataItem,field:this.$props.field})},triggerEdit(e){this.$emit("edit",e)},triggerAdd(e){this.$emit("add",e)},triggerCancel(e){this.$emit("cancel",e)},triggerSave(e){this.$emit("save",e)},triggerRemove(e){this.$emit("remove",e)},changeHandler(e){this.$emit("change",{dataItem:this.$props.dataItem,field:this.$props.field,event:e,level:this.$props.level,value:e.target.checked})}},computed:{tdClass(){const{className:e}=this.$props;return{"k-table-td":!0,[e]:e}}},setup:()=>({kendoIntlService:t.inject("kendoIntlService",{})}),render(){const e=i.getNestedValue(this.$props.field,this.$props.dataItem),o=this.getKeyboardNavigationAttributes(this.$props.id),n=t.createVNode("td",{style:this.$attrs.style,onKeydown:this.triggerKeydown,onClick:this.triggerClick,colspan:this.$props.colSpan,class:this.tdClass,role:"gridcell","aria-colindex":this.$props.ariaColumnIndex,"aria-selected":this.$props.isSelected,"data-grid-col-index":this.$props.colIndex,tabindex:o.tabIndex,"data-keyboardnavlevel":o[r.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":o[r.KEYBOARD_NAV_DATA_ID]},[t.createVNode("input",{checked:e||!1,id:this.inputId,type:"checkbox",class:"k-checkbox k-checkbox-md k-rounded-md",onChange:this.changeHandler},null),t.createVNode("label",{class:"k-checkbox-label",for:this.inputId},null)]);return i.getTemplate.call(this,{h:t.h,template:this.$props.render,defaultRendering:n,additionalProps:this.$props,additionalListeners:{change:this.changeHandler,keydown:this.triggerKeydown,edit:this.triggerEdit,add:this.triggerAdd,cancel:this.triggerCancel,save:this.triggerSave,remove:this.triggerRemove}})}}),Te=t.defineComponent({name:"KendoTreeListDateEditor",inheritAttrs:!1,props:{id:String,field:String,dataItem:Object,format:String,colSpan:Number,colIndex:Number,level:Array,expanded:Boolean,isSelected:Boolean,ariaColumnIndex:Number,render:[String,Function,Object],focusInputOnMount:Boolean},emits:{change:null,cellkeydown:null,edit:null,add:null,cancel:null,save:null,remove:null},inject:{kendoIntlService:{default:null},getKeyboardNavigationAttributes:{default:i.noop}},data:()=>({inputId:i.guid()}),mounted(){const e=this.$el&&this.$el.querySelector("input");!e||e===document.activeElement||!this.focusInputOnMount||e.select()},methods:{triggerKeydown(e){this.$emit("cellkeydown",{event:e,dataItem:this.$props.dataItem,field:this.$props.field})},triggerEdit(e){this.$emit("edit",e)},triggerAdd(e){this.$emit("add",e)},triggerCancel(e){this.$emit("cancel",e)},triggerSave(e){this.$emit("save",e)},triggerRemove(e){this.$emit("remove",e)},changeHandler(e){this.$emit("change",{dataItem:this.$props.dataItem,field:this.$props.field,event:e,level:this.$props.level,value:e.target.value})}},computed:{tdClass(){const{className:e}=this.$props;return{"k-table-td":!0,[e]:e}}},setup:()=>({kendoIntlService:t.inject("kendoIntlService",{})}),render(){const e=i.getNestedValue(this.$props.field,this.$props.dataItem),o=this.getKeyboardNavigationAttributes(this.$props.id),n=t.createVNode("td",{style:this.$attrs.style,onKeydown:this.triggerKeydown,colspan:this.$props.colSpan,class:this.tdClass,role:"gridcell","aria-colindex":this.$props.ariaColumnIndex,"aria-selected":this.$props.isSelected,"data-grid-col-index":this.$props.colIndex,tabindex:o.tabIndex,"data-keyboardnavlevel":o[r.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":o[r.KEYBOARD_NAV_DATA_ID]},[t.createVNode(s.DatePicker,{value:e,onChange:this.changeHandler},null)]);return i.getTemplate.call(this,{h:t.h,template:this.$props.render,defaultRendering:n,additionalProps:this.$props,additionalListeners:{change:this.changeHandler,keydown:this.triggerKeydown,edit:this.triggerEdit,add:this.triggerAdd,cancel:this.triggerCancel,save:this.triggerSave,remove:this.triggerRemove}})}}),Re=r.TABLE_ROW_INDEX_ATTRIBUTE,Le=r.TABLE_COL_INDEX_ATTRIBUTE,Oe=r.TABLE_PREVENT_SELECTION_ELEMENT;Object.defineProperty(e,"getSelectedState",{enumerable:!0,get:function(){return r.getSelectedState}}),Object.defineProperty(e,"getSelectedStateFromKeyDown",{enumerable:!0,get:function(){return r.getSelectedStateFromKeyDown}}),Object.defineProperty(e,"setSelectedState",{enumerable:!0,get:function(){return r.setSelectedState}}),e.TREELIST_COL_INDEX_ATTRIBUTE=Le,e.TREELIST_PREVENT_SELECTION_ELEMENT=Oe,e.TREELIST_ROW_INDEX_ATTRIBUTE=Re,e.TreeList=be,e.TreeListBooleanEditor=Ee,e.TreeListBooleanFilter=Ne,e.TreeListCell=v,e.TreeListDateEditor=Te,e.TreeListDateFilter=ye,e.TreeListNumericEditor=Ae,e.TreeListNumericFilter=we,e.TreeListRow=b,e.TreeListSelectionCell=fe,e.TreeListTextEditor=De,e.TreeListTextFilter=ke,e.createDataTree=(e,t,i,r)=>{let o,n={},l=[];return e.forEach((e=>n[t(e)]={...e})),e.forEach((e=>{o=n[i(e)],o?(o[r]=o[r]||[],o[r].push(n[t(e)])):l.push(n[t(e)])})),l},e.extendDataItem=(e,t,r)=>i.extendDataItem(e,t,r),e.filterBy=function(e,t,i){return r.filterBy(e,t,i)},e.flatData=g,e.getItemPath=f,e.getNestedValue=d,e.mapTree=u,e.mapTreeItem=(e,t,r,o)=>i.mapTreeItem(e,t,r,o),e.modifySubItems=(e,t,i,r)=>u(e,t,(e=>i(e)?{...e,[t]:r(e[t]||[])}:e)),e.moveTreeItem=(e,t,i,r)=>{const o=[...e],n=f(o,t,r),l=n.pop(),s=n.pop(),a=t[t.length-1];if(i){const e=f(o,i,r).pop();(s?s[r]:o).splice(a,1),e[r]=e[r]||[],e[r].push(l)}else(s?s[r]:o).splice(a,1),o.push(l);return o},e.orderBy=function(e,t,i){return r.orderBy(e,t,i)},e.removeItems=(e,t,i)=>[...u([{[t]:[...e]}],t,(e=>m(e,i,t)))[0][t]],e.setHeaderRowsTop=c,e.tableRowsVirtualization=p,e.treeToFlat=(e,t,i)=>{const r=e=>{const r=[];return(e=>!!d(t,e))(e)&&(e=>!!d(i,e))(e)&&r.push(...d(i,e)),r},o=(e,t,i)=>{t.push({...e,level:i}),r(e).forEach((e=>o(e,t,i+1)))},n=[];return e.forEach((e=>o(e,n,0))),n}}));
15
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("@progress/kendo-vue-common"),require("@progress/kendo-vue-data-tools"),require("@progress/kendo-vue-intl"),require("@progress/kendo-svg-icons"),require("@progress/kendo-vue-inputs"),require("@progress/kendo-vue-dateinputs")):"function"==typeof define&&define.amd?define(["exports","vue","@progress/kendo-vue-common","@progress/kendo-vue-data-tools","@progress/kendo-vue-intl","@progress/kendo-svg-icons","@progress/kendo-vue-inputs","@progress/kendo-vue-dateinputs"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoVueTreelist={},e.Vue,e.KendoVueCommon,e.KendoVueDatatools,e.KendoVueIntl,e.KendoSVGIcons,e.KendoVueInputs,e.KendoVueDateinputs)}(this,(function(e,t,i,r,o,n,l,s){"use strict";const a=t.defineComponent({name:"KendoTreeListNav",emits:{scroll:null,keydown:null,navigationaction:null},props:{currentData:Array,onFocus:Function,role:String},inject:{onNavKeyDown:{default:i.noop},onNavFocus:{default:i.noop},onNavMount:{default:i.noop},handleDispatchFocus:{default:i.noop},kbContext:{default:null},navigation:{default:null}},mounted(){this.onNavMount({scope:this.$el||void 0})},updated(){this.onNavMount({scope:this.$el||void 0})},methods:{handleScroll(e){this.$emit("scroll",e)},onKeyDown(e){this.onNavKeyDown(e,{navigation:this.navigation,kbContext:this.kbContext,onNavigationAction:this.onNavigationAction}),this.$emit("keydown",{dataItems:this.getLeafDataItems(),componentId:this._gridId,selectedField:this.$props.selectedField,event:e})},onFocusIn(e){this.onNavFocus(e,{kbContext:this.kbContext})},onNavigationAction(e){this.$emit("navigationaction",{focusElement:e.focusElement,event:e.event})},getLeafDataItems(){return this.$props.currentData.filter((e=>"data"===e.rowType)).map((e=>e.dataItem))}},render(){const{role:e}=this.$props,r=i.getDefaultSlots(this);return t.createVNode("div",{onScroll:this.handleScroll,onKeydown:this.onKeyDown,onFocusin:this.onFocusIn,"data-keyboardnavscope":!0,role:e},[r])}});function d(e,t){const i=(e||"").split(".");let r=t;return i.forEach((e=>{r=r?r[e]:void 0})),r}function c(e,t,i){const r=Array.from(e.tHead&&e.tHead.rows||[]),o=[t];let n;const l=i||(e=>window.getComputedStyle(e).height||void 0);r.forEach((e=>{let t=l(e);o.push(function(e){return void 0!==e&&("number"==typeof e||/px$/i.test(String(e)))}(t)?parseFloat(String(t)):e.offsetHeight)}));for(let e=0;e<r.length;e++)n=o.slice(0,e+1).reduce(((e,t)=>e+t)),Array.from(r[e].cells).forEach((e=>e.style.top=n+"px"))}const h=1e6;function p(e){const{rows:t,tableViewPortHeight:i,scrollTop:r}=e;if(0===t.length)return[];const o=t[0].height,n=Math.min(Math.round(r/o),t.length),l=Math.round(i/o),s=Math.max(0,n-l),a=Math.min(t.length,n+2*l),d=t.slice(s,a),c=d[d.length-1];return s>0&&d.unshift({dataItem:{},level:[h],offsetTop:0,height:d[0].offsetTop,levelCount:0}),a<t.length-1&&d.push({dataItem:{},level:[h,h],offsetTop:c.offsetTop+c.height,height:(t.length-a)*o,levelCount:0}),d}const u=(e,t,r)=>i.mapTree(e,t,r);function g(e,t,i){let r=[];const o=[];for(let i=e.length-1;i>=0;i--){const o=e[i];r.push({root:o,data:t(o),level:[i],levelCount:e.length})}for(;r.length>0;){let e=r.pop();if(o.push({dataItem:e.root,level:[...e.level],...i(e.root),levelCount:e.levelCount}),e.data.length)for(let i=e.data.length-1;i>=0;i--){const o=e.data[i];r.push({root:o,data:t(o),level:[...e.level,i],levelCount:e.data.length})}}return o}const m=(e,t,i)=>{const r=e[i]||[],o=r.findIndex(t);if(-1!==o){const t=[...r];return t.splice(o,1),{...e,[i]:t}}return e},f=(e,t,r)=>i.getItemPath(e,t,r),v=t.defineComponent({name:"TreeListCell",inheritAttrs:!1,emits:{cellclick:null,cellkeydown:null,expandchange:null,edit:null,add:null,cancel:null,save:null,remove:null},props:{id:String,class:String,field:String,dataItem:Object,format:String,colSpan:Number,colIndex:Number,level:Array,expanded:Boolean,expandable:Boolean,hasChildren:Boolean,isSelected:Boolean,ariaColumnIndex:Number,render:[String,Function,Object]},inject:{kendoIntlService:{default:null},getKeyboardNavigationAttributes:{default:i.noop}},methods:{onKeyDownHandler(e){const{expandable:t,dataItem:r,level:o}=this.$props;e.defaultPrevented||e.keyCode===i.Keys.enter&&t&&(e.preventDefault(),this.$emit("expandchange",e,r,o))},triggerClick(e){this.$emit("cellclick",{event:e,dataItem:this.$props.dataItem,field:this.$props.field})},triggerKeydown(e){this.$emit("cellkeydown",{event:e,dataItem:this.$props.dataItem,field:this.$props.field})},triggerEdit(e){this.$emit("edit",e)},triggerAdd(e){this.$emit("add",e)},triggerCancel(e){this.$emit("cancel",e)},triggerSave(e){this.$emit("save",e)},triggerRemove(e){this.$emit("remove",e)},triggerExpandChange(e){const{dataItem:t,level:i}=this.$props;this.$emit("expandchange",e,t,i)}},computed:{wrapperClass(){const{expandable:e,isSelected:t}=this.$props;return{"k-table-td":!0,"k-text-nowrap":e,"k-selected":t,[this.$props.class]:this.$props.class}}},setup:()=>({kendoIntlService:t.inject("kendoIntlService",{})}),render(){const{hasChildren:e,level:l=[0],expanded:s,dataItem:a,format:d,colSpan:c,ariaColumnIndex:h,isSelected:p,expandable:u,field:g}=this.$props,m=g?i.getNestedValue(g,a):void 0,f=this.getKeyboardNavigationAttributes(this.$props.id),v=o.provideIntlService(this);let b="";null!=m&&(b=d?v.format(d,m):m.toString());const $=function(e){return t.createVNode("span",{key:e,class:"k-treelist-toggle k-icon k-svg-icon"},[t.createVNode("svg",{"aria-hidden":"true",focusable:"false",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},null)])},I=[];u&&(I.push(...l.slice(1).map(((e,t)=>$.call(this,t)))),e?I.push(t.createVNode(i.Icon,{class:"k-treelist-toggle",name:s?"caret-alt-down":"caret-alt-right",icon:s?n.caretAltDownIcon:n.caretAltRightIcon,key:"expand-collapse",onClick:this.triggerExpandChange,"data-prevent-selection":!0},null)):I.push($.call(this,I.length)));const x=t.createVNode("td",{style:this.$attrs.style,class:this.wrapperClass,colspan:c,"aria-colindex":h,"aria-expanded":e?s:void 0,"aria-selected":p,role:"gridcell",onClick:this.triggerClick,onKeydown:this.onKeyDownHandler,"data-grid-col-index":this.$props.colIndex,tabindex:f.tabIndex,"data-keyboardnavlevel":f[r.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":f[r.KEYBOARD_NAV_DATA_ID]},[I,b]);return i.getTemplate.call(this,{h:t.h,template:this.$props.render,defaultRendering:x,additionalProps:{...this.$props,value:m},additionalListeners:{click:this.triggerClick,keydown:this.triggerKeydown,edit:this.triggerEdit,add:this.triggerAdd,cancel:this.triggerCancel,save:this.triggerSave,remove:this.triggerRemove}})}}),b=t.defineComponent({name:"KendoTreeListRow",inheritAttrs:!1,emits:{click:null,dblclick:null,contextmenu:null,focus:null,blur:null,mousedown:null,mouseup:null},props:{level:Array,className:String,expanded:Boolean,rowIndex:Number,levels:Array,ariaSetSize:Number,ariaPosInSet:Number,isSelected:Boolean,dataItem:Object,isAltRow:Boolean,onClick:Function,selectedField:String,rowHeight:Number,ariaRowIndex:Number,render:[String,Function,Object]},computed:{wrapperClass(){const{isSelected:e,isAltRow:t,className:i}=this.$props;return{"k-table-row":!0,"k-table-alt-row":t,"k-master-row":!0,"k-selected":e,"k-group-footer":this.dataItem&&this.dataItem.footer,[i]:i}}},methods:{handleClick(e){this.$emit("click",e)},handleDoubleClick(e){this.$emit("dblclick",e)},handleContextMenu(e){this.$emit("contextmenu",e)},handleFocus(e){this.$emit("focus",e)},handleBlur(e){this.$emit("blur",e)},handleMousedown(e){this.$emit("mousedown",e)},handleMouseup(e){this.$emit("mouseup",e)}},render(){const e=i.getDefaultSlots(this),{rowHeight:r,expanded:o,ariaRowIndex:n,level:l,ariaSetSize:s,ariaPosInSet:a,rowIndex:d}=this.$props,c=t.createVNode("tr",{onClick:this.handleClick,onDblclick:this.handleDoubleClick,onContextmenu:this.handleContextMenu,onFocus:this.handleFocus,onBlur:this.handleBlur,onMousedown:this.handleMousedown,onMouseup:this.handleMouseup,class:this.wrapperClass,style:void 0!==r?{height:r+"px"}:this.$attrs.style,"aria-expanded":o,role:"row","aria-rowindex":n,"aria-level":l.length,"aria-posinset":a,"aria-setsize":s,"data-grid-row-index":d},[e]);return i.getTemplate.call(this,{h:t.h,template:this.$props.render,defaultRendering:c,additionalProps:this.$props,additionalListeners:{click:this.handleClick},defaultSlots:e,swapDefaultSlots:!0})}});function $(e,t,i){const r=i?i.elementFromPoint(e.clientX,e.originalEvent.clientY):null;return t&&r?r.closest(t):null}const I=t.defineComponent({props:{...b.props,clueProps:{type:Object,default:function(){return{}}}},emits:{press:null,drag:null,drop:null},created(){this.allowDrop=!1,this.dragged=null,this.draggedOver=null},mounted(){this.$el&&(this.draggable=this.$refs.draggable)},methods:{onPress(e){const t=this.draggable&&this.draggable.element;t&&(this.dragged=this.$props.level,this.$emit("press",e,t))},onDrag(e){const t=this.draggable&&this.draggable.element;if(!i.canUseDOM)return;const r=t?t.ownerDocument:document;if(!r)return;const o=this.dragged;if(t&&o){e.isTouch||e.originalEvent.preventDefault();const i=this.$props.levels[function(e,t,i){if(!e.originalEvent)return-1;const r=$(e,"tr",i);if(r){const e=t?t.children:[];for(let t=0;t<e.length;t++)if(e[t]===r)return t}return-1}(e,t.parentNode,r)];this.draggedOver=i,this.allowDrop=i?!o.every(((e,t)=>e===i[t])):!!$(e,"k-grid k-grid-md",r),this.$emit("drag",{nativeEvent:e.originalEvent,dragged:o,draggedOver:i,draggedItem:this.$props.dataItem,clueProps:{visible:!0,top:e.pageY+10,left:e.pageX,text:t.innerText,allowDrop:this.allowDrop}})}},onRelease(e){if(this.draggable&&this.draggable.element&&this.dragged){const t=[...this.dragged],i=this.draggedOver&&[...this.draggedOver];this.dragged=null,this.draggedOver=null;const r=this.$props.dataItem;this.$emit("drop",{nativeEvent:e.originalEvent,dragged:t,draggedOver:i,draggedItem:r,clueProps:{allowDrop:this.allowDrop}}),this.allowDrop=!1}}},render(){const e=i.getDefaultSlots(this);return t.createVNode(i.Draggable,{onPress:this.onPress,onDrag:this.onDrag,onRelease:this.onRelease,ref:"draggable"},function(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}(e)?e:{default:()=>[e]})}}),x=t.defineComponent({name:"KendoRowClue",props:{visible:Boolean,top:Number,left:Number,text:String,allowDrop:Boolean},computed:{statusIconName(){return this.$props.allowDrop?"plus":"cancel"},statusSvg(){return this.$props.allowDrop?n.plusIcon:n.cancelIcon}},mounted(){const e=document.body;this.windowElement=this.$refs.wrapper,e.append(this.windowElement)},beforeUnmount(){this.windowElement.remove()},render(){return this.visible&&t.createVNode("div",{class:"k-header k-drag-clue",ref:"wrapper",style:{display:"block",position:"absolute",zIndex:2e4,padding:"8px 12px",top:this.$props.top+"px",left:this.$props.left+"px"}},[t.createVNode(i.Icon,{name:this.statusIconName,class:"k-drag-status",icon:this.statusSvg},null),this.$props.text])}}),C={name:"@progress/kendo-vue-treelist",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:0,version:"8.0.2-develop.3",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=vue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"},S="treelist.noRecords",k="treelist.pagerInfo",w="treelist.pagerFirstPage",y="treelist.pagerPreviousPage",N="treelist.pagerNextPage",D="treelist.pagerLastPage",A="treelist.pagerItemsPerPage",E="treelist.pagerPageSelection",T="treelist.pagerPage",R="treelist.pagerOf",L="treelist.pagerTotalPages",O="treelist.groupPanelEmpty",K="treelist.columnMenu",F="treelist.filterClearButton",V="treelist.filterSubmitButton",B="treelist.filterTitle",z="treelist.sortAscending",_="treelist.sortDescending",j="treelist.searchPlaceholder",M="treelist.filterCheckAll",P="treelist.filterChooseOperator",H="treelist.filterSelectedItems",q="treelist.sortAriaLabel",U="treelist.filterAriaLabel",Y="treelist.filterEqOperator",G="treelist.filterNotEqOperator",W="treelist.filterIsNullOperator",X="treelist.filterIsNotNullOperator",J="treelist.filterIsEmptyOperator",Q="treelist.filterIsNotEmptyOperator",Z="treelist.filterStartsWithOperator",ee="treelist.filterContainsOperator",te="treelist.filterNotContainsOperator",ie="treelist.filterEndsWithOperator",re="treelist.filterGteOperator",oe="treelist.filterGtOperator",ne="treelist.filterLteOperator",le="treelist.filterLtOperator",se="treelist.filterIsTrue",ae="treelist.filterIsFalse",de="treelist.filterBooleanAll",ce="treelist.filterAfterOrEqualOperator",he="treelist.filterAfterOperator",pe="treelist.filterBeforeOperator",ue="treelist.filterBeforeOrEqualOperator",ge={[S]:"No records available",[O]:"Drag a column header and drop it here to group by that column",[K]:"Column Menu",[F]:"Clear",[V]:"Filter",[B]:"Filter",[z]:"Sort Ascending",[_]:"Sort Descending",[A]:"items per page",[E]:"Select page",[k]:"{0} - {1} of {2} items",[w]:"Go to the first page",[y]:"Go to the previous page",[N]:"Go to the next page",[D]:"Go to the last page",[T]:"Page",[R]:"of",[L]:"{0}",[j]:"Search",[M]:"Check All",[P]:"Choose Operator",[H]:"selected items",[q]:"Sortable",[U]:"Filter",[Y]:"Is equal to",[G]:"Is not equal to",[W]:"Is null",[X]:"Is not null",[J]:"Is empty",[Q]:"Is not empty",[Z]:"Starts with",[ee]:"Contains",[te]:"Does not contain",[ie]:"Ends with",[re]:"Is greater than or equal to",[oe]:"Is greater than",[ne]:"Is less than or equal to",[le]:"Is less than",[se]:"Is true",[ae]:"Is false",[de]:"(All)",[ce]:"Is after or equal to",[he]:"Is after",[pe]:"Is before",[ue]:"Is before or equal to","treelist.filterAndLogic":"And","treelist.filterOrLogic":"Or"};function me(e){const t=e.replace(/^pager\.([a-z])/,((e,t)=>"treelist.pager"+t.toUpperCase()));return{messageKey:t,defaultMessage:ge[t]}}const fe=t.defineComponent({name:"TreeListSelectionCell",inheritAttrs:!1,emits:{cellclick:null,cellkeydown:null,expandchange:null,selectionchange:null,edit:null,add:null,cancel:null,save:null,remove:null},props:{id:String,field:String,dataItem:Object,format:String,colSpan:Number,colIndex:Number,level:Array,expanded:Boolean,expandable:Boolean,hasChildren:Boolean,isSelected:Boolean,ariaColumnIndex:Number,render:[String,Function,Object],onChange:Function},created(){this.inputId=i.guid()},inject:{kendoIntlService:{default:null},getKeyboardNavigationAttributes:{default:i.noop}},methods:{triggerClick(e){this.$emit("cellclick",{event:e,dataItem:this.$props.dataItem,field:this.$props.field})},triggerKeydown(e){this.$emit("cellkeydown",{event:e,dataItem:this.$props.dataItem,field:this.$props.field})},triggerEdit(e){this.$emit("edit",e)},triggerAdd(e){this.$emit("add",e)},triggerCancel(e){this.$emit("cancel",e)},triggerSave(e){this.$emit("save",e)},triggerRemove(e){this.$emit("remove",e)},handleOnChange(e){this.$emit("selectionchange",{event:e,item:{dataItem:this.dataItem,level:this.level},field:this.field,colIndex:this.colIndex})}},setup:()=>({kendoIntlService:t.inject("kendoIntlService",{})}),render(){const{dataItem:e,colSpan:o,ariaColumnIndex:n,isSelected:l,field:s}=this.$props,a=i.getNestedValue(s,e),d=this.getKeyboardNavigationAttributes(this.$props.id),c=t.createVNode("td",{style:this.$attrs.style,role:"gridcell",class:"k-table-td",colspan:o,"aria-selected":l,"aria-colindex":n,"data-grid-col-index":this.$props.colIndex,tabindex:d.tabIndex,"data-keyboardnavlevel":d[r.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":d[r.KEYBOARD_NAV_DATA_ID]},[t.createVNode("input",{checked:"boolean"==typeof a&&a,id:this.inputId,type:"checkbox",class:"k-checkbox k-checkbox-md k-rounded-md",onChange:this.handleOnChange},null),t.createVNode("label",{class:"k-checkbox-label",for:this.inputId},null)]);return i.getTemplate.call(this,{h:t.h,template:this.$props.render,defaultRendering:c,additionalProps:this.$props,additionalListeners:{click:this.triggerClick,keydown:this.triggerKeydown,edit:this.triggerEdit,add:this.triggerAdd,cancel:this.triggerCancel,save:this.triggerSave,remove:this.triggerRemove}})}});function ve(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}const be=t.defineComponent({name:"KendoTreeList",props:{dataItems:Array,resizable:Boolean,reorderable:Boolean,sortable:[Object,Boolean],sort:Array,columns:Array,columnVirtualization:Boolean,filter:[Array,Object],filterable:Boolean,filterOperators:Object,filterRow:[String,Function,Object],cellRender:[String,Function,Object],toolbar:[String,Function,Object],noRecords:[String,Function,Object],expandField:String,subItemsField:String,selectedField:String,editField:String,scrollable:String,rowHeight:Number,tableProps:Object,rowClass:Function,pageable:[Boolean,Object],pager:[String,Function,Object],skip:Number,take:Number,wrapperStyle:Object,dataItemKey:String,navigatable:Boolean,size:{type:String,validator:function(e){return["none","small","medium"].includes(e)}},reordableRows:Boolean,onDatastatechange:Function,onPagechange:Function,onSortchange:Function,onFilterchange:Function},created(){this.prevData=[],this.prevColumns=void 0,this.flattedData=[],this.extendedColumn=[],this.columnsMap=[],this.element=null,this._treeListId=i.guid(),i.validatePackage(C),this.dragLogic=new r.CommonDragLogic(this.columnReorder.bind(this),i.noop,i.noop),this.columnResize=new r.ColumnResize(this.onResize.bind(this))},inject:{kendoLocalizationService:{default:null}},computed:{wrapperClass(){const{size:e,scrollable:t}=this.$props;return{"k-grid":!0,[this.$props.className]:this.$props.className,"k-grid-md":!e,[`k-grid-${i.kendoThemeMaps.sizeMap[e]||e}`]:e,"k-treelist":!0,"k-treelist-scrollable":"none"!==t}},toolbarClass(){const{size:e}=this.$props;return{"k-toolbar":!0,"k-toolbar-solid":!0,"k-grid-toolbar":!0,[`k-toolbar-${i.kendoThemeMaps.sizeMap[e]||e}`]:e}},gridTableClass(){const{size:e}=this.$props;return{"k-table":!0,"k-grid-table":!0,"k-grid-md":!e,[`k-table-${i.kendoThemeMaps.sizeMap[e]||e}`]:e}}},data:()=>({wrapperScrollLeft:0,wrapperScrollTop:0,updateOnScroll:!1,tbodyOffsetTop:0,isRtl:!1,navigation:void 0,rowClue:{}}),mounted(){this.calculateSizes(this.$el);const e=i.isRtl(this.$el);this.isRtl=e;const t=i.getRef(this,"gridNav"),r=i.getRef(this,"dropElementClue"),o=i.getRef(this,"dragElementClue");this.dragLogic.refDropElementClue(r),this.dragLogic.refDragElementClue(o),this.columnResize.colGroupMain=i.getRef(this,"colGroup"),t&&(this.element=t.$el)},destroyed(){this.columnResize.columns=[],this.dragLogic.columns=[],this.extendedColumn=[],this.columnsMap=[],this.prevData=[],this.flattedData=[],this.updateOnScroll=!1},render(){i.getDefaultSlots(this);const{columns:e=[],filterRow:n,scrollable:l="scrollable",resizable:s=!1,reorderable:c=!1,skip:h,take:u,filterable:g,reordableRows:m}=this.$props,f=n||r.FilterRow,$=r.tableKeyboardNavigationTools.getIdPrefix(this.navigation);this.prevColumns!==e&&(this.extendedColumn=r.readColumns(e,{prevId:0,idPrefix:$}),this.columnsMap=r.mapColumns(this.extendedColumn)),this.prevColumns=this.$props.columns;const C=this.extendedColumn.filter((e=>0===e.children.length));this.columnResize.columns=this.extendedColumn,this.columnResize.resizable=s,this.dragLogic.columns=this.extendedColumn,this.dragLogic.reorderable=c,this.dragLogic.groupable=!1;const k=this.$props.filter&&0===this.$props.filter.length?void 0:this.$props.filter&&void 0!==this.$props.filter.length?{logic:"and",filters:this.$props.filter}:this.$props.filter,w=t.createVNode(r.Header,{size:this.$props.size,headerRow:t.createVNode(r.HeaderRow,{grid:this,sort:this.$props.sort,filter:k,sortable:this.$props.sortable,selectedField:this.$props.selectedField,reorderable:c,filterable:g,filterOperators:this.$props.filterOperators||r.operators,onSortChange:this.sortChange,onSelectionchange:this.onHeaderSelectionChange,columns:this.extendedColumn,columnsMap:this.columnsMap,cellRender:this.$props.headerCellRender,columnResize:this.columnResize,columnMenu:this.$props.columnMenu,onFilterChange:this.columnMenuFilterChange,onPressHandler:this.dragLogic.pressHandler,onDragHandler:this.dragLogic.dragHandler,onReleaseHandler:this.dragLogic.releaseHandler,filterRow:g?t.createVNode(f,{size:this.$props.size,columns:C,filter:this.$props.filter||[],onFilterchange:this.filterChange,sort:this.$props.sort,ariaRowIndex:this.columnsMap.length+1,grid:this,filterOperators:this.$props.filterOperators||r.operators,cellRender:this.$props.filterCellRender,isRtl:this.isRtl},null):void 0},null),columnResize:this.columnResize},null),y=this.$props.wrapperStyle||{},{colSpans:N,hiddenColumns:D}=r.tableColumnsVirtualization({enabled:this.$props.columnVirtualization,columns:C,scrollLeft:this.wrapperScrollLeft,tableViewPortWidth:parseFloat((y.width||"").toString())}),A=(e,o,n,l,s,a)=>C.map((function(d,c){if(D[c])return null;const h=d.id?d.id:c,p=`${d.className?d.className+" ":""}${d.locked?"k-grid-content-sticky":""}`,u=i.templateRendering.call(this,this.$props.cellRender||d.cell,i.getListeners.call(this));if(o&&d.editCell){const o=i.templateRendering.call(this,d.editCell,i.getListeners.call(this));return i.getTemplate.call(this,{h:t.h,template:o,additionalProps:{id:r.tableKeyboardNavigationTools.generateNavigatableId(`${n}-${String(c)}`,$),colSpan:N[c],dataItem:e.dataItem,field:d.field,format:d.format,class:p||void 0,render:u,level:e.level,expandable:d.expandable,expanded:l,hasChildren:this.hasChildren(e.dataItem),colIndex:c,ariaColumnIndex:d.ariaColumnIndex,style:void 0!==d.left&&{left:d.left+"px",right:d.right+"px",borderRightWidth:d.rightBorder?"1px":""}||{},isSelected:Array.isArray(a)&&a.indexOf(c)>-1},additionalListeners:{change:this.itemChange,input:this.itemChange,expandchange:this.expandChange,selectionchange:t=>this.selectionChange(t,e,c,s)}})}const g=this.selectedField&&d.field===this.selectedField?fe:v;return t.createVNode(g,{key:h,id:r.tableKeyboardNavigationTools.generateNavigatableId(`${n}-${String(c)}`,$),colSpan:N[c],dataItem:e.dataItem,field:d.field,format:d.format,class:p||void 0,render:u,onCellclick:this.cellClick,onCellkeydown:this.cellKeydown,onChange:this.itemChange,onSelectionchange:t=>this.selectionChange(t,e,c,s),level:e.level,expandable:d.expandable,expanded:l,hasChildren:this.hasChildren(e.dataItem),onExpandchange:this.expandChange,colIndex:c,ariaColumnIndex:d.ariaColumnIndex,style:void 0!==d.left&&{left:d.left+"px",right:d.right+"px",borderRightWidth:d.rightBorder?"1px":""}||{},isSelected:Array.isArray(a)&&a.indexOf(c)>-1},null)}),this);let E=this.flatData();const T=E.length;void 0!==h&&void 0!==u&&(E=E.slice(h,h+u)),"virtual"===l&&(E=p({rows:E,tableViewPortHeight:parseFloat((y.height||y.maxHeight||"").toString()),scrollTop:this.wrapperScrollTop}),this.updateOnScroll=!1);const R=i.templateRendering.call(this,this.$props.noRecords,i.getListeners.call(this)),L=o.provideLocalizationService(this).toLanguageString(S,ge[S]),O=i.getTemplate.call(this,{h:t.h,template:R}),K=E.length?E.map((function(e){return e.level})):[],F=this.columnsMap.length+(g?1:0)+1,V=E.length>0&&E.map((function(e,r){const o=d(this.$props.editField,e.dataItem),n=this.$props.dataItemKey&&i.getter(this.$props.dataItemKey)(e.dataItem),s=String(n||e.level.join(".")),a=this.expanded(e.dataItem),c=this.$props.selectedField?d(this.$props.selectedField,e.dataItem):void 0,h=this.$props.row||b,p=A(e,o,s,a,r,c),u=t.createVNode(h,{key:s,level:e.level,levels:K,dataItem:e.dataItem,selectedField:this.$props.selectedField,rowHeight:"virtual"===l?e.height:this.$props.rowHeight,render:this.$props.rowRender,onDrop:this.onRowDrop,onDrag:this.onRowDrag,onClick:t=>this.emitRowEvent("rowclick",t,e),onDblclick:t=>this.emitRowEvent("rowdoubleclick",t,e),onContextmenu:t=>this.emitRowEvent("rowcontextmenu",t,e),onFocus:t=>this.emitRowEvent("rowfocus",t,e),onBlur:t=>this.emitRowEvent("rowblur",t,e),onMousedown:t=>this.emitRowEvent("rowmousedown",t,e),onMouseup:t=>this.emitRowEvent("rowmouseup",t,e),isAltRow:r%2!=0,expanded:a,rowIndex:r,ariaRowIndex:F+r,ariaSetSize:e.levelCount,ariaPosInSet:e.level[e.level.length-1]+1,isSelected:"boolean"==typeof c&&c,className:this.$props.rowClass?this.$props.rowClass(e):""},ve(p)?p:{default:()=>[p]});return m?t.createVNode(I,{key:s,level:e.level,levels:K,dataItem:e.dataItem,onDrag:this.onRowDrag,onDrop:this.onRowDrop},ve(u)?u:{default:()=>[u]}):u}),this)||t.createVNode("tr",{class:"k-table-row k-grid-norecords"},[t.createVNode("td",{class:"k-table-td",colspan:C.length},[this.$props.noRecords?O:L])]),B=e=>this.$props.sort&&this.$props.sort.some((t=>t.field===e)),z=t.createVNode("colgroup",{ref:i.setRef(this,"colGroup")},[C.map((function(e){return t.createVNode("col",{class:B(e.field)?"k-sorted":void 0,width:void 0!==e.width?-1!==e.width.toString().indexOf("%")?e.width:Math.floor(parseFloat(e.width.toString()))+"px":void 0},null)}),this)]),_=this.$props.columnVirtualization||"virtual"===this.$props.scrollable,j=this.$props.selectable&&this.$props.selectable.drag?"none":void 0,M=this.$props.tableProps||{},P=i.templateRendering.call(this,this.$props.toolbar,i.getListeners.call(this)),H=i.getTemplate.call(this,{h:t.h,template:P}),q=i.templateRendering.call(this,this.$props.pager,i.getListeners.call(this)),U=this.$props.pageable&&t.createVNode(r.Pager,{class:"k-grid-pager",size:this.$props.size,onPagesizechange:this.pageChangeHandler,onPagechange:this.pageChangeHandler,total:T,skip:this.$props.skip||0,pageSize:this.$props.take||10,messagesMap:me,settings:r.normalize(this.$props.pageable||{})},null),Y=i.getTemplate.call(this,{h:t.h,template:q,defaultRendering:U,additionalProps:{...this.$props,skip:this.skip||0,messagesMap:me},additionalListeners:{pagesizechange:this.pageChangeHandler,pagechange:this.pageChangeHandler}}),G=this.dragLogic.reorderable&&i.canUseDOM&&document&&document.body,W=this.reordableRows&&this.rowClue&&this.rowClue.visible&&i.canUseDOM&&document&&document.body,X=[G&&t.createVNode(r.DropClue,{ref:i.setRef(this,"dropElementClue")},null),G&&t.createVNode(r.DragClue,{ref:i.setRef(this,"dragElementClue")},null),W&&t.createVNode(x,{visible:this.rowClue.visible,top:this.rowClue.top,left:this.rowClue.left,text:this.rowClue.text,allowDrop:this.rowClue.allowDrop},null)];return t.createVNode(r.TableKeyboardNavigationProvider,{ref:"navRef",id:this._treeListId,navigatable:this.$props.navigatable},{default:()=>[t.createVNode(a,{style:this.$props.wrapperStyle,class:this.wrapperClass,currentData:E,onScroll:_?this.handleOnScroll:i.noop,onKeydown:this.onKeyDown,onFocus:this.onFocus,"aria-rowcount":T,"aria-colcount":C.length,role:"treegrid",ref:e=>{this.treeListNavRef=e}},{default:()=>[this.$props.toolbar&&t.createVNode("div",{class:this.toolbarClass},[H]),t.createVNode("table",{class:this.gridTableClass,style:{...M.style||{},userSelect:j},role:"presentation"},[z,w,t.createVNode("tbody",{class:"k-table-tbody","data-keyboardnavbody":!0,role:"presentation"},[V])]),Y,X]})]})},methods:{scrollIntoView(e){if(!this.element)return;const{rowIndex:t=0}=e,{scrollable:i,rowHeight:r=0}=this.$props;if("virtual"===i||r)this.element.scroll(0,(t-1)*r);else{const e=this.element.querySelector(`tbody > tr:nth-child(${t})`);if(e){const t=e.offsetTop-this.tbodyOffsetTop;this.element.scroll(0,t)}}},getColumns(){const e=this.extendedColumn.filter((e=>e.declarationIndex>=0&&-1===e.parentIndex));return(e=>(e.sort(((e,t)=>e.declarationIndex-t.declarationIndex)),e))(e)},flatData(){const{dataItems:e=[],rowHeight:t=0}=this.$props;let i=0;const r=this.updateOnScroll&&this.prevData===e&&this.tbodyOffsetTop>0&&this.flattedData.length?this.flattedData:g(e,this.expandedSubItems,(e=>{const r={height:t,offsetTop:i};return i+=r.height,r}));return this.prevData=e,this.flattedData=r,r},onKeyDown(e){this.$emit("keydown",e)},onFocus(e){},onRowDrag(e){this.rowClue=e.clueProps,this.$emit("rowdrag",{...e,target:this})},onRowDrop(e){this.rowClue=e.clueProps,e.clueProps.allowDrop&&this.$emit("rowdrop",{...e,target:this})},columnReorder(e,t,i){const r=this.extendedColumn[e].depth,o=e=>{do{e++}while(e<this.extendedColumn.length&&this.extendedColumn[e].depth>r);return e},n=this.extendedColumn.splice(e,o(e)-e);this.extendedColumn.splice(e<t?o(t-n.length):t,0,...n),this.extendedColumn.filter((e=>e.declarationIndex>=0)).forEach(((e,t)=>e.orderIndex=t));const l={component:this,columns:this.getColumns(),prev:e,next:t,event:i};this.$emit("columnreorder",l)},onResize(e,t,i,r,o){const n=this.extendedColumn.filter((e=>0===e.children.length)).reduce(((e,t)=>e+parseFloat(String(t.width))),0);if(this.extendedColumn&&this.columns){const i=this.columns[e].width,r=i&&i.toString().indexOf("px")>0;this.extendedColumn[e].width=r?t+"px":t}const l={columns:this.getColumns(),totalWidth:n,index:e,event:r,newWidth:t,oldWidth:i,end:o,component:this};o&&(this.prevColumns=void 0),this.$emit("columnresize",l)},handleOnScroll(e){const t=e.currentTarget.scrollLeft,i=e.currentTarget.scrollTop,{columnVirtualization:r,scrollable:o,rowHeight:n=0}=this.$props,l=n;let s=!1;r&&Math.abs(this.wrapperScrollLeft-t)>0&&(this.wrapperScrollLeft=t,s=!0),"virtual"===o&&Math.abs(this.wrapperScrollTop-i)>l&&(this.wrapperScrollTop=i,s=!0),s&&(this.updateOnScroll=!0)},calculateSizes(e){if(!e||"none"===this.$props.scrollable)return;const t=Array.from(e.childNodes),r=t.find((e=>"TABLE"===e.nodeName)),o=this.$props.toolbar&&t.find((e=>1===e.nodeType&&e.classList.contains("k-grid-toolbar")));let n=0;if(o&&i.canUseDOM){const e=o.style.boxSizing;o.style.boxSizing="border-box",n=parseFloat(String(window.getComputedStyle(o).height))||o.offsetHeight,o.style.boxSizing=e,o.getAttribute("style")||o.removeAttribute("style")}this.tbodyOffsetTop=r.tBodies[0].offsetTop,c(r,n)},cellClick(e){this.$emit("cellclick",e)},cellKeydown(e){this.$emit("cellkeydown",e)},itemChange(e){if(e.field===this.$props.expandField){if(this.$props.onExpandchange){const t={...this.getArguments(e.event),dataItem:e.dataItem,level:e.level,value:e.value};this.$emit("expandchange",t)}return}const t={...this.getArguments(e.event),dataItem:e.dataItem,level:e.level,field:e.field,value:e.value};e.dataItem&&this.$emit("itemchange",t)},selectionChange(e){const{event:t,item:i,columnIndex:o}=e;if(!i)return;const{mode:n,cell:l}=r.getSelectionOptions(this.$props.selectable),s={...this.getArguments(t),dataItem:i.dataItem,level:i.level,startColIndex:o,endColIndex:o,dataItems:this.getLeafDataItems(),altKey:!1,ctrlKey:!1,shiftKey:!1,metaKey:!1,mode:n,cell:l,isDrag:!1,componentId:this._treeListId,selectedField:this.$props.selectedField||""};this.$emit("selectionchange",s)},onHeaderSelectionChange(e){const t={field:e.field,event:e.event,component:this,dataItems:this.getLeafDataItems()};this.$emit("headerselectionchange",t)},selectionRelease(e){if(this.$props.onSelectionchange){const t={event:void 0,component:this,selectedField:this.$props.selectedField||"",componentId:this._treeListId,dataItems:this.getLeafDataItems(),dataItem:null,level:[],...e};this.$emit("selectionchange",t)}},sortChange(e,t){this.raiseDataEvent("sortchange",{sort:e,field:t.field},t)},filterChange(e,t){const i=e?e.filters:[];this.raiseDataEvent("filterchange",{filter:i},{filter:i,skip:0},t)},columnMenuFilterChange(e,t){const i={...t,filter:e?e.filters:[],component:this};this.$emit("columnmenufilterchange",i)},expandChange(e,t,i){const{expandField:r}=this.$props;if(r){const r={...this.getArguments(e),dataItem:t,level:i,value:this.expanded(t)};this.$emit("expandchange",r)}},emitRowEvent(e,t,i){if("TD"===t.target.nodeName){const r={dataItem:i.dataItem,level:i.level,...this.getArguments(t)};this.$emit(e,r)}},pageChangeHandler(e,t){this.raiseDataEvent("pagechange",{page:e,event:t,skip:e.skip,take:e.take},{skip:e.skip,take:e.take},t)},raiseDataEvent(e,t,r,o){i.hasListener.call(this,e)?this.$emit(e,{...this.getArguments(o),...t}):i.hasListener.call(this,"datastatechange")&&this.$emit("datastatechange",{...this.getArguments(o),data:{...this.getDataState(),...t,...r}})},getDataState(){return{filter:this.$props.filter,sort:this.$props.sort}},getArguments(e){return{event:e,component:this}},expandedSubItems(e){const t=[];return this.expanded(e)&&this.hasChildren(e)&&t.push(...d(this.$props.subItemsField,e)),t},getLeafDataItems(){return this.flatData().map((e=>e.dataItem))},expanded(e){return!!d(this.$props.expandField,e)},hasChildren(e){return!!d(this.$props.subItemsField,e)}}}),$e=[{text:ee,operator:"contains"},{text:te,operator:"doesnotcontain"},{text:Y,operator:"eq"},{text:G,operator:"neq"},{text:Z,operator:"startswith"},{text:ie,operator:"endswith"},{text:W,operator:"isnull"},{text:X,operator:"isnotnull"},{text:J,operator:"isempty"},{text:Q,operator:"isnotempty"}],Ie=[{text:Y,operator:"eq"},{text:G,operator:"neq"},{text:re,operator:"gte"},{text:oe,operator:"gt"},{text:ne,operator:"lte"},{text:le,operator:"lt"},{text:W,operator:"isnull"},{text:X,operator:"isnotnull"}],xe=[{text:Y,operator:"eq"},{text:G,operator:"neq"},{text:ce,operator:"gte"},{text:he,operator:"gt"},{text:pe,operator:"lt"},{text:ue,operator:"lte"},{text:W,operator:"isnull"},{text:X,operator:"isnotnull"}],Ce=[{text:de,operator:""},{text:se,operator:!0},{text:ae,operator:!1}];function Se(e,t){return{clearButtonTitle:e.toLanguageString(F,ge[F]),operators:t.map((t=>({text:e.toLanguageString(t.text,ge[t.text]),operator:t.operator})))}}const ke=t.defineComponent({name:"KendoTreeListTextFilter",inject:{kendoLocalizationService:{default:null},getKeyboardNavigationAttributes:{default:null}},emits:{change:null},setup:()=>({kendoLocalizationService:t.inject("kendoLocalizationService",{})}),render(){const{operators:e,...i}=this.$props,n={...Se(o.provideLocalizationService(this),e||$e),...i,filterType:"numeric"};return{filterCell:t.h(r.FilterCell,{onChange:this.onChange,...n})}},methods:{onChange(e){this.$emit("change",e)}}}),we=t.defineComponent({name:"KendoTreeListNumericFilter",inject:{kendoLocalizationService:{default:null},getKeyboardNavigationAttributes:{default:null}},emits:{change:null},setup:()=>({kendoLocalizationService:t.inject("kendoLocalizationService",{})}),render(){const{operators:e,...i}=this.$props,n={...Se(o.provideLocalizationService(this),e||Ie),...i,filterType:"numeric"};return{filterCell:t.h(r.FilterCell,{onChange:this.onChange,...n})}},methods:{onChange(e){this.$emit("change",e)}}}),ye=t.defineComponent({name:"KendoTreeListDateFilter",inject:{kendoLocalizationService:{default:null},getKeyboardNavigationAttributes:{default:null}},emits:{change:null},setup:()=>({kendoLocalizationService:t.inject("kendoLocalizationService",{})}),render(){const{operators:e,...i}=this.$props,n={...Se(o.provideLocalizationService(this),e||xe),...i,filterType:"date"};return{filterCell:t.h(r.FilterCell,{onChange:this.onChange,...n})}},methods:{onChange(e){this.$emit("change",e)}}}),Ne=t.defineComponent({name:"KendoTreeListBooleanFilter",inject:{kendoLocalizationService:{default:null},getKeyboardNavigationAttributes:{default:null}},emits:{change:null},setup:()=>({kendoLocalizationService:t.inject("kendoLocalizationService",{})}),render(){const{operators:e,...i}=this.$props,n={...Se(o.provideLocalizationService(this),e||Ce),...i,filterType:"boolean"};return{filterCell:t.h(r.FilterCell,{onChange:this.onChange,...n})}},methods:{onChange(e){this.$emit("change",e)}}}),De=t.defineComponent({name:"KendoTreeListTextEditor",inheritAttrs:!1,props:{id:String,field:String,dataItem:Object,format:String,colSpan:Number,colIndex:Number,level:Array,expanded:Boolean,isSelected:Boolean,ariaColumnIndex:Number,render:[String,Function,Object],focusInputOnMount:Boolean},emits:{input:null,change:null,cellkeydown:null,edit:null,add:null,cancel:null,save:null,remove:null},inject:{kendoIntlService:{default:null},getKeyboardNavigationAttributes:{default:i.noop}},data:()=>({inputId:i.guid()}),mounted(){const e=this.$el&&this.$el.querySelector("input");!e||e===document.activeElement||!this.focusInputOnMount||e.select()},methods:{triggerKeydown(e){this.$emit("cellkeydown",{event:e,dataItem:this.$props.dataItem,field:this.$props.field})},triggerEdit(e){this.$emit("edit",e)},triggerAdd(e){this.$emit("add",e)},triggerCancel(e){this.$emit("cancel",e)},triggerSave(e){this.$emit("save",e)},triggerRemove(e){this.$emit("remove",e)},changeHandler(e){this.$emit("change",{dataItem:this.$props.dataItem,field:this.$props.field,event:e,level:this.$props.level,value:e.target.value})},inputHandler(e){this.$emit("input",{dataItem:this.$props.dataItem,field:this.$props.field,event:e,level:this.$props.level,value:e.target.value})}},computed:{tdClass(){const{className:e}=this.$props;return{"k-table-td":!0,[e]:e}}},setup:()=>({kendoIntlService:t.inject("kendoIntlService",{})}),render(){const e=i.getNestedValue(this.$props.field,this.$props.dataItem),o=this.getKeyboardNavigationAttributes(this.$props.id),n=t.createVNode("td",{style:this.$attrs.style,onKeydown:this.triggerKeydown,colspan:this.$props.colSpan,class:this.tdClass,role:"gridcell","aria-colindex":this.$props.ariaColumnIndex,"aria-selected":this.$props.isSelected,"data-grid-col-index":this.$props.colIndex,tabindex:o.tabIndex,"data-keyboardnavlevel":o[r.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":o[r.KEYBOARD_NAV_DATA_ID]},[t.createVNode("span",{class:"k-textbox k-input k-input-md k-rounded-md k-input-solid"},[t.createVNode("input",{style:{width:"100%"},class:"k-input-inner",value:null!=e?e:"",onChange:this.changeHandler,onInput:this.inputHandler},null)])]);return i.getTemplate.call(this,{h:t.h,template:this.$props.render,defaultRendering:n,additionalProps:this.$props,additionalListeners:{change:this.changeHandler,input:this.inputHandler,keydown:this.triggerKeydown,edit:this.triggerEdit,add:this.triggerAdd,cancel:this.triggerCancel,save:this.triggerSave,remove:this.triggerRemove}})}}),Ae=t.defineComponent({name:"KendoTreeListNumericEditor",inheritAttrs:!1,props:{id:String,field:String,dataItem:Object,format:String,colSpan:Number,colIndex:Number,level:Array,expanded:Boolean,isSelected:Boolean,ariaColumnIndex:Number,render:[String,Function,Object],focusInputOnMount:Boolean},emits:{change:null,cellkeydown:null,edit:null,add:null,cancel:null,save:null,remove:null},inject:{kendoIntlService:{default:null},getKeyboardNavigationAttributes:{default:i.noop}},data:()=>({inputId:i.guid()}),computed:{tdClass(){const{className:e}=this.$props;return{"k-table-td":!0,[e]:e}}},mounted(){const e=this.$el&&this.$el.querySelector("input");!e||e===document.activeElement||!this.focusInputOnMount||e.select()},methods:{triggerKeydown(e){this.$emit("cellkeydown",{event:e,dataItem:this.$props.dataItem,field:this.$props.field})},triggerEdit(e){this.$emit("edit",e)},triggerAdd(e){this.$emit("add",e)},triggerCancel(e){this.$emit("cancel",e)},triggerSave(e){this.$emit("save",e)},triggerRemove(e){this.$emit("remove",e)},changeHandler(e){this.$emit("change",{dataItem:this.$props.dataItem,field:this.$props.field,event:e,level:this.$props.level,value:e.target.value})}},setup:()=>({kendoIntlService:t.inject("kendoIntlService",{})}),render(){const e=i.getNestedValue(this.$props.field,this.$props.dataItem),o=this.getKeyboardNavigationAttributes(this.$props.id),n=t.createVNode("td",{style:this.$attrs.style,onKeydown:this.triggerKeydown,colspan:this.$props.colSpan,class:this.tdClass,role:"gridcell","aria-colindex":this.$props.ariaColumnIndex,"aria-selected":this.$props.isSelected,"data-grid-col-index":this.$props.colIndex,tabindex:o.tabIndex,"data-keyboardnavlevel":o[r.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":o[r.KEYBOARD_NAV_DATA_ID]},[t.createVNode(l.NumericTextBox,{value:void 0===e?null:e,onChange:this.changeHandler},null)]);return i.getTemplate.call(this,{h:t.h,template:this.$props.render,defaultRendering:n,additionalProps:this.$props,additionalListeners:{change:this.changeHandler,keydown:this.triggerKeydown,edit:this.triggerEdit,add:this.triggerAdd,cancel:this.triggerCancel,save:this.triggerSave,remove:this.triggerRemove}})}}),Ee=t.defineComponent({name:"KendoTreeListBooleanEditor",inheritAttrs:!1,props:{id:String,field:String,dataItem:Object,format:String,colSpan:Number,colIndex:Number,level:Array,expanded:Boolean,isSelected:Boolean,ariaColumnIndex:Number,render:[String,Function,Object],focusInputOnMount:Boolean},emits:{change:null,cellkeydown:null,cellclick:null,edit:null,add:null,cancel:null,save:null,remove:null},inject:{kendoIntlService:{default:null},getKeyboardNavigationAttributes:{default:i.noop}},data:()=>({inputId:i.guid()}),mounted(){const e=this.$el&&this.$el.querySelector("input");!e||e===document.activeElement||!this.focusInputOnMount||e.focus()},methods:{triggerKeydown(e){this.$emit("cellkeydown",{event:e,dataItem:this.$props.dataItem,field:this.$props.field})},triggerClick(e){this.$emit("cellclick",{event:e,dataItem:this.$props.dataItem,field:this.$props.field})},triggerEdit(e){this.$emit("edit",e)},triggerAdd(e){this.$emit("add",e)},triggerCancel(e){this.$emit("cancel",e)},triggerSave(e){this.$emit("save",e)},triggerRemove(e){this.$emit("remove",e)},changeHandler(e){this.$emit("change",{dataItem:this.$props.dataItem,field:this.$props.field,event:e,level:this.$props.level,value:e.target.checked})}},computed:{tdClass(){const{className:e}=this.$props;return{"k-table-td":!0,[e]:e}}},setup:()=>({kendoIntlService:t.inject("kendoIntlService",{})}),render(){const e=i.getNestedValue(this.$props.field,this.$props.dataItem),o=this.getKeyboardNavigationAttributes(this.$props.id),n=t.createVNode("td",{style:this.$attrs.style,onKeydown:this.triggerKeydown,onClick:this.triggerClick,colspan:this.$props.colSpan,class:this.tdClass,role:"gridcell","aria-colindex":this.$props.ariaColumnIndex,"aria-selected":this.$props.isSelected,"data-grid-col-index":this.$props.colIndex,tabindex:o.tabIndex,"data-keyboardnavlevel":o[r.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":o[r.KEYBOARD_NAV_DATA_ID]},[t.createVNode("input",{checked:e||!1,id:this.inputId,type:"checkbox",class:"k-checkbox k-checkbox-md k-rounded-md",onChange:this.changeHandler},null),t.createVNode("label",{class:"k-checkbox-label",for:this.inputId},null)]);return i.getTemplate.call(this,{h:t.h,template:this.$props.render,defaultRendering:n,additionalProps:this.$props,additionalListeners:{change:this.changeHandler,keydown:this.triggerKeydown,edit:this.triggerEdit,add:this.triggerAdd,cancel:this.triggerCancel,save:this.triggerSave,remove:this.triggerRemove}})}}),Te=t.defineComponent({name:"KendoTreeListDateEditor",inheritAttrs:!1,props:{id:String,field:String,dataItem:Object,format:String,colSpan:Number,colIndex:Number,level:Array,expanded:Boolean,isSelected:Boolean,ariaColumnIndex:Number,render:[String,Function,Object],focusInputOnMount:Boolean},emits:{change:null,cellkeydown:null,edit:null,add:null,cancel:null,save:null,remove:null},inject:{kendoIntlService:{default:null},getKeyboardNavigationAttributes:{default:i.noop}},data:()=>({inputId:i.guid()}),mounted(){const e=this.$el&&this.$el.querySelector("input");!e||e===document.activeElement||!this.focusInputOnMount||e.select()},methods:{triggerKeydown(e){this.$emit("cellkeydown",{event:e,dataItem:this.$props.dataItem,field:this.$props.field})},triggerEdit(e){this.$emit("edit",e)},triggerAdd(e){this.$emit("add",e)},triggerCancel(e){this.$emit("cancel",e)},triggerSave(e){this.$emit("save",e)},triggerRemove(e){this.$emit("remove",e)},changeHandler(e){this.$emit("change",{dataItem:this.$props.dataItem,field:this.$props.field,event:e,level:this.$props.level,value:e.target.value})}},computed:{tdClass(){const{className:e}=this.$props;return{"k-table-td":!0,[e]:e}}},setup:()=>({kendoIntlService:t.inject("kendoIntlService",{})}),render(){const e=i.getNestedValue(this.$props.field,this.$props.dataItem),o=this.getKeyboardNavigationAttributes(this.$props.id),n=t.createVNode("td",{style:this.$attrs.style,onKeydown:this.triggerKeydown,colspan:this.$props.colSpan,class:this.tdClass,role:"gridcell","aria-colindex":this.$props.ariaColumnIndex,"aria-selected":this.$props.isSelected,"data-grid-col-index":this.$props.colIndex,tabindex:o.tabIndex,"data-keyboardnavlevel":o[r.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":o[r.KEYBOARD_NAV_DATA_ID]},[t.createVNode(s.DatePicker,{value:e,onChange:this.changeHandler},null)]);return i.getTemplate.call(this,{h:t.h,template:this.$props.render,defaultRendering:n,additionalProps:this.$props,additionalListeners:{change:this.changeHandler,keydown:this.triggerKeydown,edit:this.triggerEdit,add:this.triggerAdd,cancel:this.triggerCancel,save:this.triggerSave,remove:this.triggerRemove}})}}),Re=r.TABLE_ROW_INDEX_ATTRIBUTE,Le=r.TABLE_COL_INDEX_ATTRIBUTE,Oe=r.TABLE_PREVENT_SELECTION_ELEMENT;Object.defineProperty(e,"getSelectedState",{enumerable:!0,get:function(){return r.getSelectedState}}),Object.defineProperty(e,"getSelectedStateFromKeyDown",{enumerable:!0,get:function(){return r.getSelectedStateFromKeyDown}}),Object.defineProperty(e,"setSelectedState",{enumerable:!0,get:function(){return r.setSelectedState}}),e.TREELIST_COL_INDEX_ATTRIBUTE=Le,e.TREELIST_PREVENT_SELECTION_ELEMENT=Oe,e.TREELIST_ROW_INDEX_ATTRIBUTE=Re,e.TreeList=be,e.TreeListBooleanEditor=Ee,e.TreeListBooleanFilter=Ne,e.TreeListCell=v,e.TreeListDateEditor=Te,e.TreeListDateFilter=ye,e.TreeListNumericEditor=Ae,e.TreeListNumericFilter=we,e.TreeListRow=b,e.TreeListSelectionCell=fe,e.TreeListTextEditor=De,e.TreeListTextFilter=ke,e.createDataTree=(e,t,i,r)=>{let o,n={},l=[];return e.forEach((e=>n[t(e)]={...e})),e.forEach((e=>{o=n[i(e)],o?(o[r]=o[r]||[],o[r].push(n[t(e)])):l.push(n[t(e)])})),l},e.extendDataItem=(e,t,r)=>i.extendDataItem(e,t,r),e.filterBy=function(e,t,i){return r.filterBy(e,t,i)},e.flatData=g,e.getItemPath=f,e.getNestedValue=d,e.mapTree=u,e.mapTreeItem=(e,t,r,o)=>i.mapTreeItem(e,t,r,o),e.modifySubItems=(e,t,i,r)=>u(e,t,(e=>i(e)?{...e,[t]:r(e[t]||[])}:e)),e.moveTreeItem=(e,t,i,r)=>{const o=[...e],n=f(o,t,r),l=n.pop(),s=n.pop(),a=t[t.length-1];if(i){const e=f(o,i,r).pop();(s?s[r]:o).splice(a,1),e[r]=e[r]||[],e[r].push(l)}else(s?s[r]:o).splice(a,1),o.push(l);return o},e.orderBy=function(e,t,i){return r.orderBy(e,t,i)},e.removeItems=(e,t,i)=>[...u([{[t]:[...e]}],t,(e=>m(e,i,t)))[0][t]],e.setHeaderRowsTop=c,e.tableRowsVirtualization=p,e.treeToFlat=(e,t,i)=>{const r=e=>{const r=[];return(e=>!!d(t,e))(e)&&(e=>!!d(i,e))(e)&&r.push(...d(i,e)),r},o=(e,t,i)=>{t.push({...e,level:i}),r(e).forEach((e=>o(e,t,i+1)))},n=[];return e.forEach((e=>o(e,n,0))),n}}));
package/package-metadata.js CHANGED
@@ -5,4 +5,4 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-treelist",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1772107877,version:"8.0.2-develop.2",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=vue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-treelist",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1772692226,version:"8.0.2-develop.3",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=vue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;
package/package-metadata.mjs CHANGED
@@ -10,8 +10,8 @@ const e = {
10
10
  productName: "Kendo UI for Vue",
11
11
  productCode: "KENDOUIVUE",
12
12
  productCodes: ["KENDOUIVUE"],
13
- publishDate: 1772107877,
14
- version: "8.0.2-develop.2",
13
+ publishDate: 1772692226,
14
+ version: "8.0.2-develop.3",
15
15
  licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=vue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
16
16
  };
17
17
  export {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-vue-treelist",
3
- "version": "8.0.2-develop.2",
3
+ "version": "8.0.2-develop.3",
4
4
  "description": "TODO",
5
5
  "author": "Progress",
6
6
  "license": "SEE LICENSE IN LICENSE.md",
@@ -20,11 +20,11 @@
20
20
  "peerDependencies": {
21
21
  "@progress/kendo-data-query": "^1.7.0",
22
22
  "@progress/kendo-licensing": "^1.7.2",
23
- "@progress/kendo-vue-common": "8.0.2-develop.2",
24
- "@progress/kendo-vue-data-tools": "8.0.2-develop.2",
25
- "@progress/kendo-vue-dateinputs": "8.0.2-develop.2",
26
- "@progress/kendo-vue-inputs": "8.0.2-develop.2",
27
- "@progress/kendo-vue-intl": "8.0.2-develop.2",
23
+ "@progress/kendo-vue-common": "8.0.2-develop.3",
24
+ "@progress/kendo-vue-data-tools": "8.0.2-develop.3",
25
+ "@progress/kendo-vue-dateinputs": "8.0.2-develop.3",
26
+ "@progress/kendo-vue-inputs": "8.0.2-develop.3",
27
+ "@progress/kendo-vue-intl": "8.0.2-develop.3",
28
28
  "@progress/kendo-svg-icons": "^4.4.0",
29
29
  "vue": "^3.0.2"
30
30
  },
@@ -45,7 +45,7 @@
45
45
  "package": {
46
46
  "productName": "Kendo UI for Vue",
47
47
  "productCode": "KENDOUIVUE",
48
- "publishDate": 1772107877,
48
+ "publishDate": 1772692226,
49
49
  "licensingDocsUrl": "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=vue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
50
50
  }
51
51
  },