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

package/dist/npm/TreeList.js

@@ -93,6 +93,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,
@@ -133,7 +134,8 @@ var TreeListVue2 = {
       wrapperScrollTop: 0,
       updateOnScroll: false,
       tbodyOffsetTop: 0,
-      isRtl: false
+      isRtl: false,
+      navigation: undefined
     };
   },
   // private get document(): Document | undefined {
@@ -150,11 +152,18 @@ var TreeListVue2 = {
   mounted: function mounted() {
     this.calculateSizes(this.$el);
     var rtl = (0, kendo_vue_common_1.isRtl)(this.$el);
-    this.isRtl = rtl; // tableKeyboardNavigation.onComponentDidMount({
+    this.isRtl = rtl;
+    var elementString = '$el';
+    var element = (0, kendo_vue_common_1.getRef)(this, 'gridNav');
+
+    if (element) {
+      this.element = element[elementString];
+    } // tableKeyboardNavigation.onComponentDidMount({
     //     scope: this.element || undefined,
     //     contextStateRef: this.contextStateRef,
     //     navigationStateRef: this.navigationStateRef
     // });
+
   },
   // /**
   //  * @hidden
@@ -224,7 +233,7 @@ var TreeListVue2 = {
       return Boolean(c.filter) || Boolean(c.filterCell);
     }) || filterRow !== undefined;
     var FilterRow = filterRow || kendo_vue_data_tools_1.FilterRow;
