@progress/kendo-angular-treeview 17.0.0-develop.9 → 17.0.0

package/{esm2020 → esm2022}/treeview-group.component.mjs

@@ -39,51 +39,56 @@ const BOT_ITEM = 'k-treeview-bot';
  * @hidden
  */
 export class TreeViewGroupComponent {
-    constructor(expandService, loadingService, indexBuilder, treeViewLookupService, navigationService, nodeChildrenService, dataChangeNotification, changeDetectorRef, localization, renderer) {
-        this.expandService = expandService;
-        this.loadingService = loadingService;
-        this.indexBuilder = indexBuilder;
-        this.treeViewLookupService = treeViewLookupService;
-        this.navigationService = navigationService;
-        this.nodeChildrenService = nodeChildrenService;
-        this.dataChangeNotification = dataChangeNotification;
-        this.changeDetectorRef = changeDetectorRef;
-        this.localization = localization;
-        this.renderer = renderer;
-        /**
-         * @hidden
-         */
-        this.caretAltDownIcon = caretAltDownIcon;
-        /**
-         * @hidden
-         */
-        this.caretAltRightIcon = caretAltRightIcon;
-        /**
-         * @hidden
-         */
-        this.caretAltLeftIcon = caretAltLeftIcon;
-        this.kGroupClass = true;
-        this.loadOnDemand = true;
-        this.textField = "";
-        this.size = 'medium';
-        this.initialNodesLoaded = false;
-        this.loadingMoreNodes = false;
-        this.isItemExpandable = (node, index) => this.expandDisabledNodes || !this.isItemDisabled(node, index);
-        this._data = [];
-        this.singleRecordSubscriptions = new Subscription();
-        this.localizationSubscriptions = new Subscription();
-        this.isChecked = () => 'none';
-        this.isDisabled = () => false;
-        this.hasCheckbox = () => true;
-        this.isExpanded = () => false;
-        this.isVisible = () => true;
-        this.isSelected = () => false;
-        this.children = () => of([]);
-        this.hasChildren = () => false;
-    }
+    expandService;
+    loadingService;
+    indexBuilder;
+    treeViewLookupService;
+    navigationService;
+    nodeChildrenService;
+    dataChangeNotification;
+    changeDetectorRef;
+    localization;
+    renderer;
+    /**
+     * @hidden
+     */
+    caretAltDownIcon = caretAltDownIcon;
+    /**
+     * @hidden
+     */
+    caretAltRightIcon = caretAltRightIcon;
+    /**
+     * @hidden
+     */
+    caretAltLeftIcon = caretAltLeftIcon;
+    /**
+     * @hidden
+     */
+    loadMoreTitle;
+    kGroupClass = true;
     get role() {
         return this.parentIndex ? 'group' : 'tree';
     }
+    checkboxes;
+    expandIcons;
+    disabled;
+    selectable;
+    touchActions;
+    disableParentNodesOnly;
+    loadOnDemand = true;
+    trackBy;
+    nodes;
+    textField = "";
+    parentDataItem;
+    parentIndex;
+    nodeTemplateRef;
+    loadMoreButtonTemplateRef;
+    loadMoreService;
+    size = 'medium';
+    expandDisabledNodes;
+    initialNodesLoaded = false;
+    loadingMoreNodes = false;
+    isItemExpandable = (node, index) => this.expandDisabledNodes || !this.isItemDisabled(node, index);
     getFontIcon(node, index) {
         return this.isExpanded(node, index) ? 'caret-alt-down' : !this.localization.rtl ? 'caret-alt-right' : 'caret-alt-left';
     }
@@ -131,6 +136,31 @@ export class TreeViewGroupComponent {
         }
         return this.loadMoreService.getTotalNodesCount(this.parentDataItem, this._data.length);
     }
+    _data = [];
+    nodesSubscription;
+    loadMoreNodesSubscription;
+    singleRecordSubscriptions = new Subscription();
+    localizationSubscriptions = new Subscription();
+    constructor(expandService, loadingService, indexBuilder, treeViewLookupService, navigationService, nodeChildrenService, dataChangeNotification, changeDetectorRef, localization, renderer) {
+        this.expandService = expandService;
+        this.loadingService = loadingService;
+        this.indexBuilder = indexBuilder;
+        this.treeViewLookupService = treeViewLookupService;
+        this.navigationService = navigationService;
+        this.nodeChildrenService = nodeChildrenService;
+        this.dataChangeNotification = dataChangeNotification;
+        this.changeDetectorRef = changeDetectorRef;
+        this.localization = localization;
+        this.renderer = renderer;
+    }
+    isChecked = () => 'none';
+    isDisabled = () => false;
+    hasCheckbox = () => true;
+    isExpanded = () => false;
+    isVisible = () => true;
+    isSelected = () => false;
+    children = () => of([]);
+    hasChildren = () => false;
     get hasTemplate() {
         return isPresent(this.nodeTemplateRef);
     }
