@progress/kendo-angular-treeview 7.1.5 → 11.0.0-develop.100

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (178) hide show
  1. package/LICENSE.md +1 -1
  2. package/NOTICE.txt +4 -4
  3. package/README.md +1 -1
  4. package/check-mode.d.ts +1 -1
  5. package/check.directive.d.ts +1 -1
  6. package/checkable-settings.d.ts +1 -1
  7. package/checkbox/checkbox.component.d.ts +1 -1
  8. package/checkbox/checkbox.module.d.ts +1 -1
  9. package/checkbox/checked-state.d.ts +1 -1
  10. package/data-bound-component.d.ts +1 -1
  11. package/data-change-notification.service.d.ts +1 -1
  12. package/default-callbacks.d.ts +1 -1
  13. package/disable.directive.d.ts +1 -1
  14. package/drag-and-drop/drag-and-drop-editing.directive.d.ts +1 -1
  15. package/drag-and-drop/drag-and-drop-utils.d.ts +1 -1
  16. package/drag-and-drop/drag-and-drop.directive.d.ts +1 -1
  17. package/drag-and-drop/drag-clue/drag-clue-template.directive.d.ts +1 -1
  18. package/drag-and-drop/drag-clue/drag-clue.component.d.ts +3 -1
  19. package/drag-and-drop/drag-clue/drag-clue.service.d.ts +3 -3
  20. package/drag-and-drop/drop-hint/drop-hint-template.directive.d.ts +1 -1
  21. package/drag-and-drop/drop-hint/drop-hint.component.d.ts +1 -1
  22. package/drag-and-drop/drop-hint/drop-hint.service.d.ts +1 -1
  23. package/drag-and-drop/editing-services/drag-and-drop-asset.service.d.ts +1 -1
  24. package/drag-and-drop/editing-services/flat-editing.service.d.ts +1 -1
  25. package/drag-and-drop/editing-services/hierarchy-editing.service.d.ts +1 -1
  26. package/drag-and-drop/models/drop-action.d.ts +1 -1
  27. package/drag-and-drop/models/drop-position.d.ts +1 -1
  28. package/drag-and-drop/models/editing-service.d.ts +1 -1
  29. package/drag-and-drop/models/preventable-event.d.ts +1 -1
  30. package/drag-and-drop/models/scroll-direction.d.ts +1 -1
  31. package/drag-and-drop/models/scroll-settings.d.ts +1 -1
  32. package/drag-and-drop/models/tree-item-filter-state.d.ts +1 -1
  33. package/drag-and-drop/models/treeitem-add-remove-args.d.ts +1 -1
  34. package/drag-and-drop/models/treeitem-drag-event.d.ts +1 -1
  35. package/drag-and-drop/models/treeitem-drag-start-event.d.ts +1 -1
  36. package/drag-and-drop/models/treeitem-drop-event.d.ts +1 -1
  37. package/drag-and-drop/models.d.ts +1 -1
  38. package/{esm2015/checkbox/checked-state.js → esm2020/check-mode.mjs} +1 -1
  39. package/{esm2015/check.directive.js → esm2020/check.directive.mjs} +7 -6
  40. package/{esm2015/check-mode.js → esm2020/checkable-settings.mjs} +1 -1
  41. package/{esm2015/checkbox/checkbox.component.js → esm2020/checkbox/checkbox.component.mjs} +5 -5
  42. package/{esm2015/checkbox/checkbox.module.js → esm2020/checkbox/checkbox.module.mjs} +5 -5
  43. package/{esm2015/drag-and-drop/models/editing-service.js → esm2020/checkbox/checked-state.mjs} +1 -1
  44. package/{esm2015/data-bound-component.js → esm2020/data-bound-component.mjs} +4 -4
  45. package/{esm2015/data-change-notification.service.js → esm2020/data-change-notification.service.mjs} +1 -1
  46. package/{esm2015/default-callbacks.js → esm2020/default-callbacks.mjs} +1 -1
  47. package/{esm2015/disable.directive.js → esm2020/disable.directive.mjs} +6 -5
  48. package/{esm2015/drag-and-drop/drag-and-drop-editing.directive.js → esm2020/drag-and-drop/drag-and-drop-editing.directive.mjs} +5 -4
  49. package/{esm2015/drag-and-drop/drag-and-drop-utils.js → esm2020/drag-and-drop/drag-and-drop-utils.mjs} +6 -2
  50. package/{esm2015/drag-and-drop/drag-and-drop.directive.js → esm2020/drag-and-drop/drag-and-drop.directive.mjs} +6 -5
  51. package/{esm2015/drag-and-drop/drag-clue/drag-clue-template.directive.js → esm2020/drag-and-drop/drag-clue/drag-clue-template.directive.mjs} +5 -5
  52. package/{esm2015/drag-and-drop/drag-clue/drag-clue.component.js → esm2020/drag-and-drop/drag-clue/drag-clue.component.mjs} +36 -14
  53. package/{esm2015/drag-and-drop/drag-clue/drag-clue.service.js → esm2020/drag-and-drop/drag-clue/drag-clue.service.mjs} +5 -5
  54. package/{esm2015/drag-and-drop/drop-hint/drop-hint-template.directive.js → esm2020/drag-and-drop/drop-hint/drop-hint-template.directive.mjs} +5 -5
  55. package/{esm2015/drag-and-drop/drop-hint/drop-hint.component.js → esm2020/drag-and-drop/drop-hint/drop-hint.component.mjs} +5 -5
  56. package/{esm2015/drag-and-drop/drop-hint/drop-hint.service.js → esm2020/drag-and-drop/drop-hint/drop-hint.service.mjs} +5 -5
  57. package/{esm2015/drag-and-drop/editing-services/drag-and-drop-asset.service.js → esm2020/drag-and-drop/editing-services/drag-and-drop-asset.service.mjs} +4 -4
  58. package/{esm2015/drag-and-drop/editing-services/flat-editing.service.js → esm2020/drag-and-drop/editing-services/flat-editing.service.mjs} +1 -1
  59. package/{esm2015/drag-and-drop/editing-services/hierarchy-editing.service.js → esm2020/drag-and-drop/editing-services/hierarchy-editing.service.mjs} +1 -1
  60. package/{esm2015/drag-and-drop/models/drop-action.js → esm2020/drag-and-drop/models/drop-action.mjs} +1 -1
  61. package/{esm2015/drag-and-drop/models/drop-position.js → esm2020/drag-and-drop/models/drop-position.mjs} +1 -1
  62. package/{esm2015/checkable-settings.js → esm2020/drag-and-drop/models/editing-service.mjs} +1 -1
  63. package/{esm2015/drag-and-drop/models/preventable-event.js → esm2020/drag-and-drop/models/preventable-event.mjs} +1 -1
  64. package/{esm2015/drag-and-drop/models/scroll-direction.js → esm2020/drag-and-drop/models/scroll-direction.mjs} +1 -1
  65. package/esm2020/drag-and-drop/models/scroll-settings.mjs +5 -0
  66. package/esm2020/drag-and-drop/models/tree-item-filter-state.mjs +5 -0
  67. package/esm2020/drag-and-drop/models/treeitem-add-remove-args.mjs +5 -0
  68. package/{esm2015/drag-and-drop/models/treeitem-drag-event.js → esm2020/drag-and-drop/models/treeitem-drag-event.mjs} +1 -1
  69. package/{esm2015/drag-and-drop/models/treeitem-drag-start-event.js → esm2020/drag-and-drop/models/treeitem-drag-start-event.mjs} +1 -1
  70. package/{esm2015/drag-and-drop/models/treeitem-drop-event.js → esm2020/drag-and-drop/models/treeitem-drop-event.mjs} +1 -1
  71. package/{esm2015/drag-and-drop/models.js → esm2020/drag-and-drop/models.mjs} +1 -1
  72. package/{esm2015/expand-state.service.js → esm2020/expand-state.service.mjs} +4 -4
  73. package/{esm2015/expand.directive.js → esm2020/expand.directive.mjs} +9 -8
  74. package/{esm2015/expandable-component.js → esm2020/expandable-component.mjs} +4 -4
  75. package/esm2020/filter-expand-settings.interface.mjs +5 -0
  76. package/esm2020/filter-state.interface.mjs +5 -0
  77. package/{esm2015/filtering-base.js → esm2020/filtering-base.mjs} +9 -5
  78. package/{esm2015/flat-binding.directive.js → esm2020/flat-binding.directive.mjs} +6 -5
  79. package/{esm2015/funcs.js → esm2020/funcs.mjs} +1 -1
  80. package/{esm2015/hierarchy-binding.directive.js → esm2020/hierarchy-binding.directive.mjs} +13 -11
  81. package/{esm2015/index-builder.service.js → esm2020/index-builder.service.mjs} +4 -4
  82. package/{esm2015/main.js → esm2020/index.mjs} +1 -1
  83. package/{esm2015/load-more/load-more-button-template.directive.js → esm2020/load-more/load-more-button-template.directive.mjs} +5 -5
  84. package/esm2020/load-more/load-more-request-args.mjs +5 -0
  85. package/{esm2015/load-more/load-more-utils.js → esm2020/load-more/load-more-utils.mjs} +1 -1
  86. package/{esm2015/load-more/load-more.directive.js → esm2020/load-more/load-more.directive.mjs} +5 -4
  87. package/esm2020/load-more/load-more.service.mjs +5 -0
  88. package/{esm2015/loading-indicator.directive.js → esm2020/loading-indicator.directive.mjs} +7 -5
  89. package/{esm2015/loading-notification.service.js → esm2020/loading-notification.service.mjs} +4 -4
  90. package/esm2020/navigation/navigation-item.interface.mjs +5 -0
  91. package/{esm2015/navigation/navigation-model.js → esm2020/navigation/navigation-model.mjs} +1 -1
  92. package/esm2020/navigation/navigation-state.interface.mjs +5 -0
  93. package/{esm2015/navigation/navigation.service.js → esm2020/navigation/navigation.service.mjs} +5 -4
  94. package/{esm2015/node-children.service.js → esm2020/node-children.service.mjs} +4 -4
  95. package/esm2020/node-click-event.interface.mjs +5 -0
  96. package/{esm2015/node-template.directive.js → esm2020/node-template.directive.mjs} +5 -5
  97. package/{esm2015/package-metadata.js → esm2020/package-metadata.mjs} +3 -3
  98. package/{esm2015/kendo-angular-treeview.js → esm2020/progress-kendo-angular-treeview.mjs} +2 -2
  99. package/{esm2015/selection/select.directive.js → esm2020/selection/select.directive.mjs} +9 -8
  100. package/esm2020/selection/selectable-settings.mjs +5 -0
  101. package/esm2020/selection/selection-mode.mjs +5 -0
  102. package/{esm2015/selection/selection.service.js → esm2020/selection/selection.service.mjs} +4 -4
  103. package/{esm2015/shared.module.js → esm2020/shared.module.mjs} +12 -8
  104. package/esm2020/size.mjs +5 -0
  105. package/esm2020/treeitem-lookup.interface.mjs +5 -0
  106. package/esm2020/treeitem.interface.mjs +5 -0
  107. package/{esm2015/treeview-filter-settings.js → esm2020/treeview-filter-settings.mjs} +1 -1
  108. package/{esm2015/treeview-group.component.js → esm2020/treeview-group.component.mjs} +47 -26
  109. package/{esm2015/treeview-item-content.directive.js → esm2020/treeview-item-content.directive.mjs} +9 -7
  110. package/{esm2015/treeview-item.directive.js → esm2020/treeview-item.directive.mjs} +10 -5
  111. package/{esm2015/treeview-lookup.service.js → esm2020/treeview-lookup.service.mjs} +4 -4
  112. package/{esm2015/treeview.component.js → esm2020/treeview.component.mjs} +26 -10
  113. package/{esm2015/treeview.module.js → esm2020/treeview.module.mjs} +5 -5
  114. package/{esm2015/utils.js → esm2020/utils.mjs} +1 -1
  115. package/expand-state.service.d.ts +1 -1
  116. package/expand.directive.d.ts +1 -1
  117. package/expandable-component.d.ts +1 -1
  118. package/fesm2015/progress-kendo-angular-treeview.mjs +5517 -0
  119. package/{fesm2015/kendo-angular-treeview.js → fesm2020/progress-kendo-angular-treeview.mjs} +309 -251
  120. package/filter-expand-settings.interface.d.ts +1 -1
  121. package/filter-state.interface.d.ts +1 -1
  122. package/filtering-base.d.ts +1 -1
  123. package/flat-binding.directive.d.ts +1 -1
  124. package/funcs.d.ts +1 -1
  125. package/hierarchy-binding.directive.d.ts +5 -5
  126. package/index-builder.service.d.ts +1 -1
  127. package/{main.d.ts → index.d.ts} +1 -1
  128. package/load-more/load-more-button-template.directive.d.ts +1 -1
  129. package/load-more/load-more-request-args.d.ts +1 -1
  130. package/load-more/load-more-utils.d.ts +1 -1
  131. package/load-more/load-more.directive.d.ts +1 -1
  132. package/load-more/load-more.service.d.ts +1 -1
  133. package/loading-indicator.directive.d.ts +1 -1
  134. package/loading-notification.service.d.ts +1 -1
  135. package/navigation/navigation-item.interface.d.ts +1 -1
  136. package/navigation/navigation-model.d.ts +1 -1
  137. package/navigation/navigation-state.interface.d.ts +1 -1
  138. package/navigation/navigation.service.d.ts +1 -1
  139. package/node-children.service.d.ts +1 -1
  140. package/node-click-event.interface.d.ts +1 -1
  141. package/node-template.directive.d.ts +1 -1
  142. package/package-metadata.d.ts +1 -1
  143. package/package.json +31 -57
  144. package/{kendo-angular-treeview.d.ts → progress-kendo-angular-treeview.d.ts} +2 -2
  145. package/schematics/ngAdd/index.js +4 -6
  146. package/selection/select.directive.d.ts +1 -1
  147. package/selection/selectable-settings.d.ts +1 -1
  148. package/selection/selection-mode.d.ts +1 -1
  149. package/selection/selection.service.d.ts +1 -1
  150. package/shared.module.d.ts +3 -2
  151. package/size.d.ts +1 -1
  152. package/treeitem-lookup.interface.d.ts +1 -1
  153. package/treeitem.interface.d.ts +1 -1
  154. package/treeview-filter-settings.d.ts +1 -1
  155. package/treeview-group.component.d.ts +12 -1
  156. package/treeview-item-content.directive.d.ts +1 -1
  157. package/treeview-item.directive.d.ts +1 -1
  158. package/treeview-lookup.service.d.ts +1 -1
  159. package/treeview.component.d.ts +6 -1
  160. package/treeview.module.d.ts +1 -1
  161. package/utils.d.ts +1 -1
  162. package/bundles/kendo-angular-treeview.umd.js +0 -5
  163. package/esm2015/drag-and-drop/models/scroll-settings.js +0 -5
  164. package/esm2015/drag-and-drop/models/tree-item-filter-state.js +0 -5
  165. package/esm2015/drag-and-drop/models/treeitem-add-remove-args.js +0 -5
  166. package/esm2015/filter-expand-settings.interface.js +0 -5
  167. package/esm2015/filter-state.interface.js +0 -5
  168. package/esm2015/load-more/load-more-request-args.js +0 -5
  169. package/esm2015/load-more/load-more.service.js +0 -5
  170. package/esm2015/navigation/navigation-item.interface.js +0 -5
  171. package/esm2015/navigation/navigation-state.interface.js +0 -5
  172. package/esm2015/node-click-event.interface.js +0 -5
  173. package/esm2015/selection/selectable-settings.js +0 -5
  174. package/esm2015/selection/selection-mode.js +0 -5
  175. package/esm2015/size.js +0 -5
  176. package/esm2015/treeitem-lookup.interface.js +0 -5
  177. package/esm2015/treeitem.interface.js +0 -5
  178. package/schematics/ngAdd/index.js.map +0 -1
