@progress/kendo-vue-treeview 3.5.0 → 3.5.1-dev.202208150613

package/dist/esm/utils/itemIdUtils.js

@@ -0,0 +1,117 @@
+/**
+ * @hidden
+ */
+export var EMPTY_ID = '';
+/**
+ * @hidden
+ */
+export var ZERO_LEVEL_ZERO_NODE_ID = '0';
+/**
+ * @hidden
+ */
+export var SEPARATOR = '_';
+/**
+ * @hidden
+ */
+export function getItemById(itemId, items, childrenField) {
+    if (isIdZeroLevel(itemId)) {
+        return items[Number(itemId)];
+    }
+    else {
+        var rootParentItem = items[Number(getRootParentId(itemId))];
+        var subItems = (rootParentItem && rootParentItem[childrenField]) || [];
+        return subItems.length ?
+            getItemById(getIdWithoutRootParentId(itemId), subItems, childrenField) : undefined;
+    }
+}
+/**
+ * @hidden
+ */
+export function getRootParentId(itemId) {
+    return isIdEmptyOrZeroLevel(itemId) ? itemId : itemId.split(SEPARATOR)[0];
+}
+/**
+ * @hidden
+ */
+export function getIdWithoutRootParentId(itemId) {
+    if (isIdEmptyOrZeroLevel(itemId)) {
+        return itemId;
+    }
+    else {
+        var firstSeparatorIndex = itemId.indexOf(SEPARATOR);
+        return itemId.substring(firstSeparatorIndex + 1);
+    }
+}
+/**
+ * @hidden
+ */
+export function getFirstChildId(itemId) {
+    return createId('0', itemId);
+}
+/**
+ * @hidden
+ */
+export function createId(childId, parentId) {
+    childId = childId.toString();
+    return parentId ? parentId + SEPARATOR + childId : childId;
+}
+/**
+ * @hidden
+ */
+export function getDirectParentId(itemId) {
+    var lastSeparatorIndex = itemId.lastIndexOf(SEPARATOR);
+    return lastSeparatorIndex < 0 ? EMPTY_ID : itemId.substring(0, lastSeparatorIndex);
+}
+/**
+ * @hidden
+ */
+export function isIdEmptyOrZeroLevel(itemId) {
+    return itemId === EMPTY_ID || itemId.indexOf(SEPARATOR) < 0;
+}
+/**
+ * @hidden
+ */
+export function isIdZeroLevel(itemId) {
+    return itemId !== EMPTY_ID && itemId.indexOf(SEPARATOR) < 0;
+}
+/**
+ * @hidden
+ */
+export function getAllShortIds(itemId) {
+    return itemId.split(SEPARATOR);
+}
+/**
+ * @hidden
+ */
+export function getShortId(itemId) {
+    var lastSeparatorIndex = itemId.lastIndexOf(SEPARATOR);
+    return lastSeparatorIndex < 0 ? itemId : itemId.substring(lastSeparatorIndex + 1);
+}
+/**
+ * @hidden
+ */
+export function isItemFirstFromSiblings(itemId) {
+    return getShortId(itemId) === ZERO_LEVEL_ZERO_NODE_ID;
+}
+/**
+ * @hidden
+ */
+export function getDecrementedItemIdAfterRemoval(removedItemId, itemId) {
+    var preservedItemId = itemId;
+    removedItemId = 'r' + SEPARATOR + removedItemId;
+    itemId = 'r' + SEPARATOR + itemId;
+    var itemSharedPath = getDirectParentId(removedItemId) + SEPARATOR;
+    if (itemId.startsWith(itemSharedPath)) {
+        var itemNotSharedPath = itemId.substring(itemSharedPath.length);
+        if (itemNotSharedPath) {
+            var siblingShortId = getRootParentId(itemNotSharedPath);
+            if (Number(getShortId(removedItemId)) < Number(siblingShortId)) {
+                var decrementedId = itemSharedPath +
+                    (Number(siblingShortId) - 1).toString() +
+                    itemNotSharedPath.substring(siblingShortId.length);
+                return getIdWithoutRootParentId(decrementedId);
+            }
+        }
+    }
+    return preservedItemId;
+}

