@progress/kendo-vue-treelist 3.5.2 → 3.5.4-dev.202209071223

package/dist/es/TreeList.js

@@ -44,7 +44,7 @@ var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 var markRaw = allVue.markRaw;
-import { classNames, noop, getter, guid, getDefaultSlots, templateRendering, getListeners, getTemplate, isRtl } from '@progress/kendo-vue-common';
+import { classNames, noop, getter, guid, getDefaultSlots, templateRendering, getListeners, getTemplate, isRtl, getRef } from '@progress/kendo-vue-common';
 import { Header, HeaderRow, FilterRow as TreeListFilterRow, ColumnResize, CommonDragLogic, DragClue, DropClue, tableColumnsVirtualization, readColumns, mapColumns, // tableKeyboardNavigation,
 // TableKeyboardNavigationContext,
 TableKeyboardNavigationProvider, tableKeyboardNavigationTools as navigationTools, operators, getSelectionOptions, normalize, Pager } from '@progress/kendo-vue-data-tools';
@@ -75,6 +75,7 @@ var TreeListVue2 = {
     filter: [Array, Object],
     filterable: Boolean,
     filterRow: [String, Function, Object],
+    cellRender: [String, Function, Object],
     toolbar: [String, Function, Object],
     noRecords: [String, Function, Object],
     expandField: String,
@@ -115,7 +116,8 @@ var TreeListVue2 = {
       wrapperScrollTop: 0,
       updateOnScroll: false,
       tbodyOffsetTop: 0,
-      isRtl: false
+      isRtl: false,
+      navigation: undefined
     };
   },
   // private get document(): Document | undefined {
@@ -132,11 +134,18 @@ var TreeListVue2 = {
   mounted: function mounted() {
     this.calculateSizes(this.$el);
     var rtl = isRtl(this.$el);
-    this.isRtl = rtl; // tableKeyboardNavigation.onComponentDidMount({
+    this.isRtl = rtl;
+    var elementString = '$el';
+    var element = getRef(this, 'gridNav');
+
+    if (element) {
+      this.element = element[elementString];
+    } // tableKeyboardNavigation.onComponentDidMount({
     //     scope: this.element || undefined,
     //     contextStateRef: this.contextStateRef,
     //     navigationStateRef: this.navigationStateRef
     // });
+
   },
   // /**
   //  * @hidden
@@ -206,7 +215,7 @@ var TreeListVue2 = {
       return Boolean(c.filter) || Boolean(c.filterCell);
     }) || filterRow !== undefined;
     var FilterRow = filterRow || TreeListFilterRow;
