@progress/kendo-angular-treeview 11.0.0-develop.98 → 11.0.0

package/NOTICE.txt

@@ -1,6 +1,6 @@
 Progress Kendo UI for Angular 2023
 
-Copyright (c) 2016-2022 Progress Software Corporation and/or one of its
+Copyright © 2016-2023 Progress Software Corporation and/or one of its
 subsidiaries or affiliates. All rights reserved.
 
 Portions of the Product include certain open source and commercial third-party
@@ -65,7 +65,7 @@ the Product:
 
 (1) 	The Apache Software License, Version 2.0:
 
-Progress Kendo UI for Angular 2022 incorporates TsLib v1.9.3. Such technology
+Progress Kendo UI for Angular 2023 incorporates TsLib v1.9.3. Such technology
 is subject to the following terms and conditions: Apache Software License Version 2.0.
 
                                  Apache License
@@ -290,7 +290,7 @@ is subject to the following terms and conditions: Apache Software License Versio
 
 (2) 	BSD-Style Licenses:
 
-(a) Progress Kendo UI for Angular 2022 incorporates xlf-translate v2.0.4.  Such
+(a) Progress Kendo UI for Angular 2023 incorporates xlf-translate v2.0.4.  Such
 technology is subject to the following terms and conditions:
 
    BSD 3-Clause License
@@ -325,7 +325,7 @@ technology is subject to the following terms and conditions:
 
 (3) 	The ISC License:
 
-(a) Progress Kendo UI for Angular 2022 incorporates glob v7.1.3.  Such technology
+(a) Progress Kendo UI for Angular 2023 incorporates glob v7.1.3.  Such technology
 is subject to the following terms and conditions:
 
     The ISC License
@@ -352,7 +352,7 @@ is subject to the following terms and conditions:
 
 (4)	MIT-Style Licenses:
 
-(a) Progress Kendo UI for Angular 2022 incorporates HammerJS v2.0.8.  Such
+(a) Progress Kendo UI for Angular 2023 incorporates HammerJS v2.0.8.  Such
 technology is subject to the following terms and conditions:
 
    The MIT License (MIT)
@@ -377,7 +377,7 @@ technology is subject to the following terms and conditions:
    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
    SOFTWARE.
 
-(b) Progress Kendo UI for Angular 2022 incorporates prosemirror-commands v1*,
+(b) Progress Kendo UI for Angular 2023 incorporates prosemirror-commands v1*,
 prosemirror-cursor v1*, prosemirror-gapcursor v1*, prosemirror-history v1*,
 prosemirror-inputrules v1*, prosemirror-keymap v1*, prosemirror-model v1*,
 prosemirror-schema-list v1*, prosemirror-state v1*, prosemirror-tables v0.7*,
@@ -404,7 +404,7 @@ subject to the following terms and conditions:
    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
    THE SOFTWARE.
 
-(c) Progress Kendo UI for Angular 2022 incorporates cheerio v0.2.2.  Such technology is subject to the following terms and conditions:
+(c) Progress Kendo UI for Angular 2023 incorporates cheerio v0.2.2.  Such technology is subject to the following terms and conditions:
 
    MIT License
 
@@ -428,7 +428,7 @@ subject to the following terms and conditions:
    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
    SOFTWARE.
 
-(d) Progress Kendo UI for Angular 2022 incorporates @types/prosemirror-commands v1*,
+(d) Progress Kendo UI for Angular 2023 incorporates @types/prosemirror-commands v1*,
 @types/prosemirror-dropcursor v1*, @types/prosemirror-gapcursor v1*, @types/prosemirror-history v1*,
 @types/prosemirror-inputrules v1*, @types/prosemirror-keymap v1*, @types/prosemirror-model v1*,
 @types/prosemirror-schema-list v1*, @types/prosemirror-state v1*, @types/prosemirror-tables v0.9*,
@@ -457,7 +457,7 @@ subject to the following terms and conditions:
     OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
     SOFTWARE.
 