@@ -321,9 +351,8 @@ export class TreeViewGroupComponent {
         }
         this.emitChildrenLoaded(mappedChildren);
     }
-}
-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 });
-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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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 });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: `
         <li
             *ngFor="let node of data; let index = index; trackBy: trackBy"
             class="k-treeview-item"
@@ -474,18 +503,19 @@ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
             </div>
         </li>
     `, isInline: true, dependencies: [{ kind: "component", type: TreeViewGroupComponent, selector: "[kendoTreeViewGroup]", inputs: ["checkboxes", "expandIcons", "disabled", "selectable", "touchActions", "disableParentNodesOnly", "loadOnDemand", "trackBy", "nodes", "textField", "parentDataItem", "parentIndex", "nodeTemplateRef", "loadMoreButtonTemplateRef", "loadMoreService", "size", "expandDisabledNodes", "isChecked", "isDisabled", "hasCheckbox", "isExpanded", "isVisible", "isSelected", "children", "hasChildren"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: TreeViewItemDirective, selector: "[kendoTreeViewItem]", inputs: ["dataItem", "index", "parentDataItem", "parentIndex", "role", "loadOnDemand", "checkable", "selectable", "expandable", "isChecked", "isDisabled", "isVisible", "isExpanded", "isSelected"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: LoadingIndicatorDirective, selector: "[kendoTreeViewLoading]", inputs: ["kendoTreeViewLoading"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: CheckBoxComponent, selector: "kendo-checkbox", inputs: ["checkedState", "rounded"], outputs: ["checkedStateChange"], exportAs: ["kendoCheckBox"] }, { kind: "directive", type: TreeViewItemContentDirective, selector: "[kendoTreeViewItemContent]", inputs: ["dataItem", "index", "initialSelection", "isSelected"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgSwitchDefault, selector: "[ngSwitchDefault]" }], animations: [
-        trigger('toggle', [
-            transition('void => *', [
-                style({ height: 0 }),
-                animate('0.1s ease-in', style({ height: "*" }))
-            ]),
-            transition('* => void', [
-                style({ height: "*" }),
-                animate('0.1s ease-in', style({ height: 0 }))
+            trigger('toggle', [
+                transition('void => *', [
+                    style({ height: 0 }),
+                    animate('0.1s ease-in', style({ height: "*" }))
+                ]),
+                transition('* => void', [
+                    style({ height: "*" }),
+                    animate('0.1s ease-in', style({ height: 0 }))
+                ])
             ])
-        ])
-    ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeViewGroupComponent, decorators: [{
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeViewGroupComponent, decorators: [{
             type: Component,
             args: [{
                     animations: [

package/{esm2020 → esm2022}/treeview-item-content.directive.mjs

@@ -17,14 +17,20 @@ import * as i2 from "./selection/selection.service";
  * A directive which manages the expanded state of the TreeView.
  */
 export class TreeViewItemContentDirective {
+    element;
+    navigationService;
+    selectionService;
+    renderer;
+    dataItem;
+    index;
+    initialSelection = false;
+    isSelected = isSelected;
+    subscriptions = new Subscription();
     constructor(element, navigationService, selectionService, renderer) {
         this.element = element;
         this.navigationService = navigationService;
         this.selectionService = selectionService;
         this.renderer = renderer;
-        this.initialSelection = false;
-        this.isSelected = isSelected;
-        this.subscriptions = new Subscription();
         this.subscriptions.add(this.navigationService.moves
             .subscribe(this.updateFocusClass.bind(this)));
         this.subscriptions.add(this.navigationService.selects
@@ -56,10 +62,10 @@ export class TreeViewItemContentDirective {
         const action = addClass ? 'addClass' : 'removeClass';
         this.renderer[action](this.element.nativeElement, className);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeViewItemContentDirective, deps: [{ token: i0.ElementRef }, { token: i1.NavigationService }, { token: i2.SelectionService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TreeViewItemContentDirective, isStandalone: true, selector: "[kendoTreeViewItemContent]", inputs: { dataItem: "dataItem", index: "index", initialSelection: "initialSelection", isSelected: "isSelected" }, usesOnChanges: true, ngImport: i0 });
 }
-TreeViewItemContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeViewItemContentDirective, deps: [{ token: i0.ElementRef }, { token: i1.NavigationService }, { token: i2.SelectionService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-TreeViewItemContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TreeViewItemContentDirective, isStandalone: true, selector: "[kendoTreeViewItemContent]", inputs: { dataItem: "dataItem", index: "index", initialSelection: "initialSelection", isSelected: "isSelected" }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeViewItemContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeViewItemContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTreeViewItemContent]',

package/{esm2020 → esm2022}/treeview-item.directive.mjs

@@ -27,24 +27,22 @@ const BUTTON_ROLE = 'button';
  * A directive which manages the expanded state of the TreeView.
  */
 export class TreeViewItemDirective {
-    constructor(element, expandService, navigationService, selectionService, lookupService, renderer, ib) {
-        this.element = element;
-        this.expandService = expandService;
-        this.navigationService = navigationService;
-        this.selectionService = selectionService;
-        this.lookupService = lookupService;
-        this.renderer = renderer;
-        this.ib = ib;
-        this.role = TREE_ITEM_ROLE;
-        this.loadOnDemand = true;
-        this.isDisabled = false;
-        this.isVisible = true;
-        this.ariaChecked = 'false';
-        this.id = id++;
-        this.isInitialized = false;
-        this.subscriptions = [];
-        this.subscribe();
-    }
+    element;
+    expandService;
+    navigationService;
+    selectionService;
+    lookupService;
+    renderer;
+    ib;
+    dataItem;
+    index;
+    parentDataItem;
+    parentIndex;
+    role = TREE_ITEM_ROLE;
+    loadOnDemand = true;
+    checkable;
+    selectable;
+    expandable;
     set isChecked(checked) {
         if (checked === 'checked') {
             this.ariaChecked = 'true';
@@ -56,6 +54,8 @@ export class TreeViewItemDirective {
             this.ariaChecked = 'false';
         }
     }
+    isDisabled = false;
+    isVisible = true;
     get isExpanded() {
         return this._isExpanded || false;
     }
@@ -77,6 +77,22 @@ export class TreeViewItemDirective {
     get parentTreeItem() {
         return this.parentDataItem ? buildItem(this.parentIndex, this.parentDataItem) : null;
     }
+    ariaChecked = 'false';
+    id = id++;
+    _isExpanded;
+    _isSelected;
+    isInitialized = false;
+    subscriptions = [];
+    constructor(element, expandService, navigationService, selectionService, lookupService, renderer, ib) {
+        this.element = element;
+        this.expandService = expandService;
+        this.navigationService = navigationService;
+        this.selectionService = selectionService;
+        this.lookupService = lookupService;
+        this.renderer = renderer;
+        this.ib = ib;
+        this.subscribe();
+    }
     ngOnInit() {
         if (this.loadOnDemand && !this.isButton) {
             this.lookupService.registerItem(this.treeItem, this.parentTreeItem);
@@ -189,10 +205,10 @@ export class TreeViewItemDirective {
         }
         this.renderer.setAttribute(this.element.nativeElement, attr, value);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TreeViewItemDirective, isStandalone: true, 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 });
 }
-TreeViewItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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 });
-TreeViewItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TreeViewItemDirective, isStandalone: true, 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 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeViewItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeViewItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTreeViewItem]',

package/{esm2020 → esm2022}/treeview-lookup.service.mjs

@@ -10,9 +10,7 @@ const INDEX_REGEX = /\d+$/;
  * @hidden
  */
 export class TreeViewLookupService {
-    constructor() {
-        this.map = new Map();
-    }
+    map = new Map();
     reset() {
         this.map.clear();
     }
@@ -83,9 +81,9 @@ export class TreeViewLookupService {
             };
         });
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeViewLookupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeViewLookupService });
 }
-TreeViewLookupService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeViewLookupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-TreeViewLookupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeViewLookupService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeViewLookupService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeViewLookupService, decorators: [{
             type: Injectable
         }] });