@@ -1,13 +1,21 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2023 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
- import { Component, HostBinding, Input } from '@angular/core';
5
+ import { Component, HostBinding, Input, TemplateRef, ChangeDetectorRef } from '@angular/core';
6
6
  import { trigger, style, animate, transition } from '@angular/animations';
7
7
  import { getter } from '@progress/kendo-common';
8
+ import { ExpandStateService } from './expand-state.service';
9
+ import { IndexBuilderService } from './index-builder.service';
10
+ import { TreeViewLookupService } from './treeview-lookup.service';
11
+ import { NavigationService } from './navigation/navigation.service';
12
+ import { NodeChildrenService } from './node-children.service';
8
13
  import { isPresent, isArray } from './utils';
14
+ import { LoadingNotificationService } from './loading-notification.service';
9
15
  import { Subscription, EMPTY, of } from 'rxjs';
10
16
  import { catchError, tap, finalize, filter } from 'rxjs/operators';
17
+ import { DataChangeNotificationService } from './data-change-notification.service';
18
+ import { caretAltDownIcon, caretAltRightIcon } from '@progress/kendo-svg-icons';
11
19
  import * as i0 from "@angular/core";
12
20
  import * as i1 from "./expand-state.service";
13
21
  import * as i2 from "./loading-notification.service";
