@progress/kendo-angular-treeview 16.6.1-develop.2 → 16.6.1-develop.4
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.
- package/esm2020/package-metadata.mjs +2 -2
- package/esm2020/treeview-group.component.mjs +13 -7
- package/fesm2015/progress-kendo-angular-treeview.mjs +14 -8
- package/fesm2020/progress-kendo-angular-treeview.mjs +14 -8
- package/package.json +6 -6
- package/schematics/ngAdd/index.js +4 -4
- package/treeview-group.component.d.ts +5 -3
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-treeview',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
13
|
-
version: '16.6.1-develop.
|
|
12
|
+
publishDate: 1722957710,
|
|
13
|
+
version: '16.6.1-develop.4',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Copyright © 2024 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, TemplateRef, ChangeDetectorRef } from '@angular/core';
|
|
5
|
+
import { Component, HostBinding, Input, TemplateRef, ChangeDetectorRef, Renderer2 } from '@angular/core';
|
|
6
6
|
import { trigger, style, animate, transition } from '@angular/animations';
|
|
7
7
|
import { getter } from '@progress/kendo-common';
|
|
8
8
|
import { ExpandStateService } from './expand-state.service';
|
|
@@ -39,7 +39,7 @@ const BOT_ITEM = 'k-treeview-bot';
|
|
|
39
39
|
* @hidden
|
|
40
40
|
*/
|
|
41
41
|
export class TreeViewGroupComponent {
|
|
42
|
-
constructor(expandService, loadingService, indexBuilder, treeViewLookupService, navigationService, nodeChildrenService, dataChangeNotification, changeDetectorRef, localization) {
|
|
42
|
+
constructor(expandService, loadingService, indexBuilder, treeViewLookupService, navigationService, nodeChildrenService, dataChangeNotification, changeDetectorRef, localization, renderer) {
|
|
43
43
|
this.expandService = expandService;
|
|
44
44
|
this.loadingService = loadingService;
|
|
45
45
|
this.indexBuilder = indexBuilder;
|
|
@@ -49,6 +49,7 @@ export class TreeViewGroupComponent {
|
|
|
49
49
|
this.dataChangeNotification = dataChangeNotification;
|
|
50
50
|
this.changeDetectorRef = changeDetectorRef;
|
|
51
51
|
this.localization = localization;
|
|
52
|
+
this.renderer = renderer;
|
|
52
53
|
/**
|
|
53
54
|
* @hidden
|
|
54
55
|
*/
|
|
@@ -141,9 +142,12 @@ export class TreeViewGroupComponent {
|
|
|
141
142
|
this.expandService.collapse(index, dataItem);
|
|
142
143
|
}
|
|
143
144
|
}
|
|
144
|
-
checkNode(index) {
|
|
145
|
+
checkNode(index, checkBox) {
|
|
145
146
|
this.navigationService.checkIndex(index);
|
|
146
147
|
this.navigationService.activateIndex(index);
|
|
148
|
+
if (checkBox?.input) {
|
|
149
|
+
this.renderer.removeClass(checkBox.input.nativeElement, 'k-focus');
|
|
150
|
+
}
|
|
147
151
|
}
|
|
148
152
|
nodeIndex(index) {
|
|
149
153
|
return this.indexBuilder.nodeIndex(index.toString(), this.parentIndex);
|
|
@@ -318,7 +322,7 @@ export class TreeViewGroupComponent {
|
|
|
318
322
|
this.emitChildrenLoaded(mappedChildren);
|
|
319
323
|
}
|
|
320
324
|
}
|
|
321
|
-
TreeViewGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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 }, { token: i8.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
325
|
+
TreeViewGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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 }, { token: i8.LocalizationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
322
326
|
TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TreeViewGroupComponent, isStandalone: true, 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", hasCheckbox: "hasCheckbox", 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: `
|
|
323
327
|
<li
|
|
324
328
|
*ngFor="let node of data; let index = index; trackBy: trackBy"
|
|
@@ -355,11 +359,12 @@ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
355
359
|
</kendo-icon-wrapper>
|
|
356
360
|
</span>
|
|
357
361
|
<kendo-checkbox
|
|
362
|
+
#checkbox
|
|
358
363
|
*ngIf="checkboxes && hasCheckbox(node, nodeIndex(index))"
|
|
359
364
|
[disabled]="isItemDisabled(node, index)"
|
|
360
365
|
[size]="size"
|
|
361
366
|
[checkedState]="getCheckBoxState(node, nodeIndex(index))"
|
|
362
|
-
(checkedStateChange)="checkNode(nodeIndex(index))"
|
|
367
|
+
(checkedStateChange)="checkNode(nodeIndex(index), checkbox)"
|
|
363
368
|
[tabindex]="-1"
|
|
364
369
|
[inputAttributes]="getCheckboxAttributes(index)"
|
|
365
370
|
></kendo-checkbox>
|
|
@@ -533,11 +538,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
533
538
|
</kendo-icon-wrapper>
|
|
534
539
|
</span>
|
|
535
540
|
<kendo-checkbox
|
|
541
|
+
#checkbox
|
|
536
542
|
*ngIf="checkboxes && hasCheckbox(node, nodeIndex(index))"
|
|
537
543
|
[disabled]="isItemDisabled(node, index)"
|
|
538
544
|
[size]="size"
|
|
539
545
|
[checkedState]="getCheckBoxState(node, nodeIndex(index))"
|
|
540
|
-
(checkedStateChange)="checkNode(nodeIndex(index))"
|
|
546
|
+
(checkedStateChange)="checkNode(nodeIndex(index), checkbox)"
|
|
541
547
|
[tabindex]="-1"
|
|
542
548
|
[inputAttributes]="getCheckboxAttributes(index)"
|
|
543
549
|
></kendo-checkbox>
|
|
@@ -650,7 +656,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
650
656
|
standalone: true,
|
|
651
657
|
imports: [NgFor, TreeViewItemDirective, NgClass, NgIf, LoadingIndicatorDirective, IconWrapperComponent, CheckBoxComponent, TreeViewItemContentDirective, NgSwitch, NgSwitchCase, NgTemplateOutlet, NgSwitchDefault]
|
|
652
658
|
}]
|
|
653
|
-
}], ctorParameters: function () { return [{ type: i1.ExpandStateService }, { type: i2.LoadingNotificationService }, { type: i3.IndexBuilderService }, { type: i4.TreeViewLookupService }, { type: i5.NavigationService }, { type: i6.NodeChildrenService }, { type: i7.DataChangeNotificationService }, { type: i0.ChangeDetectorRef }, { type: i8.LocalizationService }]; }, propDecorators: { kGroupClass: [{
|
|
659
|
+
}], ctorParameters: function () { return [{ type: i1.ExpandStateService }, { type: i2.LoadingNotificationService }, { type: i3.IndexBuilderService }, { type: i4.TreeViewLookupService }, { type: i5.NavigationService }, { type: i6.NodeChildrenService }, { type: i7.DataChangeNotificationService }, { type: i0.ChangeDetectorRef }, { type: i8.LocalizationService }, { type: i0.Renderer2 }]; }, propDecorators: { kGroupClass: [{
|
|
654
660
|
type: HostBinding,
|
|
655
661
|
args: ["class.k-treeview-group"]
|
|
656
662
|
}], role: [{
|
|
@@ -27,8 +27,8 @@ const packageMetadata = {
|
|
|
27
27
|
name: '@progress/kendo-angular-treeview',
|
|
28
28
|
productName: 'Kendo UI for Angular',
|
|
29
29
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
30
|
-
publishDate:
|
|
31
|
-
version: '16.6.1-develop.
|
|
30
|
+
publishDate: 1722957710,
|
|
31
|
+
version: '16.6.1-develop.4',
|
|
32
32
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
33
33
|
};
|
|
34
34
|
|
|
@@ -1416,7 +1416,7 @@ const BOT_ITEM = 'k-treeview-bot';
|
|
|
1416
1416
|
* @hidden
|
|
1417
1417
|
*/
|
|
1418
1418
|
class TreeViewGroupComponent {
|
|
1419
|
-
constructor(expandService, loadingService, indexBuilder, treeViewLookupService, navigationService, nodeChildrenService, dataChangeNotification, changeDetectorRef, localization) {
|
|
1419
|
+
constructor(expandService, loadingService, indexBuilder, treeViewLookupService, navigationService, nodeChildrenService, dataChangeNotification, changeDetectorRef, localization, renderer) {
|
|
1420
1420
|
this.expandService = expandService;
|
|
1421
1421
|
this.loadingService = loadingService;
|
|
1422
1422
|
this.indexBuilder = indexBuilder;
|
|
@@ -1426,6 +1426,7 @@ class TreeViewGroupComponent {
|
|
|
1426
1426
|
this.dataChangeNotification = dataChangeNotification;
|
|
1427
1427
|
this.changeDetectorRef = changeDetectorRef;
|
|
1428
1428
|
this.localization = localization;
|
|
1429
|
+
this.renderer = renderer;
|
|
1429
1430
|
/**
|
|
1430
1431
|
* @hidden
|
|
1431
1432
|
*/
|
|
@@ -1518,9 +1519,12 @@ class TreeViewGroupComponent {
|
|
|
1518
1519
|
this.expandService.collapse(index, dataItem);
|
|
1519
1520
|
}
|
|
1520
1521
|
}
|
|
1521
|
-
checkNode(index) {
|
|
1522
|
+
checkNode(index, checkBox) {
|
|
1522
1523
|
this.navigationService.checkIndex(index);
|
|
1523
1524
|
this.navigationService.activateIndex(index);
|
|
1525
|
+
if (checkBox === null || checkBox === void 0 ? void 0 : checkBox.input) {
|
|
1526
|
+
this.renderer.removeClass(checkBox.input.nativeElement, 'k-focus');
|
|
1527
|
+
}
|
|
1524
1528
|
}
|
|
1525
1529
|
nodeIndex(index) {
|
|
1526
1530
|
return this.indexBuilder.nodeIndex(index.toString(), this.parentIndex);
|
|
@@ -1695,7 +1699,7 @@ class TreeViewGroupComponent {
|
|
|
1695
1699
|
this.emitChildrenLoaded(mappedChildren);
|
|
1696
1700
|
}
|
|
1697
1701
|
}
|
|
1698
|
-
TreeViewGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeViewGroupComponent, deps: [{ token: ExpandStateService }, { token: LoadingNotificationService }, { token: IndexBuilderService }, { token: TreeViewLookupService }, { token: NavigationService }, { token: NodeChildrenService }, { token: DataChangeNotificationService }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1702
|
+
TreeViewGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeViewGroupComponent, deps: [{ token: ExpandStateService }, { token: LoadingNotificationService }, { token: IndexBuilderService }, { token: TreeViewLookupService }, { token: NavigationService }, { token: NodeChildrenService }, { token: DataChangeNotificationService }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
1699
1703
|
TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TreeViewGroupComponent, isStandalone: true, 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", hasCheckbox: "hasCheckbox", 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: `
|
|
1700
1704
|
<li
|
|
1701
1705
|
*ngFor="let node of data; let index = index; trackBy: trackBy"
|
|
@@ -1732,11 +1736,12 @@ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
1732
1736
|
</kendo-icon-wrapper>
|
|
1733
1737
|
</span>
|
|
1734
1738
|
<kendo-checkbox
|
|
1739
|
+
#checkbox
|
|
1735
1740
|
*ngIf="checkboxes && hasCheckbox(node, nodeIndex(index))"
|
|
1736
1741
|
[disabled]="isItemDisabled(node, index)"
|
|
1737
1742
|
[size]="size"
|
|
1738
1743
|
[checkedState]="getCheckBoxState(node, nodeIndex(index))"
|
|
1739
|
-
(checkedStateChange)="checkNode(nodeIndex(index))"
|
|
1744
|
+
(checkedStateChange)="checkNode(nodeIndex(index), checkbox)"
|
|
1740
1745
|
[tabindex]="-1"
|
|
1741
1746
|
[inputAttributes]="getCheckboxAttributes(index)"
|
|
1742
1747
|
></kendo-checkbox>
|
|
@@ -1910,11 +1915,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1910
1915
|
</kendo-icon-wrapper>
|
|
1911
1916
|
</span>
|
|
1912
1917
|
<kendo-checkbox
|
|
1918
|
+
#checkbox
|
|
1913
1919
|
*ngIf="checkboxes && hasCheckbox(node, nodeIndex(index))"
|
|
1914
1920
|
[disabled]="isItemDisabled(node, index)"
|
|
1915
1921
|
[size]="size"
|
|
1916
1922
|
[checkedState]="getCheckBoxState(node, nodeIndex(index))"
|
|
1917
|
-
(checkedStateChange)="checkNode(nodeIndex(index))"
|
|
1923
|
+
(checkedStateChange)="checkNode(nodeIndex(index), checkbox)"
|
|
1918
1924
|
[tabindex]="-1"
|
|
1919
1925
|
[inputAttributes]="getCheckboxAttributes(index)"
|
|
1920
1926
|
></kendo-checkbox>
|
|
@@ -2027,7 +2033,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
2027
2033
|
standalone: true,
|
|
2028
2034
|
imports: [NgFor, TreeViewItemDirective, NgClass, NgIf, LoadingIndicatorDirective, IconWrapperComponent, CheckBoxComponent, TreeViewItemContentDirective, NgSwitch, NgSwitchCase, NgTemplateOutlet, NgSwitchDefault]
|
|
2029
2035
|
}]
|
|
2030
|
-
}], ctorParameters: function () { return [{ type: ExpandStateService }, { type: LoadingNotificationService }, { type: IndexBuilderService }, { type: TreeViewLookupService }, { type: NavigationService }, { type: NodeChildrenService }, { type: DataChangeNotificationService }, { type: i0.ChangeDetectorRef }, { type: i1.LocalizationService }]; }, propDecorators: { kGroupClass: [{
|
|
2036
|
+
}], ctorParameters: function () { return [{ type: ExpandStateService }, { type: LoadingNotificationService }, { type: IndexBuilderService }, { type: TreeViewLookupService }, { type: NavigationService }, { type: NodeChildrenService }, { type: DataChangeNotificationService }, { type: i0.ChangeDetectorRef }, { type: i1.LocalizationService }, { type: i0.Renderer2 }]; }, propDecorators: { kGroupClass: [{
|
|
2031
2037
|
type: HostBinding,
|
|
2032
2038
|
args: ["class.k-treeview-group"]
|
|
2033
2039
|
}], role: [{
|
|
@@ -27,8 +27,8 @@ const packageMetadata = {
|
|
|
27
27
|
name: '@progress/kendo-angular-treeview',
|
|
28
28
|
productName: 'Kendo UI for Angular',
|
|
29
29
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
30
|
-
publishDate:
|
|
31
|
-
version: '16.6.1-develop.
|
|
30
|
+
publishDate: 1722957710,
|
|
31
|
+
version: '16.6.1-develop.4',
|
|
32
32
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
33
33
|
};
|
|
34
34
|
|
|
@@ -1412,7 +1412,7 @@ const BOT_ITEM = 'k-treeview-bot';
|
|
|
1412
1412
|
* @hidden
|
|
1413
1413
|
*/
|
|
1414
1414
|
class TreeViewGroupComponent {
|
|
1415
|
-
constructor(expandService, loadingService, indexBuilder, treeViewLookupService, navigationService, nodeChildrenService, dataChangeNotification, changeDetectorRef, localization) {
|
|
1415
|
+
constructor(expandService, loadingService, indexBuilder, treeViewLookupService, navigationService, nodeChildrenService, dataChangeNotification, changeDetectorRef, localization, renderer) {
|
|
1416
1416
|
this.expandService = expandService;
|
|
1417
1417
|
this.loadingService = loadingService;
|
|
1418
1418
|
this.indexBuilder = indexBuilder;
|
|
@@ -1422,6 +1422,7 @@ class TreeViewGroupComponent {
|
|
|
1422
1422
|
this.dataChangeNotification = dataChangeNotification;
|
|
1423
1423
|
this.changeDetectorRef = changeDetectorRef;
|
|
1424
1424
|
this.localization = localization;
|
|
1425
|
+
this.renderer = renderer;
|
|
1425
1426
|
/**
|
|
1426
1427
|
* @hidden
|
|
1427
1428
|
*/
|
|
@@ -1514,9 +1515,12 @@ class TreeViewGroupComponent {
|
|
|
1514
1515
|
this.expandService.collapse(index, dataItem);
|
|
1515
1516
|
}
|
|
1516
1517
|
}
|
|
1517
|
-
checkNode(index) {
|
|
1518
|
+
checkNode(index, checkBox) {
|
|
1518
1519
|
this.navigationService.checkIndex(index);
|
|
1519
1520
|
this.navigationService.activateIndex(index);
|
|
1521
|
+
if (checkBox?.input) {
|
|
1522
|
+
this.renderer.removeClass(checkBox.input.nativeElement, 'k-focus');
|
|
1523
|
+
}
|
|
1520
1524
|
}
|
|
1521
1525
|
nodeIndex(index) {
|
|
1522
1526
|
return this.indexBuilder.nodeIndex(index.toString(), this.parentIndex);
|
|
@@ -1691,7 +1695,7 @@ class TreeViewGroupComponent {
|
|
|
1691
1695
|
this.emitChildrenLoaded(mappedChildren);
|
|
1692
1696
|
}
|
|
1693
1697
|
}
|
|
1694
|
-
TreeViewGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeViewGroupComponent, deps: [{ token: ExpandStateService }, { token: LoadingNotificationService }, { token: IndexBuilderService }, { token: TreeViewLookupService }, { token: NavigationService }, { token: NodeChildrenService }, { token: DataChangeNotificationService }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1698
|
+
TreeViewGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeViewGroupComponent, deps: [{ token: ExpandStateService }, { token: LoadingNotificationService }, { token: IndexBuilderService }, { token: TreeViewLookupService }, { token: NavigationService }, { token: NodeChildrenService }, { token: DataChangeNotificationService }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
1695
1699
|
TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TreeViewGroupComponent, isStandalone: true, 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", hasCheckbox: "hasCheckbox", 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: `
|
|
1696
1700
|
<li
|
|
1697
1701
|
*ngFor="let node of data; let index = index; trackBy: trackBy"
|
|
@@ -1728,11 +1732,12 @@ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
1728
1732
|
</kendo-icon-wrapper>
|
|
1729
1733
|
</span>
|
|
1730
1734
|
<kendo-checkbox
|
|
1735
|
+
#checkbox
|
|
1731
1736
|
*ngIf="checkboxes && hasCheckbox(node, nodeIndex(index))"
|
|
1732
1737
|
[disabled]="isItemDisabled(node, index)"
|
|
1733
1738
|
[size]="size"
|
|
1734
1739
|
[checkedState]="getCheckBoxState(node, nodeIndex(index))"
|
|
1735
|
-
(checkedStateChange)="checkNode(nodeIndex(index))"
|
|
1740
|
+
(checkedStateChange)="checkNode(nodeIndex(index), checkbox)"
|
|
1736
1741
|
[tabindex]="-1"
|
|
1737
1742
|
[inputAttributes]="getCheckboxAttributes(index)"
|
|
1738
1743
|
></kendo-checkbox>
|
|
@@ -1906,11 +1911,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
1906
1911
|
</kendo-icon-wrapper>
|
|
1907
1912
|
</span>
|
|
1908
1913
|
<kendo-checkbox
|
|
1914
|
+
#checkbox
|
|
1909
1915
|
*ngIf="checkboxes && hasCheckbox(node, nodeIndex(index))"
|
|
1910
1916
|
[disabled]="isItemDisabled(node, index)"
|
|
1911
1917
|
[size]="size"
|
|
1912
1918
|
[checkedState]="getCheckBoxState(node, nodeIndex(index))"
|
|
1913
|
-
(checkedStateChange)="checkNode(nodeIndex(index))"
|
|
1919
|
+
(checkedStateChange)="checkNode(nodeIndex(index), checkbox)"
|
|
1914
1920
|
[tabindex]="-1"
|
|
1915
1921
|
[inputAttributes]="getCheckboxAttributes(index)"
|
|
1916
1922
|
></kendo-checkbox>
|
|
@@ -2023,7 +2029,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
2023
2029
|
standalone: true,
|
|
2024
2030
|
imports: [NgFor, TreeViewItemDirective, NgClass, NgIf, LoadingIndicatorDirective, IconWrapperComponent, CheckBoxComponent, TreeViewItemContentDirective, NgSwitch, NgSwitchCase, NgTemplateOutlet, NgSwitchDefault]
|
|
2025
2031
|
}]
|
|
2026
|
-
}], ctorParameters: function () { return [{ type: ExpandStateService }, { type: LoadingNotificationService }, { type: IndexBuilderService }, { type: TreeViewLookupService }, { type: NavigationService }, { type: NodeChildrenService }, { type: DataChangeNotificationService }, { type: i0.ChangeDetectorRef }, { type: i1.LocalizationService }]; }, propDecorators: { kGroupClass: [{
|
|
2032
|
+
}], ctorParameters: function () { return [{ type: ExpandStateService }, { type: LoadingNotificationService }, { type: IndexBuilderService }, { type: TreeViewLookupService }, { type: NavigationService }, { type: NodeChildrenService }, { type: DataChangeNotificationService }, { type: i0.ChangeDetectorRef }, { type: i1.LocalizationService }, { type: i0.Renderer2 }]; }, propDecorators: { kGroupClass: [{
|
|
2027
2033
|
type: HostBinding,
|
|
2028
2034
|
args: ["class.k-treeview-group"]
|
|
2029
2035
|
}], role: [{
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-treeview",
|
|
3
|
-
"version": "16.6.1-develop.
|
|
3
|
+
"version": "16.6.1-develop.4",
|
|
4
4
|
"description": "Kendo UI TreeView for Angular",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -23,15 +23,15 @@
|
|
|
23
23
|
"@angular/core": "15 - 18",
|
|
24
24
|
"@angular/platform-browser": "15 - 18",
|
|
25
25
|
"@progress/kendo-licensing": "^1.0.2",
|
|
26
|
-
"@progress/kendo-angular-common": "16.6.1-develop.
|
|
27
|
-
"@progress/kendo-angular-inputs": "16.6.1-develop.
|
|
28
|
-
"@progress/kendo-angular-icons": "16.6.1-develop.
|
|
29
|
-
"@progress/kendo-angular-l10n": "16.6.1-develop.
|
|
26
|
+
"@progress/kendo-angular-common": "16.6.1-develop.4",
|
|
27
|
+
"@progress/kendo-angular-inputs": "16.6.1-develop.4",
|
|
28
|
+
"@progress/kendo-angular-icons": "16.6.1-develop.4",
|
|
29
|
+
"@progress/kendo-angular-l10n": "16.6.1-develop.4",
|
|
30
30
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
33
|
"tslib": "^2.3.1",
|
|
34
|
-
"@progress/kendo-angular-schematics": "16.6.1-develop.
|
|
34
|
+
"@progress/kendo-angular-schematics": "16.6.1-develop.4",
|
|
35
35
|
"@progress/kendo-common": "^0.2.0",
|
|
36
36
|
"@progress/kendo-draggable": "^3.0.2"
|
|
37
37
|
},
|
|
@@ -4,10 +4,10 @@ const schematics_1 = require("@angular-devkit/schematics");
|
|
|
4
4
|
function default_1(options) {
|
|
5
5
|
const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'TreeViewModule', package: 'treeview', peerDependencies: {
|
|
6
6
|
// Peers of kendo-angular-inputs
|
|
7
|
-
'@progress/kendo-angular-buttons': '16.6.1-develop.
|
|
8
|
-
'@progress/kendo-angular-dialog': '16.6.1-develop.
|
|
9
|
-
'@progress/kendo-angular-intl': '16.6.1-develop.
|
|
10
|
-
'@progress/kendo-angular-popup': '16.6.1-develop.
|
|
7
|
+
'@progress/kendo-angular-buttons': '16.6.1-develop.4',
|
|
8
|
+
'@progress/kendo-angular-dialog': '16.6.1-develop.4',
|
|
9
|
+
'@progress/kendo-angular-intl': '16.6.1-develop.4',
|
|
10
|
+
'@progress/kendo-angular-popup': '16.6.1-develop.4',
|
|
11
11
|
'@progress/kendo-drawing': '^1.9.3',
|
|
12
12
|
// Peer dependency of icons
|
|
13
13
|
'@progress/kendo-svg-icons': '^3.0.0'
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Copyright © 2024 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 { TemplateRef, OnChanges, OnInit, OnDestroy, ChangeDetectorRef, TrackByFunction } from '@angular/core';
|
|
5
|
+
import { TemplateRef, OnChanges, OnInit, OnDestroy, ChangeDetectorRef, TrackByFunction, Renderer2 } from '@angular/core';
|
|
6
6
|
import { ExpandStateService } from './expand-state.service';
|
|
7
7
|
import { IndexBuilderService } from './index-builder.service';
|
|
8
8
|
import { TreeViewLookupService } from './treeview-lookup.service';
|
|
@@ -16,6 +16,7 @@ import { DataChangeNotificationService } from './data-change-notification.servic
|
|
|
16
16
|
import { TreeViewSize } from './size';
|
|
17
17
|
import { SVGIcon } from '@progress/kendo-svg-icons';
|
|
18
18
|
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
19
|
+
import { CheckBoxComponent } from '@progress/kendo-angular-inputs';
|
|
19
20
|
import * as i0 from "@angular/core";
|
|
20
21
|
/**
|
|
21
22
|
* @hidden
|
|
@@ -30,6 +31,7 @@ export declare class TreeViewGroupComponent implements OnChanges, OnInit, OnDest
|
|
|
30
31
|
protected dataChangeNotification: DataChangeNotificationService;
|
|
31
32
|
protected changeDetectorRef: ChangeDetectorRef;
|
|
32
33
|
localization: LocalizationService;
|
|
34
|
+
private renderer;
|
|
33
35
|
/**
|
|
34
36
|
* @hidden
|
|
35
37
|
*/
|
|
@@ -85,7 +87,7 @@ export declare class TreeViewGroupComponent implements OnChanges, OnInit, OnDest
|
|
|
85
87
|
private loadMoreNodesSubscription;
|
|
86
88
|
private singleRecordSubscriptions;
|
|
87
89
|
private localizationSubscriptions;
|
|
88
|
-
constructor(expandService: ExpandStateService, loadingService: LoadingNotificationService, indexBuilder: IndexBuilderService, treeViewLookupService: TreeViewLookupService, navigationService: NavigationService, nodeChildrenService: NodeChildrenService, dataChangeNotification: DataChangeNotificationService, changeDetectorRef: ChangeDetectorRef, localization: LocalizationService);
|
|
90
|
+
constructor(expandService: ExpandStateService, loadingService: LoadingNotificationService, indexBuilder: IndexBuilderService, treeViewLookupService: TreeViewLookupService, navigationService: NavigationService, nodeChildrenService: NodeChildrenService, dataChangeNotification: DataChangeNotificationService, changeDetectorRef: ChangeDetectorRef, localization: LocalizationService, renderer: Renderer2);
|
|
89
91
|
isChecked: (item: object, index: string) => CheckedState;
|
|
90
92
|
isDisabled: (item: object, index: string) => boolean;
|
|
91
93
|
hasCheckbox: (item: object, index: string) => boolean;
|
|
@@ -96,7 +98,7 @@ export declare class TreeViewGroupComponent implements OnChanges, OnInit, OnDest
|
|
|
96
98
|
hasChildren: (item: object) => boolean;
|
|
97
99
|
get hasTemplate(): boolean;
|
|
98
100
|
expandNode(index: string, dataItem: any, expand: boolean): void;
|
|
99
|
-
checkNode(index: string): void;
|
|
101
|
+
checkNode(index: string, checkBox: CheckBoxComponent): void;
|
|
100
102
|
nodeIndex(index: number): string;
|
|
101
103
|
nodeText(dataItem: any): any;
|
|
102
104
|
getCheckBoxState(item: object, index: any): any;
|