package/dist/esm/utils/itemUtils.d.ts

@@ -0,0 +1,45 @@
+import FieldsService from './FieldsService';
+/**
+ * @hidden
+ */
+export declare function hasChildren(item: any, childrenField: string): boolean;
+/**
+ * @hidden
+ */
+export declare function isItemExpandedAndWithChildren(item: any, fieldsSvc: FieldsService): boolean;
+/**
+ * @hidden
+ */
+export declare function resolveItemId(publicId: any, idField: string, items: any[], childrenField: string): string;
+/**
+ * @hidden
+ */
+export declare function resolveItemsIds(publicIds: any[], idField: string, items: any[], childrenField: string): string[];
+/**
+ * @hidden
+ */
+export declare function updateItem(items: any[], itemId: string, update: (item: any) => void, cloneField: string, childrenField: string): any[];
+/**
+ * @hidden
+ */
+export declare function isEnabledAndAllParentsEnabled(itemId: string, items: any, fieldsSvc: FieldsService): any;
+/**
+ * @hidden
+ */
+export declare function getAllDirectIndirectChildrenIds(item: any, itemId: string, childrenField: string, idField: string | undefined): any[];
+/**
+ * @hidden
+ */
+export declare function areAllDirectChildrenChecked(item: any, itemId: any, idField: string | undefined, childrenField: string, check: string[]): any;
+/**
+ * @hidden
+ */
+export declare function getAllParents(itemId: string, childrenField: string, items: any[]): any[];
+/**
+ * @hidden
+ */
+export declare function removeItem(itemId: string, childrenField: string, items: any[]): any[];
+/**
+ * @hidden
+ */
+export declare function addItem(item: any, operation: 'before' | 'after' | 'child', childrenField: string, targetItemId: string, items: any[]): any[];

package/dist/esm/utils/itemUtils.js