@@ -16,11 +24,12 @@ import * as i4 from "./treeview-lookup.service";
16
24
  import * as i5 from "./navigation/navigation.service";
17
25
  import * as i6 from "./node-children.service";
18
26
  import * as i7 from "./data-change-notification.service";
19
- import * as i8 from "./checkbox/checkbox.component";
20
- import * as i9 from "@angular/common";
21
- import * as i10 from "./treeview-item.directive";
22
- import * as i11 from "./loading-indicator.directive";
23
- import * as i12 from "./treeview-item-content.directive";
27
+ import * as i8 from "@progress/kendo-angular-icons";
28
+ import * as i9 from "./checkbox/checkbox.component";
29
+ import * as i10 from "@angular/common";
30
+ import * as i11 from "./treeview-item.directive";
31
+ import * as i12 from "./loading-indicator.directive";
32
+ import * as i13 from "./treeview-item-content.directive";
24
33
  const TOP_ITEM = 'k-treeview-top';
25
34
  const MID_ITEM = 'k-treeview-mid';
26
35
  const BOT_ITEM = 'k-treeview-bot';
@@ -37,6 +46,14 @@ export class TreeViewGroupComponent {
37
46
  this.nodeChildrenService = nodeChildrenService;
38
47
  this.dataChangeNotification = dataChangeNotification;
39
48
  this.changeDetectorRef = changeDetectorRef;
49
+ /**
50
+ * @hidden
51
+ */
52
+ this.caretAltDownIcon = caretAltDownIcon;
53
+ /**
54
+ * @hidden
55
+ */
56
+ this.caretAltRightIcon = caretAltRightIcon;
40
57
  this.kGroupClass = true;
41
58
  this.role = 'group';
42
59
  this.loadOnDemand = true;
@@ -55,6 +72,12 @@ export class TreeViewGroupComponent {
55
72
  this.children = () => of([]);
56
73
  this.hasChildren = () => false;
57
74
  }
75
+ getFontIcon(node, index) {
76
+ return this.isExpanded(node, index) ? 'caret-alt-down' : 'caret-alt-right';
77
+ }
78
+ getSvgIcon(node, index) {
79
+ return this.isExpanded(node, index) ? caretAltDownIcon : caretAltRightIcon;
80
+ }
58
81
  get moreNodesAvailable() {
59
82
  if (!isPresent(this.loadMoreService) || this.data.length === 0) {
60
83
  return false;
@@ -205,7 +228,7 @@ export class TreeViewGroupComponent {
205
228
  skip: this.data.length,
206
229
  take: this.loadMoreService.getInitialPageSize(this.parentDataItem)
207
230
  })
208
- .pipe(finalize(() => this.loadingMoreNodes = false))
231
+ .pipe(finalize(() => this.loadingMoreNodes = true))
209
232
  .subscribe(items => {
210
233
  if (!(Array.isArray(items) && items.length > 0)) {
211
234
  return;
@@ -263,8 +286,8 @@ export class TreeViewGroupComponent {
263
286
  this.emitChildrenLoaded(mappedChildren);
264
287
  }
265
288
  }
266
- TreeViewGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TreeViewGroupComponent, deps: [{ token: i1.ExpandStateService }, { token: i2.LoadingNotificationService }, { token: i3.IndexBuilderService }, { token: i4.TreeViewLookupService }, { token: i5.NavigationService }, { token: i6.NodeChildrenService }, { token: i7.DataChangeNotificationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
267
- TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TreeViewGroupComponent, selector: "[kendoTreeViewGroup]", inputs: { checkboxes: "checkboxes", expandIcons: "expandIcons", disabled: "disabled", selectable: "selectable", touchActions: "touchActions", disableParentNodesOnly: "disableParentNodesOnly", loadOnDemand: "loadOnDemand", trackBy: "trackBy", nodes: "nodes", textField: "textField", parentDataItem: "parentDataItem", parentIndex: "parentIndex", nodeTemplateRef: "nodeTemplateRef", loadMoreButtonTemplateRef: "loadMoreButtonTemplateRef", loadMoreService: "loadMoreService", size: "size", expandDisabledNodes: "expandDisabledNodes", isChecked: "isChecked", isDisabled: "isDisabled", isExpanded: "isExpanded", isVisible: "isVisible", isSelected: "isSelected", children: "children", hasChildren: "hasChildren" }, host: { properties: { "class.k-treeview-group": "this.kGroupClass", "attr.role": "this.role" } }, usesOnChanges: true, ngImport: i0, template: `
289
+ TreeViewGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TreeViewGroupComponent, deps: [{ token: i1.ExpandStateService }, { token: i2.LoadingNotificationService }, { token: i3.IndexBuilderService }, { token: i4.TreeViewLookupService }, { token: i5.NavigationService }, { token: i6.NodeChildrenService }, { token: i7.DataChangeNotificationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
290
+ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TreeViewGroupComponent, selector: "[kendoTreeViewGroup]", inputs: { checkboxes: "checkboxes", expandIcons: "expandIcons", disabled: "disabled", selectable: "selectable", touchActions: "touchActions", disableParentNodesOnly: "disableParentNodesOnly", loadOnDemand: "loadOnDemand", trackBy: "trackBy", nodes: "nodes", textField: "textField", parentDataItem: "parentDataItem", parentIndex: "parentIndex", nodeTemplateRef: "nodeTemplateRef", loadMoreButtonTemplateRef: "loadMoreButtonTemplateRef", loadMoreService: "loadMoreService", size: "size", expandDisabledNodes: "expandDisabledNodes", isChecked: "isChecked", isDisabled: "isDisabled", isExpanded: "isExpanded", isVisible: "isVisible", isSelected: "isSelected", children: "children", hasChildren: "hasChildren" }, host: { properties: { "class.k-treeview-group": "this.kGroupClass", "attr.role": "this.role" } }, usesOnChanges: true, ngImport: i0, template: `
268
291
  <li
269
292
  *ngFor="let node of data; let index = index; trackBy: trackBy"
270
293
  class="k-treeview-item"
@@ -294,12 +317,11 @@ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
294
317
  (click)="expandNode(nodeIndex(index), node, !isExpanded(node, nodeIndex(index)))"
295
318
  *ngIf="expandIcons && hasChildren(node)"
296
319
  >
297
- <span
298
- class="k-icon"
299
- [class.k-i-caret-alt-down]="isExpanded(node, nodeIndex(index))"
300
- [class.k-i-caret-alt-right]="!isExpanded(node, nodeIndex(index))"
301
- >
302
- </span>
320
+ <kendo-icon-wrapper
321
+ [name]="getFontIcon(node, nodeIndex(index))"
322
+ [svgIcon]="getSvgIcon(node, nodeIndex(index))"
323
+ >
324
+ </kendo-icon-wrapper>
303
325
  </span>
304
326
  <kendo-checkbox
305
327
  *ngIf="checkboxes"
@@ -388,7 +410,7 @@ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
388
410
  <div class="k-treeview-bot">
389
411
  <span
390
412
  *ngIf="loadingMoreNodes"
391
- class="k-icon k-i-loading k-i-caret-alt-right"
413
+ class="k-icon k-i-loading"
392
414
  >
393
415
  </span>
394
416
  <span
@@ -413,7 +435,7 @@ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
413
435
  </span>
414
436
  </div>
415
437
  </li>
416
- `, 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: [
438
+ `, 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: [
417
439
  trigger('toggle', [
418
440
  transition('void => *', [
419
441
  style({ height: 0 }),
@@ -425,7 +447,7 @@ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
425
447
  ])
426
448
  ])
427
449
  ] });
428
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TreeViewGroupComponent, decorators: [{
450
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TreeViewGroupComponent, decorators: [{
429
451
  type: Component,
430
452
  args: [{
431
453
  animations: [
@@ -472,12 +494,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
472
494
  (click)="expandNode(nodeIndex(index), node, !isExpanded(node, nodeIndex(index)))"
473
495
  *ngIf="expandIcons && hasChildren(node)"
474
496
  >
475
- <span
476
- class="k-icon"
477
- [class.k-i-caret-alt-down]="isExpanded(node, nodeIndex(index))"
478
- [class.k-i-caret-alt-right]="!isExpanded(node, nodeIndex(index))"
479
- >
480
- </span>
497
+ <kendo-icon-wrapper
498
+ [name]="getFontIcon(node, nodeIndex(index))"
499
+ [svgIcon]="getSvgIcon(node, nodeIndex(index))"
500
+ >
501
+ </kendo-icon-wrapper>
481
502
  </span>
482
503
  <kendo-checkbox
483
504
  *ngIf="checkboxes"
@@ -566,7 +587,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
566
587
  <div class="k-treeview-bot">
567
588
  <span
568
589
  *ngIf="loadingMoreNodes"
569
- class="k-icon k-i-loading k-i-caret-alt-right"
590
+ class="k-icon k-i-loading"
570
591
  >
571
592
  </span>
572
593
  <span
@@ -1,8 +1,10 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2023 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
- import { Directive, Input } from '@angular/core';
5
+ import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
6
+ import { NavigationService } from './navigation/navigation.service';
7
+ import { SelectionService } from './selection/selection.service';
6
8
  import { isSelected } from './default-callbacks';
7
9
  import { Subscription } from 'rxjs';
8
10
  import { filter } from 'rxjs/operators';
@@ -34,10 +36,10 @@ export class TreeViewItemContentDirective {
34
36
  }));
35
37
  }
36
38
  ngOnChanges(changes) {
37
- if (changes.initialSelection) {
39
+ if (changes['initialSelection']) {
38
40
  this.updateSelectionClass(this.initialSelection);
39
41
  }
40
- if (changes.index) {
42
+ if (changes['index']) {
41
43
  this.updateFocusClass();
42
44
  }
43
45
  }
@@ -55,9 +57,9 @@ export class TreeViewItemContentDirective {
55
57
  this.renderer[action](this.element.nativeElement, className);
56
58
  }
57
59
  }
58
- TreeViewItemContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TreeViewItemContentDirective, deps: [{ token: i0.ElementRef }, { token: i1.NavigationService }, { token: i2.SelectionService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
59
- TreeViewItemContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TreeViewItemContentDirective, selector: "[kendoTreeViewItemContent]", inputs: { dataItem: "dataItem", index: "index", initialSelection: "initialSelection", isSelected: "isSelected" }, usesOnChanges: true, ngImport: i0 });
60
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TreeViewItemContentDirective, decorators: [{
60
+ TreeViewItemContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TreeViewItemContentDirective, deps: [{ token: i0.ElementRef }, { token: i1.NavigationService }, { token: i2.SelectionService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
61
+ TreeViewItemContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: TreeViewItemContentDirective, selector: "[kendoTreeViewItemContent]", inputs: { dataItem: "dataItem", index: "index", initialSelection: "initialSelection", isSelected: "isSelected" }, usesOnChanges: true, ngImport: i0 });
62
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TreeViewItemContentDirective, decorators: [{
61
63
  type: Directive,
62
64
  args: [{ selector: '[kendoTreeViewItemContent]' }]
63
65
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.NavigationService }, { type: i2.SelectionService }, { type: i0.Renderer2 }]; }, propDecorators: { dataItem: [{
@@ -1,9 +1,14 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2023 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
- import { Directive, Input } from '@angular/core';
5
+ import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
6
6
  import { anyChanged } from '@progress/kendo-angular-common';
7
+ import { NavigationService } from './navigation/navigation.service';
8
+ import { SelectionService } from './selection/selection.service';
9
+ import { ExpandStateService } from './expand-state.service';
10
+ import { IndexBuilderService } from './index-builder.service';
11
+ import { TreeViewLookupService } from './treeview-lookup.service';
7
12
  import { isPresent } from './utils';
8
13
  import { filter } from 'rxjs/operators';
9
14
  import * as i0 from "@angular/core";
@@ -185,9 +190,9 @@ export class TreeViewItemDirective {
185
190
  this.renderer.setAttribute(this.element.nativeElement, attr, value);
186
191
  }
187
192
  }
188
- TreeViewItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TreeViewItemDirective, deps: [{ token: i0.ElementRef }, { token: i1.ExpandStateService }, { token: i2.NavigationService }, { token: i3.SelectionService }, { token: i4.TreeViewLookupService }, { token: i0.Renderer2 }, { token: i5.IndexBuilderService }], target: i0.ɵɵFactoryTarget.Directive });
189
- TreeViewItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TreeViewItemDirective, selector: "[kendoTreeViewItem]", inputs: { dataItem: "dataItem", index: "index", parentDataItem: "parentDataItem", parentIndex: "parentIndex", role: "role", loadOnDemand: "loadOnDemand", checkable: "checkable", selectable: "selectable", expandable: "expandable", isChecked: "isChecked", isDisabled: "isDisabled", isVisible: "isVisible", isExpanded: "isExpanded", isSelected: "isSelected" }, usesOnChanges: true, ngImport: i0 });
190
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TreeViewItemDirective, decorators: [{
193
+ TreeViewItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TreeViewItemDirective, deps: [{ token: i0.ElementRef }, { token: i1.ExpandStateService }, { token: i2.NavigationService }, { token: i3.SelectionService }, { token: i4.TreeViewLookupService }, { token: i0.Renderer2 }, { token: i5.IndexBuilderService }], target: i0.ɵɵFactoryTarget.Directive });
194
+ TreeViewItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: TreeViewItemDirective, selector: "[kendoTreeViewItem]", inputs: { dataItem: "dataItem", index: "index", parentDataItem: "parentDataItem", parentIndex: "parentIndex", role: "role", loadOnDemand: "loadOnDemand", checkable: "checkable", selectable: "selectable", expandable: "expandable", isChecked: "isChecked", isDisabled: "isDisabled", isVisible: "isVisible", isExpanded: "isExpanded", isSelected: "isSelected" }, usesOnChanges: true, ngImport: i0 });
195
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TreeViewItemDirective, decorators: [{
191
196
  type: Directive,
192
197
  args: [{ selector: '[kendoTreeViewItem]' }]
193
198
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.ExpandStateService }, { type: i2.NavigationService }, { type: i3.SelectionService }, { type: i4.TreeViewLookupService }, { type: i0.Renderer2 }, { type: i5.IndexBuilderService }]; }, propDecorators: { dataItem: [{
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2023 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { Injectable } from '@angular/core';
@@ -84,8 +84,8 @@ export class TreeViewLookupService {
84
84
  });
85
85
  }
86
86
  }
87
- TreeViewLookupService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TreeViewLookupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
88
- TreeViewLookupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TreeViewLookupService });
89
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TreeViewLookupService, decorators: [{
87
+ TreeViewLookupService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TreeViewLookupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
88
+ TreeViewLookupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TreeViewLookupService });
89
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TreeViewLookupService, decorators: [{
90
90
  type: Injectable
91
91
  }] });
@@ -1,8 +1,8 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2023 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
- import { ChangeDetectionStrategy, Component, ContentChild, EventEmitter, HostBinding, Input, Output, ViewChild, ViewContainerRef, isDevMode, forwardRef } from '@angular/core';
5
+ import { ChangeDetectionStrategy, Component, ContentChild, ElementRef, EventEmitter, HostBinding, Input, NgZone, Output, Renderer2, ViewChild, ViewContainerRef, isDevMode, forwardRef, ChangeDetectorRef } from '@angular/core';
6
6
  import { anyChanged, hasObservers, isDocumentAvailable } from '@progress/kendo-angular-common';
7
7
  import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
8
8
  import { BehaviorSubject, of, Subscription } from 'rxjs';
@@ -22,6 +22,7 @@ import { ExpandableComponent } from './expandable-component';
22
22
  import { SelectionService } from './selection/selection.service';
23
23
  import { TreeViewLookupService } from './treeview-lookup.service';
24
24
  import { closestNode, focusableNode, hasParent, isContent, isFocusable, match, nodeId, isLoadMoreButton, isPresent, nodeIndex, buildTreeItem, getSizeClass } from './utils';
25
+ import { searchIcon } from '@progress/kendo-svg-icons';
25
26
  import * as i0 from "@angular/core";
26
27
  import * as i1 from "./expand-state.service";
27
28
  import * as i2 from "./navigation/navigation.service";
@@ -31,8 +32,9 @@ import * as i5 from "./treeview-lookup.service";
31
32
  import * as i6 from "./data-change-notification.service";
32
33
  import * as i7 from "@progress/kendo-angular-l10n";
33
34
  import * as i8 from "@progress/kendo-angular-inputs";
34
- import * as i9 from "./treeview-group.component";
35
- import * as i10 from "@angular/common";
35
+ import * as i9 from "@progress/kendo-angular-icons";
36
+ import * as i10 from "./treeview-group.component";
37
+ import * as i11 from "@angular/common";
36
38
  const LOAD_MORE_DOC_LINK = 'http://www.telerik.com/kendo-angular-ui/components/treeview/load-more-button/';
37
39
  const providers = [
38
40
  ExpandStateService,
@@ -80,6 +82,10 @@ export class TreeViewComponent {
80
82
  this.renderer = renderer;
81
83
  this.dataChangeNotification = dataChangeNotification;
82
84
  this.localization = localization;
85
+ /**
86
+ * @hidden
87
+ */
88
+ this.searchIcon = searchIcon;
83
89
  this.classNames = true;
84
90
  this.role = 'tree';
85
91
  /**
@@ -611,8 +617,8 @@ export class TreeViewComponent {
611
617
  });
612
618
  }
613
619
  }
614
- TreeViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TreeViewComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.ExpandStateService }, { token: i2.NavigationService }, { token: i3.NodeChildrenService }, { token: i4.SelectionService }, { token: i5.TreeViewLookupService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i6.DataChangeNotificationService }, { token: i7.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
615
- TreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TreeViewComponent, selector: "kendo-treeview", inputs: { filterInputPlaceholder: "filterInputPlaceholder", expandDisabledNodes: "expandDisabledNodes", animate: "animate", nodeTemplateRef: ["nodeTemplate", "nodeTemplateRef"], loadMoreButtonTemplateRef: ["loadMoreButtonTemplate", "loadMoreButtonTemplateRef"], trackBy: "trackBy", nodes: "nodes", textField: "textField", hasChildren: "hasChildren", isChecked: "isChecked", isDisabled: "isDisabled", isExpanded: "isExpanded", isSelected: "isSelected", isVisible: "isVisible", navigable: "navigable", children: "children", loadOnDemand: "loadOnDemand", filterable: "filterable", filter: "filter", size: "size", disableParentNodesOnly: "disableParentNodesOnly" }, outputs: { childrenLoaded: "childrenLoaded", onBlur: "blur", onFocus: "focus", expand: "expand", collapse: "collapse", nodeDragStart: "nodeDragStart", nodeDrag: "nodeDrag", filterStateChange: "filterStateChange", nodeDrop: "nodeDrop", nodeDragEnd: "nodeDragEnd", addItem: "addItem", removeItem: "removeItem", checkedChange: "checkedChange", selectionChange: "selectionChange", filterChange: "filterChange", nodeClick: "nodeClick", nodeDblClick: "nodeDblClick" }, host: { properties: { "class.k-treeview": "this.classNames", "attr.role": "this.role", "attr.dir": "this.direction", "@.disabled": "this.animate" } }, providers: providers, queries: [{ propertyName: "nodeTemplateQuery", first: true, predicate: NodeTemplateDirective, descendants: true }, { propertyName: "loadMoreButtonTemplateQuery", first: true, predicate: LoadMoreButtonTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "assetsContainer", first: true, predicate: ["assetsContainer"], descendants: true, read: ViewContainerRef, static: true }], exportAs: ["kendoTreeView"], usesOnChanges: true, ngImport: i0, template: `
620
+ TreeViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TreeViewComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.ExpandStateService }, { token: i2.NavigationService }, { token: i3.NodeChildrenService }, { token: i4.SelectionService }, { token: i5.TreeViewLookupService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i6.DataChangeNotificationService }, { token: i7.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
621
+ TreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TreeViewComponent, selector: "kendo-treeview", inputs: { filterInputPlaceholder: "filterInputPlaceholder", expandDisabledNodes: "expandDisabledNodes", animate: "animate", nodeTemplateRef: ["nodeTemplate", "nodeTemplateRef"], loadMoreButtonTemplateRef: ["loadMoreButtonTemplate", "loadMoreButtonTemplateRef"], trackBy: "trackBy", nodes: "nodes", textField: "textField", hasChildren: "hasChildren", isChecked: "isChecked", isDisabled: "isDisabled", isExpanded: "isExpanded", isSelected: "isSelected", isVisible: "isVisible", navigable: "navigable", children: "children", loadOnDemand: "loadOnDemand", filterable: "filterable", filter: "filter", size: "size", disableParentNodesOnly: "disableParentNodesOnly" }, outputs: { childrenLoaded: "childrenLoaded", onBlur: "blur", onFocus: "focus", expand: "expand", collapse: "collapse", nodeDragStart: "nodeDragStart", nodeDrag: "nodeDrag", filterStateChange: "filterStateChange", nodeDrop: "nodeDrop", nodeDragEnd: "nodeDragEnd", addItem: "addItem", removeItem: "removeItem", checkedChange: "checkedChange", selectionChange: "selectionChange", filterChange: "filterChange", nodeClick: "nodeClick", nodeDblClick: "nodeDblClick" }, host: { properties: { "class.k-treeview": "this.classNames", "attr.role": "this.role", "attr.dir": "this.direction", "@.disabled": "this.animate" } }, providers: providers, queries: [{ propertyName: "nodeTemplateQuery", first: true, predicate: NodeTemplateDirective, descendants: true }, { propertyName: "loadMoreButtonTemplateQuery", first: true, predicate: LoadMoreButtonTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "assetsContainer", first: true, predicate: ["assetsContainer"], descendants: true, read: ViewContainerRef, static: true }], exportAs: ["kendoTreeView"], usesOnChanges: true, ngImport: i0, template: `
616
622
  <span
617
623
  class="k-treeview-filter"
618
624
  *ngIf="filterable"
@@ -625,7 +631,12 @@ TreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
625
631
  [placeholder]="filterInputPlaceholder"
626
632
  >
627
633
  <ng-template kendoTextBoxPrefixTemplate>
628
- <span class="k-input-icon k-icon k-i-search"></span>
634
+ <kendo-icon-wrapper
635
+ innerCssClass="k-input-icon"
636
+ name="search"
637
+ [svgIcon]="searchIcon"
638
+ >
639
+ </kendo-icon-wrapper>
629
640
  </ng-template>
630
641
  </kendo-textbox>
631
642
  </span>
@@ -656,8 +667,8 @@ TreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
656
667
  >
657
668
  </ul>
658
669
  <ng-container #assetsContainer></ng-container>
659
- `, 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 });
660
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TreeViewComponent, decorators: [{
670
+ `, 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 });
671
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TreeViewComponent, decorators: [{
661
672
  type: Component,
662
673
  args: [{
663
674
  changeDetection: ChangeDetectionStrategy.Default,
@@ -677,7 +688,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
677
688
  [placeholder]="filterInputPlaceholder"
678
689
  >
679
690
  <ng-template kendoTextBoxPrefixTemplate>
680
- <span class="k-input-icon k-icon k-i-search"></span>
691
+ <kendo-icon-wrapper
692
+ innerCssClass="k-input-icon"
693
+ name="search"
694
+ [svgIcon]="searchIcon"
695
+ >
696
+ </kendo-icon-wrapper>
681
697
  </ng-template>
682
698
  </kendo-textbox>
683
699
  </span>
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2023 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { NgModule } from '@angular/core';
@@ -40,8 +40,8 @@ const EXPORTS = [
40
40
  */
41
41
  export class TreeViewModule {
42
42
  }
43
- TreeViewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TreeViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
44
- TreeViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TreeViewModule, imports: [SharedModule], exports: [TreeViewComponent,
43
+ TreeViewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TreeViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
44
+ TreeViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TreeViewModule, imports: [SharedModule], exports: [TreeViewComponent,
45
45
  NodeTemplateDirective,
46
46
  CheckDirective,
47
47
  DisableDirective,
@@ -55,8 +55,8 @@ TreeViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
55
55
  DragAndDropEditingDirective,
56
56
  LoadMoreDirective,
57
57
  LoadMoreButtonTemplateDirective] });
58
- TreeViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TreeViewModule, imports: [[SharedModule]] });
59
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TreeViewModule, decorators: [{
58
+ TreeViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TreeViewModule, imports: [[SharedModule]] });
59
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TreeViewModule, decorators: [{
60
60
  type: NgModule,
61
61
  args: [{
62
62
  exports: [EXPORTS],
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2023 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { isDocumentAvailable } from '@progress/kendo-angular-common';
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2023 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { Subject } from "rxjs";
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2023 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { EventEmitter, OnDestroy, SimpleChanges, OnChanges } from '@angular/core';
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
2
+ * Copyright © 2023 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { EventEmitter } from '@angular/core';