-(e) Progress Kendo UI for Angular 2022 incorporates pako-esm v1.0.0.  Such
+(e) Progress Kendo UI for Angular 2023 incorporates pako-esm v1.0.0.  Such
 technology is subject to the following terms and conditions:
 
   Copyright © 2020 Progress Software Corporation and/or one of its subsidiaries
@@ -483,7 +483,7 @@ technology is subject to the following terms and conditions:
   OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
   THE SOFTWARE.
 
-(f) Progress Kendo UI for Angular 2022 incorporates jszip-esm v1.0.0.  Such
+(f) Progress Kendo UI for Angular 2023 incorporates jszip-esm v1.0.0.  Such
 technology is subject to the following terms and conditions:
 
     Copyright © 2020 Progress Software Corporation and/or one of its subsidiaries
@@ -510,7 +510,7 @@ technology is subject to the following terms and conditions:
     OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
     THE SOFTWARE.
 
-(g) Progress Kendo UI for Angular 2022 incorporates data.task v3.1.2.  Such
+(g) Progress Kendo UI for Angular 2023 incorporates data.task v3.1.2.  Such
 technology is subject to the following terms and conditions:
 
     The MIT License
@@ -535,7 +535,7 @@ technology is subject to the following terms and conditions:
     OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
     THE SOFTWARE.
 
-(h) Progress Kendo UI for Angular 2022 incorporates ramda v0.23.  Such technology
+(h) Progress Kendo UI for Angular 2023 incorporates ramda v0.23.  Such technology
 is subject to the following terms and conditions:
 
     The MIT License (MIT)
@@ -560,7 +560,7 @@ is subject to the following terms and conditions:
     OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
     THE SOFTWARE.
 
-(i) Progress Kendo UI for Angular 2022 incorporates js-yaml v3.14.0.  Such
+(i) Progress Kendo UI for Angular 2023 incorporates js-yaml v3.14.0.  Such
 technology is subject to the following terms and conditions:
 
     (The MIT License)
@@ -587,7 +587,7 @@ technology is subject to the following terms and conditions:
 
 (5)	UNICODE, INC. LICENSE AGREEMENT - DATA FILES AND SOFTWARE:
 
-Progress Kendo UI for Angular 2022 incorporates Unicode CLDR Database v33.
+Progress Kendo UI for Angular 2023 incorporates Unicode CLDR Database v33.
 Such technology is subject to the following terms and conditions:
 
    UNICODE, INC. LICENSE AGREEMENT - DATA FILES AND SOFTWARE
@@ -605,7 +605,7 @@ Such technology is subject to the following terms and conditions:
 
    COPYRIGHT AND PERMISSION NOTICE
 
-   Copyright © 1991-2021 Unicode, Inc. All rights reserved.
+   Copyright © 1991-2019 Unicode, Inc. All rights reserved.
    Distributed under the Terms of Use in https://www.unicode.org/copyright.html.
 
    Permission is hereby granted, free of charge, to any person obtaining
@@ -642,7 +642,7 @@ incorporated into the Product:  NONE
 
 3. Special Notices Regarding Progress Products incorporated into the Product:
 
-(a) Progress Kendo UI for Angular 2022 incorporates Kendo UI Licensing CLI v1.1
+(a) Progress Kendo UI for Angular 2023 incorporates Kendo UI Licensing CLI v1.1
 from Progress Software Corporation. See NOTICE.txt text file within product for
 third-party license information.
 
@@ -651,4 +651,4 @@ the release notes or other documentation that accompanies updates received in
 connection with support of the Product.
 
 
-Updated 1/6/2022
+Updated 13.Jan.2023

package/drag-and-drop/drag-clue/drag-clue.component.d.ts

@@ -5,6 +5,7 @@
 import { TemplateRef, ChangeDetectorRef } from "@angular/core";
 import { DropAction } from '../models';
 import { TreeItemLookup } from '../../treeitem-lookup.interface';