@@ -0,0 +1,191 @@
+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);
+};
+import { EMPTY_ID, isIdZeroLevel, createId, getRootParentId, getIdWithoutRootParentId, getAllShortIds } from './itemIdUtils.js';
+import SortedPublicItemIds from './SortedPublicItemIds.js';
+import { getNestedValue } from './misc.js';
+/**
+ * @hidden
+ */
+export function hasChildren(item, childrenField) {
+    var children = getNestedValue(childrenField, item);
+    return Boolean(children && children.length);
+}
+/**
+ * @hidden
+ */
+export function isItemExpandedAndWithChildren(item, fieldsSvc) {
+    return fieldsSvc.expanded(item) && hasChildren(item, fieldsSvc.getChildrenField());
+}
+/**
+ * @hidden
+ */
+export function resolveItemId(publicId, idField, items, childrenField) {
+    var resolvedIds = resolveItemsIds([publicId], idField, items, childrenField);
+    return resolvedIds.length ? resolvedIds[0] : undefined;
+}
+/**
+ * @hidden
+ */
+export function resolveItemsIds(publicIds, idField, items, childrenField) {
+    var result = [];
+    var sortedIds = new SortedPublicItemIds();
+    sortedIds.init(publicIds);
+    resolveItemsIdsHelper(sortedIds, idField, items, EMPTY_ID, result, childrenField);
+    return result;
+}
+/**
+ * @hidden
+ */
+export function updateItem(items, itemId, update, cloneField, childrenField) {
+    var _a;
+    var itemIndex = Number(getRootParentId(itemId));
+    if (itemIndex >= items.length) {
+        return items;
+    }
+    var result = items;
+    var item = items[itemIndex];
+    // Clone the item before updating it.
+    if (!item[cloneField]) {
+        result = items.slice();
+        item = result[itemIndex] = Object.assign({}, item, (_a = {}, _a[cloneField] = true, _a));
+    }
+    // Directly update the item.
+    if (isIdZeroLevel(itemId)) {
+        update(item);
+    }
+    else if (item[childrenField]) {
+        item[childrenField] = updateItem(item[childrenField], getIdWithoutRootParentId(itemId), update, cloneField, childrenField);
+    }
+    return result;
+}
+/**
+ * @hidden
+ */
+export function isEnabledAndAllParentsEnabled(itemId, items, fieldsSvc) {
+    var ids = getAllShortIds(itemId);
+    var currentItems = items;
+    for (var i = 0; i < ids.length; i++) {
+        var currentItem = currentItems[Number(ids[i])];
+        if (fieldsSvc.disabled(currentItem)) {
+            return false;
+        }
+        else {
+            currentItems = currentItem[fieldsSvc.getChildrenField()];
+        }
+    }
+    return true;
+}
+/**
+ * @hidden
+ */
+export function getAllDirectIndirectChildrenIds(item, itemId, childrenField, idField) {
+    return idField ? getChildrenPublicIds(item) : getChildrenHierarchicalIndices(item, itemId);
+    function getChildrenHierarchicalIndices(startItem, startItemId) {
+        var result = [];
+        var children = startItem[childrenField] || [];
+        for (var i = 0; i < children.length; i++) {
+            var id = createId(i, startItemId);
+            result.push(id);
+            result = result.concat(getChildrenHierarchicalIndices(children[i], id));
+        }
+        return result;
+    }
+    function getChildrenPublicIds(startItem) {
+        var result = [];
+        var children = startItem[childrenField] || [];
+        for (var i = 0; i < children.length; i++) {
+            result.push(getNestedValue(idField, children[i]));
+            result = result.concat(getChildrenPublicIds(children[i]));
+        }
+        return result;
+    }
+}
+/**
+ * @hidden
+ */
+export function areAllDirectChildrenChecked(item, itemId, idField, childrenField, check) {
+    var children = item[childrenField] || [];
+    return children.every(function (child, index) {
+        return check.indexOf(idField ? getNestedValue(idField, child) : createId(index, itemId)) > -1;
+    });
+}
+/**
+ * @hidden
+ */
+export function getAllParents(itemId, childrenField, items) {
+    var result = [];
+    var ids = getAllShortIds(itemId);
+    var currentItems = items;
+    for (var i = 0; i < ids.length - 1; i++) {
+        if (!currentItems) {
+            break;
+        }
+        var currentItem = currentItems[Number(ids[i])];
+        result.push(currentItem);
+        currentItems = currentItem[childrenField];
+    }
+    return result;
+}
+/**
+ * @hidden
+ */
+export function removeItem(itemId, childrenField, items) {
+    var result = items.slice();
+    if (isIdZeroLevel(itemId)) {
+        result.splice(Number(itemId), 1);
+    }
+    else {
+        var rootParentIndex = Number(getRootParentId(itemId));
+        var rootParent = result[rootParentIndex] = __assign({}, result[rootParentIndex]);
+        rootParent[childrenField] = removeItem(getIdWithoutRootParentId(itemId), childrenField, rootParent[childrenField]);
+    }
+    return result;
+}
+/**
+ * @hidden
+ */
+export function addItem(item, operation, childrenField, targetItemId, items) {
+    var result = items.slice();
+    if (isIdZeroLevel(targetItemId)) {
+        if (operation === 'child') {
+            var targetItem = result[Number(targetItemId)] = __assign({}, result[Number(targetItemId)]);
+            if (targetItem[childrenField]) {
+                targetItem[childrenField] = targetItem[childrenField].slice();
+                targetItem[childrenField].push(item);
+            }
+            else {
+                targetItem[childrenField] = [item];
+            }
+        }
+        else {
+            result.splice(Number(targetItemId) + (operation === 'after' ? 1 : 0), 0, item);
+        }
+    }
+    else {
+        var rootParentIndex = Number(getRootParentId(targetItemId));
+        var rootParent = result[rootParentIndex] = __assign({}, result[rootParentIndex]);
+        rootParent[childrenField] = addItem(item, operation, childrenField, getIdWithoutRootParentId(targetItemId), rootParent[childrenField]);
+    }
+    return result;
+}
+function resolveItemsIdsHelper(publicItemIds, idField, items, parentItemId, resolvedIds, childrenField) {
+    for (var i = 0; i < items.length; i++) {
+        var item = items[i];
+        var id = createId(i, parentItemId);
+        if (publicItemIds.hasId(getNestedValue(idField, item))) {
+            resolvedIds.push(id);
+        }
+        if (hasChildren(item, childrenField)) {
+            resolveItemsIdsHelper(publicItemIds, idField, getNestedValue(childrenField, item), id, resolvedIds, childrenField);
+        }
+    }
+}