-    var idPrefix = navigationTools.getIdPrefix(undefined); // to do this.navigationStateRef
+    var idPrefix = navigationTools.getIdPrefix(this.navigation);
 
     if (this.prevColumns !== columns) {
       this.extendedColumn = readColumns(columns, {
@@ -246,7 +255,7 @@ var TreeListVue2 = {
             columns: leafColumns,
             attrs: this.v3 ? undefined : {
               columns: leafColumns,
-              filter: this.$props.filter,
+              filter: this.$props.filter || [],
               sort: this.$props.sort,
               ariaRowIndex: this.columnsMap.length + 1,
               grid: this,
@@ -254,7 +263,7 @@ var TreeListVue2 = {
               cellRender: this.$props.filterCellRender,
               isRtl: this.isRtl
             },
-            filter: this.$props.filter,
+            filter: this.$props.filter || [],
             onFilterchange: this.filterChange,
             on: this.v3 ? undefined : {
               "filterchange": this.filterChange
@@ -292,7 +301,7 @@ var TreeListVue2 = {
           columns: leafColumns,
           attrs: this.v3 ? undefined : {
             columns: leafColumns,
-            filter: this.$props.filter,
+            filter: this.$props.filter || [],
             sort: this.$props.sort,
             ariaRowIndex: this.columnsMap.length + 1,
             grid: this,
@@ -300,7 +309,7 @@ var TreeListVue2 = {
             cellRender: this.$props.filterCellRender,
             isRtl: this.isRtl
           },
-          filter: this.$props.filter,
+          filter: this.$props.filter || [],
           onFilterchange: this.filterChange,
           on: this.v3 ? undefined : {
             "filterchange": this.filterChange
@@ -331,7 +340,7 @@ var TreeListVue2 = {
               columns: leafColumns,
               attrs: this.v3 ? undefined : {
                 columns: leafColumns,
-                filter: this.$props.filter,
+                filter: this.$props.filter || [],
                 sort: this.$props.sort,
                 ariaRowIndex: this.columnsMap.length + 1,
                 grid: this,
@@ -339,7 +348,7 @@ var TreeListVue2 = {
                 cellRender: this.$props.filterCellRender,
                 isRtl: this.isRtl
               },
-              filter: this.$props.filter,
+              filter: this.$props.filter || [],
               onFilterchange: this.filterChange,
               on: this.v3 ? undefined : {
                 "filterchange": this.filterChange
@@ -377,7 +386,7 @@ var TreeListVue2 = {
             columns: leafColumns,
             attrs: this.v3 ? undefined : {
               columns: leafColumns,
-              filter: this.$props.filter,
+              filter: this.$props.filter || [],
               sort: this.$props.sort,
               ariaRowIndex: this.columnsMap.length + 1,
               grid: this,
@@ -385,7 +394,7 @@ var TreeListVue2 = {
               cellRender: this.$props.filterCellRender,
               isRtl: this.isRtl
             },
-            filter: this.$props.filter,
+            filter: this.$props.filter || [],
             onFilterchange: this.filterChange,
             on: this.v3 ? undefined : {
               "filterchange": this.filterChange
@@ -435,12 +444,7 @@ var TreeListVue2 = {
           });
         }
 
-        if (column.cell) {
-          return h(column.cell, {
-            key: columnKey
-          });
-        }
-
+        var cellRenderFunction = templateRendering.call(this, this.$props.cellRender || column.cell, getListeners.call(this));
         return h(TreeListCell, {
           key: columnKey,
           id: navigationTools.generateNavigatableId("".concat(rowId, "-").concat(String(columnIndex)), idPrefix),
@@ -450,7 +454,7 @@ var TreeListVue2 = {
             dataItem: item.dataItem,
             field: column.field,
             format: column.format,
-            render: this.$props.cellRender,
+            render: cellRenderFunction,
             selectionChange: this.$props.onSelectionChange ? function (e) {
               _this.selectionChange({
                 event: e,
@@ -472,7 +476,7 @@ var TreeListVue2 = {
           field: column.field,
           format: column.format,
           "class": className || undefined,
-          render: this.$props.cellRender,
+          render: cellRenderFunction,
           onChange: this.itemChange,
           on: this.v3 ? undefined : {
             "change": this.itemChange,
@@ -611,10 +615,6 @@ var TreeListVue2 = {
     var colGroups = h("colgroup", {
       ref: function ref(c) {
         _this.columnResize.colGroupMain = c;
-      },
-      role: 'presentation',
-      attrs: this.v3 ? undefined : {
-        role: 'presentation'
       }
     }, [leafColumns.map(function (column, index) {
       return h("col", {
@@ -628,6 +628,11 @@ var TreeListVue2 = {
     var virtualScroll = this.$props.columnVirtualization || this.$props.scrollable === 'virtual';
     var tableUserSelect = this.$props.selectable && this.$props.selectable.drag ? 'none' : undefined;
     var tableProps = this.$props.tableProps || {};
+    var toolbarTemplate = templateRendering.call(this, this.$props.toolbar, getListeners.call(this));
+    var toolbar = getTemplate.call(this, {
+      h: h,
+      template: toolbarTemplate
+    });
     var pagerTemplate = templateRendering.call(this, this.$props.pager, getListeners.call(this)); // @ts-ignore
 
     var defaultPagerRendering = this.$props.pageable && h(Pager, {
@@ -680,9 +685,6 @@ var TreeListVue2 = {
           "class": classNames('k-widget k-grid', _this2.$props.className, {
             'k-treelist-scrollable': scrollable !== 'none'
           }),
-          ref: function ref(e) {
-            return _this.element = e;
-          },
           currentData: flattedData,
           attrs: _this2.v3 ? undefined : {
             currentData: flattedData,
@@ -693,16 +695,21 @@ var TreeListVue2 = {
           onScroll: virtualScroll ? _this2.handleOnScroll : noop,
           on: _this2.v3 ? undefined : {
             "scroll": virtualScroll ? _this2.handleOnScroll : noop,
-            "keyDown": _this2.onKeyDown,
+            "keydown": _this2.onKeyDown,
             "focus": _this2.onFocus
           },
-          onKeyDown: _this2.onKeyDown,
+          onKeydown: _this2.onKeyDown,
           onFocus: _this2.onFocus,
           "aria-rowcount": total,
           "aria-colcount": leafColumns.length,
-          role: 'treegrid'
+          role: 'treegrid',
+          ref: _this2.v3 ? function (el) {
+            _this.treeListNavRef = el;
+          } : 'treeListNav'
         }, _this2.v3 ? function () {
-          return [_this2.$props.toolbar, //     // @ts-ignore
+          return [_this2.$props.toolbar && h("div", {
+            "class": "k-toolbar k-grid-toolbar"
+          }, [toolbar]), //     // @ts-ignore
           //   <TableSelection
           //     selectable={this.$props.selectable}
           //     onRelease={this.selectionRelease}
@@ -717,18 +724,21 @@ var TreeListVue2 = {
               role: 'presentation'
             }
           }, [colGroups, header, h("tbody", {
-            // {...tableKeyboardNavigationBodyAttributes} 
-            role: 'presentation',
+            "data-keyboardnavbody": true,
             attrs: _this2.v3 ? undefined : {
+              "data-keyboardnavbody": true,
               role: 'presentation'
-            }
+            },
+            role: 'presentation'
           }, [body])]) //     </TableSelection>
           , pager, reorderable && h(DropClue, {
             ref: _this2.dragLogic.refDropElementClue
           }), reorderable && h(DragClue, {
             ref: _this2.dragLogic.refDragElementClue
           })];
-        } : [_this2.$props.toolbar, h("table", {
+        } : [_this2.$props.toolbar && h("div", {
+          "class": "k-toolbar k-grid-toolbar"
+        }, [toolbar]), h("table", {
           style: __assign(__assign({}, tableProps.style || {}), {
             userSelect: tableUserSelect
           }),
@@ -737,10 +747,12 @@ var TreeListVue2 = {
             role: 'presentation'
           }
         }, [colGroups, header, h("tbody", {
-          role: 'presentation',
+          "data-keyboardnavbody": true,
           attrs: _this2.v3 ? undefined : {
+            "data-keyboardnavbody": true,
             role: 'presentation'
-          }
+          },
+          role: 'presentation'
         }, [body])]), pager, reorderable && h(DropClue, {
           ref: _this2.dragLogic.refDropElementClue
         }), reorderable && h(DragClue, {
@@ -751,9 +763,6 @@ var TreeListVue2 = {
         "class": classNames('k-widget k-grid', _this2.$props.className, {
           'k-treelist-scrollable': scrollable !== 'none'
         }),
-        ref: function ref(e) {
-          return _this.element = e;
-        },
         currentData: flattedData,
         attrs: _this2.v3 ? undefined : {
           currentData: flattedData,
@@ -764,16 +773,21 @@ var TreeListVue2 = {
         onScroll: virtualScroll ? _this2.handleOnScroll : noop,
         on: _this2.v3 ? undefined : {
           "scroll": virtualScroll ? _this2.handleOnScroll : noop,
-          "keyDown": _this2.onKeyDown,
+          "keydown": _this2.onKeyDown,
           "focus": _this2.onFocus
         },
-        onKeyDown: _this2.onKeyDown,
+        onKeydown: _this2.onKeyDown,
         onFocus: _this2.onFocus,
         "aria-rowcount": total,
         "aria-colcount": leafColumns.length,
-        role: 'treegrid'
+        role: 'treegrid',
+        ref: _this2.v3 ? function (el) {
+          _this.treeListNavRef = el;
+        } : 'treeListNav'
       }, _this2.v3 ? function () {
-        return [_this2.$props.toolbar, h("table", {
+        return [_this2.$props.toolbar && h("div", {
+          "class": "k-toolbar k-grid-toolbar"
+        }, [toolbar]), h("table", {
           style: __assign(__assign({}, tableProps.style || {}), {
             userSelect: tableUserSelect
           }),
@@ -782,16 +796,20 @@ var TreeListVue2 = {
             role: 'presentation'
           }
         }, [colGroups, header, h("tbody", {
-          role: 'presentation',
+          "data-keyboardnavbody": true,
           attrs: _this2.v3 ? undefined : {
+            "data-keyboardnavbody": true,
             role: 'presentation'
-          }
+          },
+          role: 'presentation'
         }, [body])]), pager, reorderable && h(DropClue, {
           ref: _this2.dragLogic.refDropElementClue
         }), reorderable && h(DragClue, {
           ref: _this2.dragLogic.refDragElementClue
         })];
-      } : [_this2.$props.toolbar, h("table", {
+      } : [_this2.$props.toolbar && h("div", {
+        "class": "k-toolbar k-grid-toolbar"
+      }, [toolbar]), h("table", {
         style: __assign(__assign({}, tableProps.style || {}), {
           userSelect: tableUserSelect
         }),
@@ -800,10 +818,12 @@ var TreeListVue2 = {
           role: 'presentation'
         }
       }, [colGroups, header, h("tbody", {
-        role: 'presentation',
+        "data-keyboardnavbody": true,
         attrs: _this2.v3 ? undefined : {
+          "data-keyboardnavbody": true,
           role: 'presentation'
-        }
+        },
+        role: 'presentation'
       }, [body])]), pager, reorderable && h(DropClue, {
         ref: _this2.dragLogic.refDropElementClue
       }), reorderable && h(DragClue, {
@@ -894,21 +914,7 @@ var TreeListVue2 = {
       return flattedData;
     },
     onKeyDown: function onKeyDown(event) {
-      // tableKeyboardNavigation.onKeyDown(event, {
-      //     contextStateRef: this.contextStateRef,
-      //     navigationStateRef: this.navigationStateRef
-      // });
-      var _a = getSelectionOptions(this.$props.selectable),
-          mode = _a.mode,
-          cell = _a.cell;
-
-      this.$emit('keydown', __assign({
-        dataItems: this.getLeafDataItems(),
-        mode: mode,
-        cell: cell,
-        componentId: this._treeListId,
-        selectedField: this.$props.selectedField
-      }, this.getArguments(event)));
+      this.$emit('keydown', event);
     },
     onFocus: function onFocus(_event) {// tableKeyboardNavigation.onFocus(event, {
       //     contextStateRef: this.contextStateRef
@@ -1105,7 +1111,6 @@ var TreeListVue2 = {
       if (this.$props.onHeaderSelectionChange) {
         var selectionEvent = {
           field: event.field,
-          //   nativeEvent: event.event && event.event.nativeEvent,
           event: event.event,
           target: this,
           dataItems: this.getLeafDataItems()
@@ -1212,22 +1217,12 @@ var TreeListVue2 = {
         take: page.take
       }, event);
     },
-    onPageChange: function onPageChange(e) {
-      if (this.$props.onPageChange) {
-        var event_4 = __assign(__assign({}, this.getArguments(e.event)), {
-          skip: e.skip,
-          take: e.take
-        });
-
-        this.$props.onPageChange.call(undefined, event_4);
-      }
-    },
     raiseDataEvent: function raiseDataEvent(handler, data, moreData, event) {
       if (hasListener.call(this, handler)) {
         this.$emit(handler, __assign(__assign({}, this.getArguments(event)), data));
       } else if (hasListener.call(this, 'datastatechange')) {
         this.$emit('datastatechange', __assign(__assign({}, this.getArguments(event)), {
-          data: __assign(__assign({}, this.getDataState()), moreData)
+          data: __assign(__assign(__assign({}, this.getDataState()), data), moreData)
         }));
       }
     },
@@ -1239,9 +1234,8 @@ var TreeListVue2 = {
     },
     getArguments: function getArguments(event) {
       return {
-        nativeEvent: event && event.nativeEvent,
         event: event,
-        target: this
+        component: this
       };
     },
     expandedSubItems: function expandedSubItems(dataItem) {

package/dist/es/cells/TreeListCell.js

@@ -1,4 +1,20 @@
-// @ts-ignore
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+}; // @ts-ignore
+
+
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -49,7 +65,7 @@ var TreeListCellVue2 = {
           dataItem = _a.dataItem,
           level = _a.level;
 
-      if (event.isDefaultPrevented()) {
+      if (event.defaultPrevented) {
         return;
       }
 
@@ -149,7 +165,7 @@ var TreeListCellVue2 = {
 
       if (hasChildren) {
         icons.push(h("span", {
-          "class": "k-icon k-i-".concat(expanded ? 'collapse' : 'expand'),
+          "class": "k-icon k-i-".concat(expanded ? 'caret-alt-down' : 'caret-alt-right'),
           key: "expand-collapse",
           onClick: this.triggerExpandChange,
           on: this.v3 ? undefined : {
@@ -199,7 +215,9 @@ var TreeListCellVue2 = {
       h: h,
       template: this.$props.render,
       defaultRendering: defaultRendering,
-      additionalProps: this.$props,
+      additionalProps: __assign(__assign({}, this.$props), {
+        value: data
+      }),
       additionalListeners: {
         click: this.triggerClick,
         keydown: this.triggerKeydown,

package/dist/es/main.d.ts

@@ -7,7 +7,6 @@ import { TreeListHeaderCellProps } from './interfaces/TreeListHeaderCellProps';
 import { TreeListSelectionCell } from './cells/TreeListSelectionCell';
 import { TreeListRow } from './rows/TreeListRow';
 import { TreeListRowProps } from './interfaces/TreeListRowProps';
-import { TreeListToolbar } from './TreeListToolbar';
 import { TreeListToolbarProps } from './interfaces/TreeListToolbarProps';
 import { TreeListNoRecords } from './TreeListNoRecords';
 import { TreeListNoRecordsProps } from './interfaces/TreeListNoRecordsProps';
@@ -27,4 +26,4 @@ import { getNestedValue, setHeaderRowsTop, tableRowsVirtualization } from './uti
 import { TREELIST_COL_INDEX_ATTRIBUTE, TREELIST_ROW_INDEX_ATTRIBUTE, TREELIST_PREVENT_SELECTION_ELEMENT } from './constants/main';
 import { getSelectedState, getSelectedStateFromKeyDown, setSelectedState } from '@progress/kendo-vue-data-tools';
 import { TreeListSelectableMode, TreeListSelectableSettings } from './interfaces/TreeListSelectableSettings';
-export { TreeList, TreeListProps, TreeListColumnProps, TreeListCell, TreeListCellProps, TreeListRow, TreeListRowProps, TreeListHeaderCellProps, TreeListSelectionCell, TreeListToolbar, TreeListToolbarProps, TreeListNoRecords, TreeListNoRecordsProps, TreeListSortSettings, TreeListColumnSortSettings, TreeListTextFilter, TreeListTextFilterProps, TreeListNumericFilter, TreeListNumericFilterProps, TreeListDateFilter, TreeListDateFilterProps, TreeListBooleanFilter, TreeListBooleanFilterProps, TreeListTextEditor, TreeListTextEditorProps, TreeListNumericEditor, TreeListNumericEditorProps, TreeListBooleanEditor, TreeListBooleanEditorProps, TreeListDateEditor, TreeListDateEditorProps, TreeListDataStateChangeEvent, TreeListFilterChangeEvent, TreeListColumnMenuFilterChangeEvent, TreeListSortChangeEvent, TreeListExpandChangeEvent, TreeListSelectionChangeEvent, TreeListItemChangeEvent, TreeListHeaderSelectionChangeEvent, TreeListRowClickEvent, TreeListColumnResizeEvent, TreeListColumnReorderEvent, TreeListPageChangeEvent, TreeListRowDragEvent, TreeListEvent, TreeListRowDoubleClickEvent, TreeListRowContextMenuEvent, TreeListDragSelectionReleaseEvent, TreeListKeyDownEvent, orderBy, filterBy, mapTree, createDataTree, extendDataItem, mapTreeItem, moveTreeItem, getItemPath, removeItems, modifySubItems, treeToFlat, DataItemWrapper, flatData, getNestedValue, setHeaderRowsTop, tableRowsVirtualization, TREELIST_COL_INDEX_ATTRIBUTE, TREELIST_ROW_INDEX_ATTRIBUTE, TREELIST_PREVENT_SELECTION_ELEMENT, getSelectedState, getSelectedStateFromKeyDown, setSelectedState, TreeListSelectableSettings, TreeListSelectableMode };
+export { TreeList, TreeListProps, TreeListColumnProps, TreeListCell, TreeListCellProps, TreeListRow, TreeListRowProps, TreeListHeaderCellProps, TreeListSelectionCell, TreeListToolbarProps, TreeListNoRecords, TreeListNoRecordsProps, TreeListSortSettings, TreeListColumnSortSettings, TreeListTextFilter, TreeListTextFilterProps, TreeListNumericFilter, TreeListNumericFilterProps, TreeListDateFilter, TreeListDateFilterProps, TreeListBooleanFilter, TreeListBooleanFilterProps, TreeListTextEditor, TreeListTextEditorProps, TreeListNumericEditor, TreeListNumericEditorProps, TreeListBooleanEditor, TreeListBooleanEditorProps, TreeListDateEditor, TreeListDateEditorProps, TreeListDataStateChangeEvent, TreeListFilterChangeEvent, TreeListColumnMenuFilterChangeEvent, TreeListSortChangeEvent, TreeListExpandChangeEvent, TreeListSelectionChangeEvent, TreeListItemChangeEvent, TreeListHeaderSelectionChangeEvent, TreeListRowClickEvent, TreeListColumnResizeEvent, TreeListColumnReorderEvent, TreeListPageChangeEvent, TreeListRowDragEvent, TreeListEvent, TreeListRowDoubleClickEvent, TreeListRowContextMenuEvent, TreeListDragSelectionReleaseEvent, TreeListKeyDownEvent, orderBy, filterBy, mapTree, createDataTree, extendDataItem, mapTreeItem, moveTreeItem, getItemPath, removeItems, modifySubItems, treeToFlat, DataItemWrapper, flatData, getNestedValue, setHeaderRowsTop, tableRowsVirtualization, TREELIST_COL_INDEX_ATTRIBUTE, TREELIST_ROW_INDEX_ATTRIBUTE, TREELIST_PREVENT_SELECTION_ELEMENT, getSelectedState, getSelectedStateFromKeyDown, setSelectedState, TreeListSelectableSettings, TreeListSelectableMode };

package/dist/es/main.js

@@ -1,11 +1,7 @@
 import { TreeList } from './TreeList';
 import { TreeListCell } from './cells/TreeListCell';
-import { TreeListSelectionCell
-//  TreeListSelectionCellProps
- } from './cells/TreeListSelectionCell';
-// import { TreeListHeaderSelectionCell, TreeListHeaderSelectionCellProps } from './header/TreeListHeaderSelectionCell';
+import { TreeListSelectionCell } from './cells/TreeListSelectionCell';
 import { TreeListRow } from './rows/TreeListRow';
-import { TreeListToolbar } from './TreeListToolbar';
 import { TreeListNoRecords } from './TreeListNoRecords';
 import { TreeListTextFilter } from './cells/FilterCells/TreeListTextFilter';
 import { TreeListNumericFilter } from './cells/FilterCells/TreeListNumericFilter';
@@ -19,8 +15,4 @@ import { orderBy, filterBy, mapTreeItem, moveTreeItem, getItemPath, mapTree, cre
 import { getNestedValue, setHeaderRowsTop, tableRowsVirtualization } from './utils/main';
 import { TREELIST_COL_INDEX_ATTRIBUTE, TREELIST_ROW_INDEX_ATTRIBUTE, TREELIST_PREVENT_SELECTION_ELEMENT } from './constants/main';
 import { getSelectedState, getSelectedStateFromKeyDown, setSelectedState } from '@progress/kendo-vue-data-tools';
-export { TreeList, TreeListCell, TreeListRow, TreeListSelectionCell, 
-// TreeListSelectionCellProps,
-// TreeListHeaderSelectionCell,
-// TreeListHeaderSelectionCellProps,
-TreeListToolbar, TreeListNoRecords, TreeListTextFilter, TreeListNumericFilter, TreeListDateFilter, TreeListBooleanFilter, TreeListTextEditor, TreeListNumericEditor, TreeListBooleanEditor, TreeListDateEditor, orderBy, filterBy, mapTree, createDataTree, extendDataItem, mapTreeItem, moveTreeItem, getItemPath, removeItems, modifySubItems, treeToFlat, flatData, getNestedValue, setHeaderRowsTop, tableRowsVirtualization, TREELIST_COL_INDEX_ATTRIBUTE, TREELIST_ROW_INDEX_ATTRIBUTE, TREELIST_PREVENT_SELECTION_ELEMENT, getSelectedState, getSelectedStateFromKeyDown, setSelectedState };
+export { TreeList, TreeListCell, TreeListRow, TreeListSelectionCell, TreeListNoRecords, TreeListTextFilter, TreeListNumericFilter, TreeListDateFilter, TreeListBooleanFilter, TreeListTextEditor, TreeListNumericEditor, TreeListBooleanEditor, TreeListDateEditor, orderBy, filterBy, mapTree, createDataTree, extendDataItem, mapTreeItem, moveTreeItem, getItemPath, removeItems, modifySubItems, treeToFlat, flatData, getNestedValue, setHeaderRowsTop, tableRowsVirtualization, TREELIST_COL_INDEX_ATTRIBUTE, TREELIST_ROW_INDEX_ATTRIBUTE, TREELIST_PREVENT_SELECTION_ELEMENT, getSelectedState, getSelectedStateFromKeyDown, setSelectedState };

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-treelist',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1662110842,
+    publishDate: 1662553258,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/es/rows/DragClue.js

@@ -22,7 +22,7 @@ var RowDragClueVue2 = {
       return _a = {
         'k-icon': true,
         'k-drag-status': true
-      }, _a[this.$props.allowDrop ? 'k-i-add' : 'k-i-cancel'] = true, _a['k-icon-with-modifier'] = true, _a;
+      }, _a[this.$props.allowDrop ? 'k-i-plus' : 'k-i-cancel'] = true, _a['k-icon-with-modifier'] = true, _a;
     }
   },
   // @ts-ignore

package/dist/es/rows/TreeListRow.js

@@ -41,7 +41,7 @@ var TreeListRowVue2 = {
         'k-master-row': true,
         'k-selected': isSelected,
         'k-alt': isAltRow,
-        'k-group-footer': this.dataItem.footer
+        'k-group-footer': this.dataItem && this.dataItem.footer
       };
     }
   },