+import { SVGIcon } from "@progress/kendo-svg-icons";
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -34,6 +35,7 @@ export declare class DragClueComponent {
     template: TemplateRef<any>;
     posistionStyle: string;
     get statusIconClass(): string;
+    get statusSVGIcon(): SVGIcon;
     constructor(cdr: ChangeDetectorRef);
     detectChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DragClueComponent, never>;

package/esm2020/drag-and-drop/drag-clue/drag-clue.component.mjs

@@ -4,8 +4,10 @@
 *-------------------------------------------------------------------------------------------*/
 import { Component, HostBinding, ChangeDetectorRef, ChangeDetectionStrategy } from "@angular/core";
 import { DropAction } from '../models';
+import { cancelIcon, insertBottomIcon, insertMiddleIcon, insertTopIcon, plusIcon } from "@progress/kendo-svg-icons";
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
+import * as i1 from "@progress/kendo-angular-icons";
+import * as i2 from "@angular/common";
 /**
  * @hidden
  */
@@ -17,12 +19,22 @@ export class DragClueComponent {
     }
     get statusIconClass() {
         switch (this.action) {
-            case DropAction.Add: return 'k-i-plus';
-            case DropAction.InsertTop: return 'k-i-insert-top';
-            case DropAction.InsertBottom: return 'k-i-insert-bottom';
-            case DropAction.InsertMiddle: return 'k-i-insert-middle';
+            case DropAction.Add: return 'plus';
+            case DropAction.InsertTop: return 'insert-top';
+            case DropAction.InsertBottom: return 'insert-bottom';
+            case DropAction.InsertMiddle: return 'insert-middle';
             case DropAction.Invalid:
-            default: return 'k-i-cancel';
+            default: return 'cancel';
+        }
+    }
+    get statusSVGIcon() {
+        switch (this.action) {
+            case DropAction.Add: return plusIcon;
+            case DropAction.InsertTop: return insertTopIcon;
+            case DropAction.InsertBottom: return insertBottomIcon;
+            case DropAction.InsertMiddle: return insertMiddleIcon;
+            case DropAction.Invalid:
+            default: return cancelIcon;
         }
     }
     // exposed as a public method that can be called from outside as the component uses `OnPush` strategy
@@ -33,7 +45,12 @@ export class DragClueComponent {
 DragClueComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DragClueComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
 DragClueComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: DragClueComponent, selector: "kendo-treeview-drag-clue", host: { properties: { "class.k-header": "this.hostClasses", "class.k-drag-clue": "this.hostClasses", "style.position": "this.posistionStyle" } }, ngImport: i0, template: `
         <ng-container *ngIf="!template">
-            <span class="k-icon {{statusIconClass}} k-drag-status"></span>
+            <kendo-icon-wrapper
+                innerCssClass="k-drag-status"
+                [name]="statusIconClass"
+                [svgIcon]="statusSVGIcon"
+                >
+            </kendo-icon-wrapper>
             <span>{{text}}</span>
         </ng-container>
 
@@ -48,7 +65,7 @@ DragClueComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
             }"
         >
         </ng-template>
-    `, isInline: true, directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    `, isInline: true, components: [{ type: i1.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DragClueComponent, decorators: [{
             type: Component,
             args: [{
@@ -56,7 +73,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     selector: 'kendo-treeview-drag-clue',
                     template: `
         <ng-container *ngIf="!template">
-            <span class="k-icon {{statusIconClass}} k-drag-status"></span>
+            <kendo-icon-wrapper
+                innerCssClass="k-drag-status"
+                [name]="statusIconClass"
+                [svgIcon]="statusSVGIcon"
+                >
+            </kendo-icon-wrapper>
             <span>{{text}}</span>
         </ng-container>
 

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-treeview',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1673460802,
-    version: '',
+    publishDate: 1674032380,
+    version: '11.0.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2020/shared.module.mjs

@@ -26,6 +26,7 @@ import { DragAndDropEditingDirective } from './drag-and-drop/drag-and-drop-editi
 import { LoadMoreDirective } from './load-more/load-more.directive';
 import { LoadMoreButtonTemplateDirective } from './load-more/load-more-button-template.directive';
 import { InputsModule } from '@progress/kendo-angular-inputs';
+import { IconsModule } from '@progress/kendo-angular-icons';
 import * as i0 from "@angular/core";
 const COMPONENT_DIRECTIVES = [
     TreeViewComponent,
@@ -76,7 +77,8 @@ SharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
         LoadMoreDirective,
         LoadMoreButtonTemplateDirective], imports: [CommonModule,
         CheckBoxModule,
-        InputsModule], exports: [TreeViewComponent,
+        InputsModule,
+        IconsModule], exports: [TreeViewComponent,
         TreeViewGroupComponent,
         TreeViewItemDirective,
         TreeViewItemContentDirective,
@@ -99,7 +101,8 @@ SharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
 SharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SharedModule, imports: [[
             CommonModule,
             CheckBoxModule,
-            InputsModule
+            InputsModule,
+            IconsModule
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SharedModule, decorators: [{
             type: NgModule,
@@ -109,7 +112,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     imports: [
                         CommonModule,
                         CheckBoxModule,
-                        InputsModule
+                        InputsModule,
+                        IconsModule
                     ],
                     entryComponents: [
                         DragClueComponent,

package/esm2020/treeview-group.component.mjs

@@ -15,6 +15,7 @@ import { LoadingNotificationService } from './loading-notification.service';
 import { Subscription, EMPTY, of } from 'rxjs';
 import { catchError, tap, finalize, filter } from 'rxjs/operators';
 import { DataChangeNotificationService } from './data-change-notification.service';
+import { caretAltDownIcon, caretAltRightIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 import * as i1 from "./expand-state.service";
 import * as i2 from "./loading-notification.service";
@@ -23,11 +24,12 @@ import * as i4 from "./treeview-lookup.service";
 import * as i5 from "./navigation/navigation.service";
 import * as i6 from "./node-children.service";
 import * as i7 from "./data-change-notification.service";
-import * as i8 from "./checkbox/checkbox.component";
-import * as i9 from "@angular/common";
-import * as i10 from "./treeview-item.directive";
-import * as i11 from "./loading-indicator.directive";
-import * as i12 from "./treeview-item-content.directive";
+import * as i8 from "@progress/kendo-angular-icons";
+import * as i9 from "./checkbox/checkbox.component";
+import * as i10 from "@angular/common";
+import * as i11 from "./treeview-item.directive";
+import * as i12 from "./loading-indicator.directive";
+import * as i13 from "./treeview-item-content.directive";
 const TOP_ITEM = 'k-treeview-top';
 const MID_ITEM = 'k-treeview-mid';
 const BOT_ITEM = 'k-treeview-bot';
@@ -44,6 +46,14 @@ export class TreeViewGroupComponent {
         this.nodeChildrenService = nodeChildrenService;
         this.dataChangeNotification = dataChangeNotification;
         this.changeDetectorRef = changeDetectorRef;
+        /**
+         * @hidden
+         */
+        this.caretAltDownIcon = caretAltDownIcon;
+        /**
+         * @hidden
+         */
+        this.caretAltRightIcon = caretAltRightIcon;
         this.kGroupClass = true;
         this.role = 'group';
         this.loadOnDemand = true;
@@ -62,6 +72,12 @@ export class TreeViewGroupComponent {
         this.children = () => of([]);
         this.hasChildren = () => false;
     }
+    getFontIcon(node, index) {
+        return this.isExpanded(node, index) ? 'caret-alt-down' : 'caret-alt-right';
+    }
+    getSvgIcon(node, index) {
+        return this.isExpanded(node, index) ? caretAltDownIcon : caretAltRightIcon;
+    }
     get moreNodesAvailable() {
         if (!isPresent(this.loadMoreService) || this.data.length === 0) {
             return false;
@@ -212,7 +228,7 @@ export class TreeViewGroupComponent {
             skip: this.data.length,
             take: this.loadMoreService.getInitialPageSize(this.parentDataItem)
         })
-            .pipe(finalize(() => this.loadingMoreNodes = false))
+            .pipe(finalize(() => this.loadingMoreNodes = true))
             .subscribe(items => {
             if (!(Array.isArray(items) && items.length > 0)) {
                 return;
@@ -275,7 +291,7 @@ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
         <li
             *ngFor="let node of data; let index = index; trackBy: trackBy"
             class="k-treeview-item"
-            [class.k-display-none]="!isVisible(node, nodeIndex(index))"
+            [class.k-hidden]="!isVisible(node, nodeIndex(index))"
             kendoTreeViewItem
             [attr.aria-setsize]="totalNodesCount"
             [dataItem]="node"
@@ -301,12 +317,11 @@ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
                     (click)="expandNode(nodeIndex(index), node, !isExpanded(node, nodeIndex(index)))"
                     *ngIf="expandIcons && hasChildren(node)"
                 >
-                    <span
-                        class="k-icon"
-                        [class.k-i-caret-alt-down]="isExpanded(node, nodeIndex(index))"
-                        [class.k-i-caret-alt-right]="!isExpanded(node, nodeIndex(index))"
-                    >
-                    </span>
+                    <kendo-icon-wrapper
+                        [name]="getFontIcon(node, nodeIndex(index))"
+                        [svgIcon]="getSvgIcon(node, nodeIndex(index))"
+                        >
+                    </kendo-icon-wrapper>
                 </span>
                 <kendo-checkbox
                     *ngIf="checkboxes"
@@ -395,7 +410,7 @@ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
             <div class="k-treeview-bot">
                 <span
                     *ngIf="loadingMoreNodes"
-                    class="k-icon k-i-loading k-i-caret-alt-right"
+                    class="k-icon k-i-loading"
                 >
                 </span>
                 <span
@@ -420,7 +435,7 @@ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
                 </span>
             </div>
         </li>
-    `, isInline: true, components: [{ type: i8.CheckBoxComponent, selector: "kendo-checkbox", inputs: ["id", "isChecked", "node", "index", "labelText", "tabindex", "size"], outputs: ["checkStateChange"] }, { type: TreeViewGroupComponent, selector: "[kendoTreeViewGroup]", inputs: ["checkboxes", "expandIcons", "disabled", "selectable", "touchActions", "disableParentNodesOnly", "loadOnDemand", "trackBy", "nodes", "textField", "parentDataItem", "parentIndex", "nodeTemplateRef", "loadMoreButtonTemplateRef", "loadMoreService", "size", "expandDisabledNodes", "isChecked", "isDisabled", "isExpanded", "isVisible", "isSelected", "children", "hasChildren"] }], directives: [{ type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.TreeViewItemDirective, selector: "[kendoTreeViewItem]", inputs: ["dataItem", "index", "parentDataItem", "parentIndex", "role", "loadOnDemand", "checkable", "selectable", "expandable", "isChecked", "isDisabled", "isVisible", "isExpanded", "isSelected"] }, { type: i9.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.LoadingIndicatorDirective, selector: "[kendoTreeViewLoading]", inputs: ["kendoTreeViewLoading"] }, { type: i12.TreeViewItemContentDirective, selector: "[kendoTreeViewItemContent]", inputs: ["dataItem", "index", "initialSelection", "isSelected"] }, { type: i9.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i9.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i9.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i9.NgSwitchDefault, selector: "[ngSwitchDefault]" }], animations: [
+    `, isInline: true, components: [{ type: i8.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }, { type: i9.CheckBoxComponent, selector: "kendo-checkbox", inputs: ["id", "isChecked", "node", "index", "labelText", "tabindex", "size"], outputs: ["checkStateChange"] }, { type: TreeViewGroupComponent, selector: "[kendoTreeViewGroup]", inputs: ["checkboxes", "expandIcons", "disabled", "selectable", "touchActions", "disableParentNodesOnly", "loadOnDemand", "trackBy", "nodes", "textField", "parentDataItem", "parentIndex", "nodeTemplateRef", "loadMoreButtonTemplateRef", "loadMoreService", "size", "expandDisabledNodes", "isChecked", "isDisabled", "isExpanded", "isVisible", "isSelected", "children", "hasChildren"] }], directives: [{ type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11.TreeViewItemDirective, selector: "[kendoTreeViewItem]", inputs: ["dataItem", "index", "parentDataItem", "parentIndex", "role", "loadOnDemand", "checkable", "selectable", "expandable", "isChecked", "isDisabled", "isVisible", "isExpanded", "isSelected"] }, { type: i10.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i12.LoadingIndicatorDirective, selector: "[kendoTreeViewLoading]", inputs: ["kendoTreeViewLoading"] }, { type: i13.TreeViewItemContentDirective, selector: "[kendoTreeViewItemContent]", inputs: ["dataItem", "index", "initialSelection", "isSelected"] }, { type: i10.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i10.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i10.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i10.NgSwitchDefault, selector: "[ngSwitchDefault]" }], animations: [
         trigger('toggle', [
             transition('void => *', [
                 style({ height: 0 }),
@@ -453,7 +468,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
         <li
             *ngFor="let node of data; let index = index; trackBy: trackBy"
             class="k-treeview-item"
-            [class.k-display-none]="!isVisible(node, nodeIndex(index))"
+            [class.k-hidden]="!isVisible(node, nodeIndex(index))"
             kendoTreeViewItem
             [attr.aria-setsize]="totalNodesCount"
             [dataItem]="node"
@@ -479,12 +494,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     (click)="expandNode(nodeIndex(index), node, !isExpanded(node, nodeIndex(index)))"
                     *ngIf="expandIcons && hasChildren(node)"
                 >
-                    <span
-                        class="k-icon"
-                        [class.k-i-caret-alt-down]="isExpanded(node, nodeIndex(index))"
-                        [class.k-i-caret-alt-right]="!isExpanded(node, nodeIndex(index))"
-                    >
-                    </span>
+                    <kendo-icon-wrapper
+                        [name]="getFontIcon(node, nodeIndex(index))"
+                        [svgIcon]="getSvgIcon(node, nodeIndex(index))"
+                        >
+                    </kendo-icon-wrapper>
                 </span>
                 <kendo-checkbox
                     *ngIf="checkboxes"
@@ -573,7 +587,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
             <div class="k-treeview-bot">
                 <span
                     *ngIf="loadingMoreNodes"
-                    class="k-icon k-i-loading k-i-caret-alt-right"
+                    class="k-icon k-i-loading"
                 >
                 </span>
                 <span

package/esm2020/treeview.component.mjs

@@ -22,6 +22,7 @@ import { ExpandableComponent } from './expandable-component';
 import { SelectionService } from './selection/selection.service';
 import { TreeViewLookupService } from './treeview-lookup.service';
 import { closestNode, focusableNode, hasParent, isContent, isFocusable, match, nodeId, isLoadMoreButton, isPresent, nodeIndex, buildTreeItem, getSizeClass } from './utils';
+import { searchIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 import * as i1 from "./expand-state.service";
 import * as i2 from "./navigation/navigation.service";
@@ -31,8 +32,9 @@ import * as i5 from "./treeview-lookup.service";
 import * as i6 from "./data-change-notification.service";
 import * as i7 from "@progress/kendo-angular-l10n";
 import * as i8 from "@progress/kendo-angular-inputs";
-import * as i9 from "./treeview-group.component";
-import * as i10 from "@angular/common";
+import * as i9 from "@progress/kendo-angular-icons";
+import * as i10 from "./treeview-group.component";
+import * as i11 from "@angular/common";
 const LOAD_MORE_DOC_LINK = 'http://www.telerik.com/kendo-angular-ui/components/treeview/load-more-button/';
 const providers = [
     ExpandStateService,
@@ -80,6 +82,10 @@ export class TreeViewComponent {
         this.renderer = renderer;
         this.dataChangeNotification = dataChangeNotification;
         this.localization = localization;
+        /**
+         * @hidden
+         */
+        this.searchIcon = searchIcon;
         this.classNames = true;
         this.role = 'tree';
         /**
@@ -203,7 +209,7 @@ export class TreeViewComponent {
          */
         this.isDisabled = isDisabled;
         /**
-         * A callback which determines whether a TreeView node should be rendered as hidden. The utility .k-display-none class is used to hide the nodes.
+         * A callback which determines whether a TreeView node should be rendered as hidden. The utility .k-hidden class is used to hide the nodes.
          * Useful for custom filtering implementations.
          */
         this.isVisible = isVisible;
@@ -625,7 +631,12 @@ TreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
                 [placeholder]="filterInputPlaceholder"
             >
                 <ng-template kendoTextBoxPrefixTemplate>
-                    <span class="k-input-icon k-icon k-i-search"></span>
+                    <kendo-icon-wrapper
+                        innerCssClass="k-input-icon"
+                        name="search"
+                        [svgIcon]="searchIcon"
+                        >
+                    </kendo-icon-wrapper>
                 </ng-template>
             </kendo-textbox>
         </span>
@@ -656,7 +667,7 @@ TreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
         >
         </ul>
         <ng-container #assetsContainer></ng-container>
-    `, isInline: true, components: [{ type: i8.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "errorIcon", "clearButtonIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { type: i9.TreeViewGroupComponent, selector: "[kendoTreeViewGroup]", inputs: ["checkboxes", "expandIcons", "disabled", "selectable", "touchActions", "disableParentNodesOnly", "loadOnDemand", "trackBy", "nodes", "textField", "parentDataItem", "parentIndex", "nodeTemplateRef", "loadMoreButtonTemplateRef", "loadMoreService", "size", "expandDisabledNodes", "isChecked", "isDisabled", "isExpanded", "isVisible", "isSelected", "children", "hasChildren"] }], directives: [{ type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.TextBoxPrefixTemplateDirective, selector: "[kendoTextBoxPrefixTemplate]" }], changeDetection: i0.ChangeDetectionStrategy.Default });
+    `, isInline: true, components: [{ type: i8.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "errorIcon", "clearButtonIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { type: i9.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }, { type: i10.TreeViewGroupComponent, selector: "[kendoTreeViewGroup]", inputs: ["checkboxes", "expandIcons", "disabled", "selectable", "touchActions", "disableParentNodesOnly", "loadOnDemand", "trackBy", "nodes", "textField", "parentDataItem", "parentIndex", "nodeTemplateRef", "loadMoreButtonTemplateRef", "loadMoreService", "size", "expandDisabledNodes", "isChecked", "isDisabled", "isExpanded", "isVisible", "isSelected", "children", "hasChildren"] }], directives: [{ type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.TextBoxPrefixTemplateDirective, selector: "[kendoTextBoxPrefixTemplate]" }], changeDetection: i0.ChangeDetectionStrategy.Default });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TreeViewComponent, decorators: [{
             type: Component,
             args: [{
@@ -677,7 +688,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 [placeholder]="filterInputPlaceholder"
             >
                 <ng-template kendoTextBoxPrefixTemplate>
-                    <span class="k-input-icon k-icon k-i-search"></span>
+                    <kendo-icon-wrapper
+                        innerCssClass="k-input-icon"
+                        name="search"
+                        [svgIcon]="searchIcon"
+                        >
+                    </kendo-icon-wrapper>
                 </ng-template>
             </kendo-textbox>
         </span>