package/dist/esm/utils/misc.d.ts

@@ -0,0 +1,9 @@
+import { TreeViewOperationDescriptor } from '../TreeViewOperationDescriptors';
+/**
+ * @hidden
+ */
+export declare function getNestedValue(fieldName: string | undefined, dataItem: any): any;
+/**
+ * @hidden
+ */
+export declare function isArray(operation: string[] | TreeViewOperationDescriptor): operation is any[];

package/dist/esm/utils/misc.js

@@ -0,0 +1,17 @@
+/**
+ * @hidden
+ */
+export function getNestedValue(fieldName, dataItem) {
+    var path = (fieldName || '').split('.');
+    var data = dataItem;
+    path.forEach(function (p) {
+        data = data ? data[p] : undefined;
+    });
+    return data;
+}
+/**
+ * @hidden
+ */
+export function isArray(operation) {
+    return operation.length !== undefined;
+}

package/dist/npm/TreeView.js

@@ -104,9 +104,9 @@ var TreeViewVue2 = {
     }
   },
   created: function created() {
-    kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
+    (0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
     this.allowExplicitFocus = false;
-    this.innerId = kendo_vue_common_1.guid();
+    this.innerId = (0, kendo_vue_common_1.guid)();
   },
   updated: function updated() {
     this.allowExplicitFocus = false;
@@ -127,7 +127,7 @@ var TreeViewVue2 = {
     this.fieldsSvc = new FieldsService_1.default(this.$props);
     var size = this.$props.size;
     return h("div", {
-      "class": kendo_vue_common_1.classNames('k-treeview', (_a = {}, _a["k-treeview-" + (sizeMap[size] || size)] = size, _a)),
+      "class": (0, kendo_vue_common_1.classNames)('k-treeview', (_a = {}, _a["k-treeview-".concat(sizeMap[size] || size)] = size, _a)),
       onKeydown: this.onKeyDown,
       on: this.v3 ? undefined : {
         "keydown": this.onKeyDown,
@@ -282,7 +282,7 @@ var TreeViewVue2 = {
       var focusedItem = this.getFocusedItem();
 
       if (focusedItem) {
-        var newItemId = getItemIdUponKeyboardNavigation_1.default(focusedItem, this.focusedItemId, this.dataItems, event.keyCode, this.fieldsSvc);
+        var newItemId = (0, getItemIdUponKeyboardNavigation_1.default)(focusedItem, this.focusedItemId, this.dataItems, event.keyCode, this.fieldsSvc);
 
         if (newItemId !== this.focusedItemId) {
           // This disables the auto-scroll. The scroll is achieved via item focusing.
@@ -299,12 +299,12 @@ var TreeViewVue2 = {
 
 
       var isEnabled = function isEnabled() {
-        return itemUtils_1.isEnabledAndAllParentsEnabled(_this.focusedItemId, _this.dataItems, _this.fieldsSvc);
+        return (0, itemUtils_1.isEnabledAndAllParentsEnabled)(_this.focusedItemId, _this.dataItems, _this.fieldsSvc);
       };
 
       if (event.keyCode === kendo_vue_common_1.Keys.left && this.fieldsSvc.expanded(focusedItem) && isEnabled()) {
         this.dispatchExpandChange(event, focusedItem, this.focusedItemId);
-      } else if (event.keyCode === kendo_vue_common_1.Keys.right && !this.fieldsSvc.expanded(focusedItem) && (this.fieldsSvc.hasChildren(focusedItem) || itemUtils_1.hasChildren(focusedItem, this.$props.childrenField)) && isEnabled()) {
+      } else if (event.keyCode === kendo_vue_common_1.Keys.right && !this.fieldsSvc.expanded(focusedItem) && (this.fieldsSvc.hasChildren(focusedItem) || (0, itemUtils_1.hasChildren)(focusedItem, this.$props.childrenField)) && isEnabled()) {
         this.dispatchExpandChange(event, focusedItem, this.focusedItemId);
       } else if (event.keyCode === kendo_vue_common_1.Keys.enter && isEnabled()) {
         this.dispatchItemClick(event, focusedItem, this.focusedItemId);
@@ -334,7 +334,7 @@ var TreeViewVue2 = {
       return this.focusedItemId ? this.getItemById(this.focusedItemId) : undefined;
     },
     getItemById: function getItemById(itemId) {
-      return itemIdUtils_1.getItemById(itemId, this.dataItems, this.$props.childrenField || consts_1.CHILDREN_FIELD);
+      return (0, itemIdUtils_1.getItemById)(itemId, this.dataItems, this.$props.childrenField || consts_1.CHILDREN_FIELD);
     },
     dispatchCheckChange: function dispatchCheckChange(_dispatchedEvent, item, itemId) {
       this.$emit('checkchange', {
@@ -359,7 +359,7 @@ var TreeViewVue2 = {
         var focusedItemPublicId = this.focusedItemPublicId;
 
         if (focusedItemPublicId) {
-          var focusedItemId = this.$props.getFocusHierarchicalIndex ? this.$props.getFocusHierarchicalIndex(focusedItemPublicId) : itemUtils_1.resolveItemId(focusedItemPublicId, this.fieldsSvc.focusIdField, this.dataItems, this.$props.childrenField);
+          var focusedItemId = this.$props.getFocusHierarchicalIndex ? this.$props.getFocusHierarchicalIndex(focusedItemPublicId) : (0, itemUtils_1.resolveItemId)(focusedItemPublicId, this.fieldsSvc.focusIdField, this.dataItems, this.$props.childrenField);
 
           if (focusedItemId !== this.focusedItemId) {
             this.allowExplicitFocus = true;

package/dist/npm/TreeViewDragAnalyzer.js

@@ -50,8 +50,8 @@ var TreeViewDragAnalyzer = /** @class */ (function () {
         get: function () {
             if (this.initialized && this.destItemId && this.destTreeViewGuid) {
                 // Disallow circular references.
-                return !((this.destTreeViewGuid + "_" + this.destItemId + "_").
-                    startsWith(this.treeViewGuid + "_" + this.itemId + "_"));
+                return !(("".concat(this.destTreeViewGuid, "_").concat(this.destItemId, "_")).
+                    startsWith("".concat(this.treeViewGuid, "_").concat(this.itemId, "_")));
             }
             else {
                 return false;

package/dist/npm/TreeViewDragClue.js

@@ -69,7 +69,7 @@ var TreeViewDragClueVue2 = {
       "class": "k-header k-drag-clue",
       style: __assign(__assign({}, defaultStyle), dynamicStyle)
     }, [h("span", {
-      "class": kendo_vue_common_1.classNames('k-icon k-drag-status k-icon-with-modifier', this.operationClassName)
+      "class": (0, kendo_vue_common_1.classNames)('k-icon k-drag-status k-icon-with-modifier', this.operationClassName)
     }, [h("span", {
       "class": "k-icon k-icon-modifier"
     })]), this.text]);

package/dist/npm/TreeViewItem.js

@@ -74,7 +74,7 @@ var TreeViewItemVue2 = {
       return (this.$props.focusedItemId || this.$props.tabbableItemId) === this.itemId ? 0 : -1;
     },
     ariaExpanded: function ariaExpanded() {
-      return this.fieldsSvc.hasChildren(this.item) || itemUtils_1.hasChildren(this.item, this.fieldsSvc.getChildrenField()) ? Boolean(this.fieldsSvc.expanded(this.item)) : undefined;
+      return this.fieldsSvc.hasChildren(this.item) || (0, itemUtils_1.hasChildren)(this.item, this.fieldsSvc.getChildrenField()) ? Boolean(this.fieldsSvc.expanded(this.item)) : undefined;
     },
     ariaChecked: function ariaChecked() {
       if (this.$props.checkboxes) {
@@ -98,7 +98,7 @@ var TreeViewItemVue2 = {
     }
   },
   created: function created() {
-    this.itemGuid = kendo_vue_common_1.guid();
+    this.itemGuid = (0, kendo_vue_common_1.guid)();
     this.prevFocusedItemId = this.focusedItemId;
     this.prevFieldsService = this.fieldsService;
     this.prevItem = this.item;
@@ -122,7 +122,7 @@ var TreeViewItemVue2 = {
       this.$emit('focusdomelneeded', this.$el);
     }
 
-    this.checkboxElement = kendo_vue_common_1.getRef(this, 'checkboxElement');
+    this.checkboxElement = (0, kendo_vue_common_1.getRef)(this, 'checkboxElement');
 
     if (this.checkboxElement) {
       this.checkboxElement.indeterminate = this.fieldsSvc.checkIndeterminate(this.item);
@@ -137,7 +137,7 @@ var TreeViewItemVue2 = {
       this.$emit('focusdomelneeded', this.$el);
     }
 
-    this.checkboxElement = kendo_vue_common_1.getRef(this, 'checkboxElement');
+    this.checkboxElement = (0, kendo_vue_common_1.getRef)(this, 'checkboxElement');
 
     if (this.checkboxElement) {
       var indeterminate = this.fieldsSvc.checkIndeterminate(this.item);
@@ -165,7 +165,7 @@ var TreeViewItemVue2 = {
     var h = gh || createElement;
 
     var subitems = function subitems() {
-      return itemUtils_1.isItemExpandedAndWithChildren(this.item, this.fieldsSvc) ? h("ul", {
+      return (0, itemUtils_1.isItemExpandedAndWithChildren)(this.item, this.fieldsSvc) ? h("ul", {
         "class": "k-treeview-group",
         role: "group",
         attrs: this.v3 ? undefined : {
@@ -176,7 +176,7 @@ var TreeViewItemVue2 = {
           item: item,
           attrs: this.v3 ? undefined : {
             item: item,
-            itemId: itemIdUtils_1.createId(index, this.itemId),
+            itemId: (0, itemIdUtils_1.createId)(index, this.itemId),
             treeGuid: this.$props.treeGuid,
             animate: this.$props.animate,
             focusedItemId: this.$props.focusedItemId,
@@ -189,7 +189,7 @@ var TreeViewItemVue2 = {
             expandIcons: this.$props.expandIcons,
             size: this.$props.size
           },
-          itemId: itemIdUtils_1.createId(index, this.itemId),
+          itemId: (0, itemIdUtils_1.createId)(index, this.itemId),
           treeGuid: this.$props.treeGuid,
           animate: this.$props.animate,
           focusedItemId: this.$props.focusedItemId,
@@ -225,7 +225,7 @@ var TreeViewItemVue2 = {
     var renderExpandIcon = function renderExpandIcon() {
       var renderExpand = this.$props.expandIcons && ( // If it is explicitly said that the item has children (even not loaded yet)
       // or if the item actually has children, then render the icon.
-      this.fieldsSvc.hasChildren(this.item) || itemUtils_1.hasChildren(this.item, this.fieldsSvc.getChildrenField()));
+      this.fieldsSvc.hasChildren(this.item) || (0, itemUtils_1.hasChildren)(this.item, this.fieldsSvc.getChildrenField()));
       return renderExpand && h("span", {
         "class": "k-treeview-toggle"
       }, [h("span", {
@@ -251,7 +251,7 @@ var TreeViewItemVue2 = {
             id: this.itemGuid,
             tabindex: -1
           },
-          "class": kendo_vue_common_1.classNames('k-checkbox k-rounded-md', (_a = {}, _a["k-checkbox-" + (sizeMap[size] || size)] = size, _a)),
+          "class": (0, kendo_vue_common_1.classNames)('k-checkbox k-rounded-md', (_a = {}, _a["k-checkbox-".concat(sizeMap[size] || size)] = size, _a)),
           checked: this.v3 ? Boolean(this.fieldsSvc.checked(this.item)) : null,
           domProps: this.v3 ? undefined : {
             "checked": Boolean(this.fieldsSvc.checked(this.item))
@@ -262,7 +262,7 @@ var TreeViewItemVue2 = {
           on: this.v3 ? undefined : {
             "change": this.handleCheckChange
           },
-          ref: kendo_vue_common_1.setRef(this, 'checkboxElement')
+          ref: (0, kendo_vue_common_1.setRef)(this, 'checkboxElement')
         }), h("label", {
           "class": "k-checkbox-label",
           "for": this.itemGuid,
@@ -384,19 +384,19 @@ var TreeViewItemVue2 = {
     },
     getIconClassName: function getIconClassName() {
       var expanded = this.fieldsSvc.expanded(this.item);
-      return kendo_vue_common_1.classNames('k-icon', {
+      return (0, kendo_vue_common_1.classNames)('k-icon', {
         'k-i-expand': !expanded,
         'k-i-collapse': expanded,
-        'k-i-loading': expanded && !itemUtils_1.hasChildren(this.item, this.fieldsSvc.getChildrenField())
+        'k-i-loading': expanded && !(0, itemUtils_1.hasChildren)(this.item, this.fieldsSvc.getChildrenField())
       });
     },
     getRootClassName: function getRootClassName() {
-      return kendo_vue_common_1.classNames('k-treeview-item', {
+      return (0, kendo_vue_common_1.classNames)('k-treeview-item', {
         'k-disabled': this.fieldsSvc.disabled(this.item)
-      });
+      }, this.item.class);
     },
     getContentClassName: function getContentClassName() {
-      return kendo_vue_common_1.classNames('k-treeview-leaf', {
+      return (0, kendo_vue_common_1.classNames)('k-treeview-leaf', {
         'k-focus': this.$props.focusedItemId === this.itemId,
         'k-selected': this.fieldsSvc.selected(this.item)
       });

package/dist/npm/handleTreeViewCheckChange.js

@@ -67,7 +67,7 @@ function handleTreeViewCheckChange(event, check, data, settings, childrenField)
         return [];
     }
     var _a = parseOperation(check), ids = _a.ids, idField = _a.idField;
-    var itemId = idField ? misc_1.getNestedValue(idField, event.item) : event.itemHierarchicalIndex;
+    var itemId = idField ? (0, misc_1.getNestedValue)(idField, event.item) : event.itemHierarchicalIndex;
     var idIndex = ids.indexOf(itemId);
     var itemJustChecked = idIndex === -1;
     var subItemsField = childrenField || consts_1.CHILDREN_FIELD;
@@ -85,13 +85,13 @@ function handleTreeViewCheckChange(event, check, data, settings, childrenField)
             checkParents(event.itemHierarchicalIndex, itemJustChecked, idField, subItemsField, newIds, data);
         }
     }
-    return misc_1.isArray(check) ? newIds : Object.assign({}, check, { ids: newIds });
+    return (0, misc_1.isArray)(check) ? newIds : Object.assign({}, check, { ids: newIds });
 }
 exports.handleTreeViewCheckChange = handleTreeViewCheckChange;
 function parseOperation(operation) {
     var ids;
     var idField = undefined;
-    if (misc_1.isArray(operation)) {
+    if ((0, misc_1.isArray)(operation)) {
         ids = operation;
     }
     else {
@@ -101,7 +101,7 @@ function parseOperation(operation) {
     return { ids: ids, idField: idField };
 }
 function checkChildren(item, itemHierarchicalIndex, itemJustChecked, idField, childrenField, ids) {
-    itemUtils_1.getAllDirectIndirectChildrenIds(item, itemHierarchicalIndex, childrenField, idField).forEach(function (itemId) {
+    (0, itemUtils_1.getAllDirectIndirectChildrenIds)(item, itemHierarchicalIndex, childrenField, idField).forEach(function (itemId) {
         if (itemJustChecked && ids.indexOf(itemId) === -1) {
             ids.push(itemId);
         }
@@ -120,7 +120,7 @@ function checkParents(itemHierarchicalIndex, itemJustChecked, idField, childrenF
             var _a = result.value, id = _a.id, item = _a.item;
             // The first check is needed. However, it is not sure whether to stop the entire loop.
             if (ids.indexOf(id) === -1 &&
-                itemUtils_1.areAllDirectChildrenChecked(item, id, idField, childrenField, ids)) {
+                (0, itemUtils_1.areAllDirectChildrenChecked)(item, id, idField, childrenField, ids)) {
                 ids.push(id);
                 result = it.next();
             }
@@ -151,12 +151,12 @@ function checkParents(itemHierarchicalIndex, itemJustChecked, idField, childrenF
             switch (_a.label) {
                 case 0:
                     if (!idField) return [3 /*break*/, 5];
-                    parents = itemUtils_1.getAllParents(itemHierarchicalIndex, childrenField, data);
+                    parents = (0, itemUtils_1.getAllParents)(itemHierarchicalIndex, childrenField, data);
                     i = parents.length - 1;
                     _a.label = 1;
                 case 1:
                     if (!(i > -1)) return [3 /*break*/, 4];
-                    return [4 /*yield*/, { id: misc_1.getNestedValue(idField, parents[i]), item: itemJustChecked ? parents[i] : undefined }];
+                    return [4 /*yield*/, { id: (0, misc_1.getNestedValue)(idField, parents[i]), item: itemJustChecked ? parents[i] : undefined }];
                 case 2:
                     _a.sent();
                     _a.label = 3;
@@ -165,14 +165,14 @@ function checkParents(itemHierarchicalIndex, itemJustChecked, idField, childrenF
                     return [3 /*break*/, 1];
                 case 4: return [3 /*break*/, 8];
                 case 5:
-                    parentId = itemIdUtils_1.getDirectParentId(itemHierarchicalIndex);
+                    parentId = (0, itemIdUtils_1.getDirectParentId)(itemHierarchicalIndex);
                     _a.label = 6;
                 case 6:
                     if (!parentId) return [3 /*break*/, 8];
-                    return [4 /*yield*/, { id: parentId, item: itemJustChecked ? itemIdUtils_1.getItemById(parentId, data, childrenField) : undefined }];
+                    return [4 /*yield*/, { id: parentId, item: itemJustChecked ? (0, itemIdUtils_1.getItemById)(parentId, data, childrenField) : undefined }];
                 case 7:
                     _a.sent();
-                    parentId = itemIdUtils_1.getDirectParentId(parentId);
+                    parentId = (0, itemIdUtils_1.getDirectParentId)(parentId);
                     return [3 /*break*/, 6];
                 case 8: return [2 /*return*/];
             }