-    var idPrefix = kendo_vue_data_tools_1.tableKeyboardNavigationTools.getIdPrefix(undefined); // to do this.navigationStateRef
+    var idPrefix = kendo_vue_data_tools_1.tableKeyboardNavigationTools.getIdPrefix(this.navigation);
 
     if (this.prevColumns !== columns) {
       this.extendedColumn = (0, kendo_vue_data_tools_1.readColumns)(columns, {
@@ -264,7 +273,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,
@@ -272,7 +281,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
@@ -310,7 +319,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,
@@ -318,7 +327,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
@@ -349,7 +358,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,
@@ -357,7 +366,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
@@ -395,7 +404,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,
@@ -403,7 +412,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
@@ -453,12 +462,7 @@ var TreeListVue2 = {
           });
         }
 
-        if (column.cell) {
-          return h(column.cell, {
-            key: columnKey
-          });
-        }
-
+        var cellRenderFunction = kendo_vue_common_1.templateRendering.call(this, this.$props.cellRender || column.cell, kendo_vue_common_1.getListeners.call(this));
         return h(TreeListCell_1.TreeListCell, {
           key: columnKey,
           id: kendo_vue_data_tools_1.tableKeyboardNavigationTools.generateNavigatableId("".concat(rowId, "-").concat(String(columnIndex)), idPrefix),
@@ -468,7 +472,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,
@@ -490,7 +494,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,
@@ -629,10 +633,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", {
@@ -646,6 +646,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 = kendo_vue_common_1.templateRendering.call(this, this.$props.toolbar, kendo_vue_common_1.getListeners.call(this));
+    var toolbar = kendo_vue_common_1.getTemplate.call(this, {
+      h: h,
+      template: toolbarTemplate
+    });
     var pagerTemplate = kendo_vue_common_1.templateRendering.call(this, this.$props.pager, kendo_vue_common_1.getListeners.call(this)); // @ts-ignore
 
     var defaultPagerRendering = this.$props.pageable && h(kendo_vue_data_tools_1.Pager, {
@@ -698,9 +703,6 @@ var TreeListVue2 = {
           "class": (0, kendo_vue_common_1.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,
@@ -711,16 +713,21 @@ var TreeListVue2 = {
           onScroll: virtualScroll ? _this2.handleOnScroll : kendo_vue_common_1.noop,
           on: _this2.v3 ? undefined : {
             "scroll": virtualScroll ? _this2.handleOnScroll : kendo_vue_common_1.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}
@@ -735,18 +742,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(kendo_vue_data_tools_1.DropClue, {
             ref: _this2.dragLogic.refDropElementClue
           }), reorderable && h(kendo_vue_data_tools_1.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
           }),
@@ -755,10 +765,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(kendo_vue_data_tools_1.DropClue, {
           ref: _this2.dragLogic.refDropElementClue
         }), reorderable && h(kendo_vue_data_tools_1.DragClue, {
@@ -769,9 +781,6 @@ var TreeListVue2 = {
         "class": (0, kendo_vue_common_1.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,
@@ -782,16 +791,21 @@ var TreeListVue2 = {
         onScroll: virtualScroll ? _this2.handleOnScroll : kendo_vue_common_1.noop,
         on: _this2.v3 ? undefined : {
           "scroll": virtualScroll ? _this2.handleOnScroll : kendo_vue_common_1.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
           }),
@@ -800,16 +814,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(kendo_vue_data_tools_1.DropClue, {
           ref: _this2.dragLogic.refDropElementClue
         }), reorderable && h(kendo_vue_data_tools_1.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
         }),
@@ -818,10 +836,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(kendo_vue_data_tools_1.DropClue, {
         ref: _this2.dragLogic.refDropElementClue
       }), reorderable && h(kendo_vue_data_tools_1.DragClue, {
@@ -912,21 +932,7 @@ var TreeListVue2 = {
       return flattedData;
     },
     onKeyDown: function onKeyDown(event) {
-      // tableKeyboardNavigation.onKeyDown(event, {
-      //     contextStateRef: this.contextStateRef,
-      //     navigationStateRef: this.navigationStateRef
-      // });
-      var _a = (0, kendo_vue_data_tools_1.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
@@ -1123,7 +1129,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()
@@ -1230,22 +1235,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 (kendo_vue_common_3.hasListener.call(this, handler)) {
         this.$emit(handler, __assign(__assign({}, this.getArguments(event)), data));
       } else if (kendo_vue_common_3.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)
         }));
       }
     },
@@ -1257,9 +1252,8 @@ var TreeListVue2 = {
     },
     getArguments: function getArguments(event) {
       return {
-        nativeEvent: event && event.nativeEvent,
         event: event,
-        target: this
+        component: this
       };
     },
     expandedSubItems: function expandedSubItems(dataItem) {

package/dist/npm/cells/TreeListCell.js

@@ -1,5 +1,21 @@
 "use strict";
 
+var __assign = undefined && undefined.__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);
+};
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -60,7 +76,7 @@ var TreeListCellVue2 = {
           dataItem = _a.dataItem,
           level = _a.level;
 
-      if (event.isDefaultPrevented()) {
+      if (event.defaultPrevented) {
         return;
       }
 
@@ -160,7 +176,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 : {
@@ -210,7 +226,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/npm/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/npm/main.js

@@ -1,17 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.setSelectedState = exports.getSelectedStateFromKeyDown = exports.getSelectedState = exports.TREELIST_PREVENT_SELECTION_ELEMENT = exports.TREELIST_ROW_INDEX_ATTRIBUTE = exports.TREELIST_COL_INDEX_ATTRIBUTE = exports.tableRowsVirtualization = exports.setHeaderRowsTop = exports.getNestedValue = exports.flatData = exports.treeToFlat = exports.modifySubItems = exports.removeItems = exports.getItemPath = exports.moveTreeItem = exports.mapTreeItem = exports.extendDataItem = exports.createDataTree = exports.mapTree = exports.filterBy = exports.orderBy = exports.TreeListDateEditor = exports.TreeListBooleanEditor = exports.TreeListNumericEditor = exports.TreeListTextEditor = exports.TreeListBooleanFilter = exports.TreeListDateFilter = exports.TreeListNumericFilter = exports.TreeListTextFilter = exports.TreeListNoRecords = exports.TreeListToolbar = exports.TreeListSelectionCell = exports.TreeListRow = exports.TreeListCell = exports.TreeList = void 0;
+exports.setSelectedState = exports.getSelectedStateFromKeyDown = exports.getSelectedState = exports.TREELIST_PREVENT_SELECTION_ELEMENT = exports.TREELIST_ROW_INDEX_ATTRIBUTE = exports.TREELIST_COL_INDEX_ATTRIBUTE = exports.tableRowsVirtualization = exports.setHeaderRowsTop = exports.getNestedValue = exports.flatData = exports.treeToFlat = exports.modifySubItems = exports.removeItems = exports.getItemPath = exports.moveTreeItem = exports.mapTreeItem = exports.extendDataItem = exports.createDataTree = exports.mapTree = exports.filterBy = exports.orderBy = exports.TreeListDateEditor = exports.TreeListBooleanEditor = exports.TreeListNumericEditor = exports.TreeListTextEditor = exports.TreeListBooleanFilter = exports.TreeListDateFilter = exports.TreeListNumericFilter = exports.TreeListTextFilter = exports.TreeListNoRecords = exports.TreeListSelectionCell = exports.TreeListRow = exports.TreeListCell = exports.TreeList = void 0;
 var TreeList_1 = require("./TreeList");
 Object.defineProperty(exports, "TreeList", { enumerable: true, get: function () { return TreeList_1.TreeList; } });
 var TreeListCell_1 = require("./cells/TreeListCell");
 Object.defineProperty(exports, "TreeListCell", { enumerable: true, get: function () { return TreeListCell_1.TreeListCell; } });
 var TreeListSelectionCell_1 = require("./cells/TreeListSelectionCell");
 Object.defineProperty(exports, "TreeListSelectionCell", { enumerable: true, get: function () { return TreeListSelectionCell_1.TreeListSelectionCell; } });
-// import { TreeListHeaderSelectionCell, TreeListHeaderSelectionCellProps } from './header/TreeListHeaderSelectionCell';
 var TreeListRow_1 = require("./rows/TreeListRow");
 Object.defineProperty(exports, "TreeListRow", { enumerable: true, get: function () { return TreeListRow_1.TreeListRow; } });
-var TreeListToolbar_1 = require("./TreeListToolbar");
-Object.defineProperty(exports, "TreeListToolbar", { enumerable: true, get: function () { return TreeListToolbar_1.TreeListToolbar; } });
 var TreeListNoRecords_1 = require("./TreeListNoRecords");
 Object.defineProperty(exports, "TreeListNoRecords", { enumerable: true, get: function () { return TreeListNoRecords_1.TreeListNoRecords; } });
 var TreeListTextFilter_1 = require("./cells/FilterCells/TreeListTextFilter");

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.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/npm/rows/DragClue.js

@@ -29,7 +29,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/npm/rows/TreeListRow.js

@@ -50,7 +50,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
       };
     }
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-treelist",
-  "version": "3.5.2",
+  "version": "3.5.4-dev.202209071223",
   "description": "Kendo UI for Vue TreeList package",
   "repository": {
     "type": "git",
@@ -47,22 +47,22 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-common": "3.5.2"
+    "@progress/kendo-vue-common": "3.5.4-dev.202209071223"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-date-math": "^1.4.1",
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.0.1",
-    "@progress/kendo-vue-buttons": "3.5.2",
-    "@progress/kendo-vue-data-tools": "3.5.2",
-    "@progress/kendo-vue-dateinputs": "3.5.2",
-    "@progress/kendo-vue-dialogs": "3.5.2",
-    "@progress/kendo-vue-dropdowns": "3.5.2",
-    "@progress/kendo-vue-excel-export": "3.5.2",
-    "@progress/kendo-vue-inputs": "3.5.2",
-    "@progress/kendo-vue-intl": "3.5.2",
-    "@progress/kendo-vue-pdf": "3.5.2"
+    "@progress/kendo-vue-buttons": "3.5.4-dev.202209071223",
+    "@progress/kendo-vue-data-tools": "3.5.4-dev.202209071223",
+    "@progress/kendo-vue-dateinputs": "3.5.4-dev.202209071223",
+    "@progress/kendo-vue-dialogs": "3.5.4-dev.202209071223",
+    "@progress/kendo-vue-dropdowns": "3.5.4-dev.202209071223",
+    "@progress/kendo-vue-excel-export": "3.5.4-dev.202209071223",
+    "@progress/kendo-vue-inputs": "3.5.4-dev.202209071223",
+    "@progress/kendo-vue-intl": "3.5.4-dev.202209071223",
+    "@progress/kendo-vue-pdf": "3.5.4-dev.202209071223"
   },
   "@progress": {
     "friendlyName": "TreeList",

package/dist/es/TreeListToolbar.d.ts

@@ -1,15 +0,0 @@
-import { TreeListToolbarProps } from './interfaces/TreeListToolbarProps';
-declare type DefaultData<V> = object | ((this: V) => {});
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
-/**
- * @hidden
- */
-declare let TreeListToolbarVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<TreeListToolbarProps>>;
-/**
- * Represents the TreeListToolbar component.
- */
-declare const TreeListToolbar: DefineComponent<TreeListToolbarProps, any, {}, {}, {}, {}, {}, {}, string, TreeListToolbarProps, TreeListToolbarProps, {}>;
-export { TreeListToolbar, TreeListToolbarVue2 };

package/dist/es/TreeListToolbar.js

@@ -1,34 +0,0 @@
-// @ts-ignore
-import * as Vue from 'vue';
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-import { getDefaultSlots } from '@progress/kendo-vue-common';
-/**
- * @hidden
- */
-
-var TreeListToolbarVue2 = {
-  name: 'TreeListToolbar',
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var defaultSlot = getDefaultSlots(this);
-    return h("div", {
-      "class": "k-toolbar k-grid-toolbar"
-    }, [defaultSlot]);
-  }
-};
-/**
- * Represents the TreeListToolbar component.
- */
-
-var TreeListToolbar = TreeListToolbarVue2;
-export { TreeListToolbar, TreeListToolbarVue2 };

package/dist/esm/TreeListToolbar.d.ts

@@ -1,15 +0,0 @@
-import { TreeListToolbarProps } from './interfaces/TreeListToolbarProps';
-declare type DefaultData<V> = object | ((this: V) => {});
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
-/**
- * @hidden
- */
-declare let TreeListToolbarVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<TreeListToolbarProps>>;
-/**
- * Represents the TreeListToolbar component.
- */
-declare const TreeListToolbar: DefineComponent<TreeListToolbarProps, any, {}, {}, {}, {}, {}, {}, string, TreeListToolbarProps, TreeListToolbarProps, {}>;
-export { TreeListToolbar, TreeListToolbarVue2 };

package/dist/esm/TreeListToolbar.js

@@ -1,34 +0,0 @@
-// @ts-ignore
-import * as Vue from 'vue';
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-import { getDefaultSlots } from '@progress/kendo-vue-common';
-/**
- * @hidden
- */
-
-var TreeListToolbarVue2 = {
-  name: 'TreeListToolbar',
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var defaultSlot = getDefaultSlots(this);
-    return h("div", {
-      "class": "k-toolbar k-grid-toolbar"
-    }, [defaultSlot]);
-  }
-};
-/**
- * Represents the TreeListToolbar component.
- */
-
-var TreeListToolbar = TreeListToolbarVue2;
-export { TreeListToolbar, TreeListToolbarVue2 };

package/dist/npm/TreeListToolbar.d.ts

@@ -1,15 +0,0 @@
-import { TreeListToolbarProps } from './interfaces/TreeListToolbarProps';
-declare type DefaultData<V> = object | ((this: V) => {});
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
-/**
- * @hidden
- */
-declare let TreeListToolbarVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<TreeListToolbarProps>>;
-/**
- * Represents the TreeListToolbar component.
- */
-declare const TreeListToolbar: DefineComponent<TreeListToolbarProps, any, {}, {}, {}, {}, {}, {}, string, TreeListToolbarProps, TreeListToolbarProps, {}>;
-export { TreeListToolbar, TreeListToolbarVue2 };