@progress/kendo-angular-treeview 17.0.0-develop.21 → 17.0.0-develop.23

package/{esm2020 → esm2022}/loading-indicator.directive.mjs

@@ -14,12 +14,9 @@ import * as i2 from "./loading-notification.service";
  * @hidden
  */
 export class LoadingIndicatorDirective {
-    constructor(expandService, loadingService, cd) {
-        this.expandService = expandService;
-        this.loadingService = loadingService;
-        this.cd = cd;
-        this._loading = false;
-    }
+    expandService;
+    loadingService;
+    cd;
     get loading() {
         return this._loading;
     }
@@ -27,6 +24,14 @@ export class LoadingIndicatorDirective {
         this._loading = value;
         this.cd.markForCheck();
     }
+    index;
+    _loading = false;
+    subscription;
+    constructor(expandService, loadingService, cd) {
+        this.expandService = expandService;
+        this.loadingService = loadingService;
+        this.cd = cd;
+    }
     ngOnInit() {
         const loadingNotifications = this.loadingService
             .changes
@@ -46,10 +51,10 @@ export class LoadingIndicatorDirective {
             this.subscription.unsubscribe();
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadingIndicatorDirective, deps: [{ token: i1.ExpandStateService }, { token: i2.LoadingNotificationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LoadingIndicatorDirective, isStandalone: true, selector: "[kendoTreeViewLoading]", inputs: { index: ["kendoTreeViewLoading", "index"] }, host: { properties: { "class.k-i-loading": "this.loading" } }, ngImport: i0 });
 }
-LoadingIndicatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoadingIndicatorDirective, deps: [{ token: i1.ExpandStateService }, { token: i2.LoadingNotificationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-LoadingIndicatorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LoadingIndicatorDirective, isStandalone: true, selector: "[kendoTreeViewLoading]", inputs: { index: ["kendoTreeViewLoading", "index"] }, host: { properties: { "class.k-i-loading": "this.loading" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoadingIndicatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadingIndicatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTreeViewLoading]',

package/{esm2020 → esm2022}/loading-notification.service.mjs

@@ -9,15 +9,13 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class LoadingNotificationService {
-    constructor() {
-        this.changes = new Subject();
-    }
+    changes = new Subject();
     notifyLoaded(index) {
         this.changes.next(index);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadingNotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadingNotificationService });
 }
-LoadingNotificationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoadingNotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-LoadingNotificationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoadingNotificationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoadingNotificationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadingNotificationService, decorators: [{
             type: Injectable
         }] });

package/{esm2020 → esm2022}/localization/custom-messages.component.mjs

@@ -11,6 +11,7 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * Custom component messages override default component messages
  */
 export class CustomMessagesComponent extends TreeViewMessages {
+    service;
     constructor(service) {
         super();
         this.service = service;
@@ -18,15 +19,15 @@ export class CustomMessagesComponent extends TreeViewMessages {
     get override() {
         return true;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-treeview-messages", providers: [
+            {
+                provide: TreeViewMessages,
+                useExisting: forwardRef(() => CustomMessagesComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-treeview-messages", providers: [
-        {
-            provide: TreeViewMessages,
-            useExisting: forwardRef(() => CustomMessagesComponent)
-        }
-    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomMessagesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [

package/{esm2020 → esm2022}/localization/localized-messages.directive.mjs

@@ -11,19 +11,20 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class LocalizedMessagesDirective extends TreeViewMessages {
+    service;
     constructor(service) {
         super();
         this.service = service;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoTreeViewLocalizedMessages]", providers: [
+            {
+                provide: TreeViewMessages,
+                useExisting: forwardRef(() => LocalizedMessagesDirective)
+            }
+        ], usesInheritance: true, ngImport: i0 });
 }
-LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoTreeViewLocalizedMessages]", providers: [
-        {
-            provide: TreeViewMessages,
-            useExisting: forwardRef(() => LocalizedMessagesDirective)
-        }
-    ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [

package/{esm2020 → esm2022}/localization/messages.mjs

@@ -9,10 +9,14 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class TreeViewMessages extends ComponentMessages {
+    /**
+     * The text of the `Load More` button title.
+     */
+    loadMore;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeViewMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TreeViewMessages, selector: "kendo-treeview-messages-base", inputs: { loadMore: "loadMore" }, usesInheritance: true, ngImport: i0 });
 }
-TreeViewMessages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeViewMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-TreeViewMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TreeViewMessages, selector: "kendo-treeview-messages-base", inputs: { loadMore: "loadMore" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeViewMessages, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeViewMessages, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector

package/{esm2020 → esm2022}/navigation/navigation-model.mjs

@@ -24,10 +24,8 @@ const lastVisibleNode = (nodes) => {
  * @hidden
  */
 export class NavigationModel {
-    constructor() {
-        this.ib = new IndexBuilderService();
-        this.nodes = [];
-    }
+    ib = new IndexBuilderService();
+    nodes = [];
     firstVisibleNode() {
         return (this.nodes || []).find(node => node.visible);
     }

package/{esm2020 → esm2022}/navigation/navigation.service.mjs

@@ -14,45 +14,42 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class NavigationService {
-    constructor(localization) {
-        this.localization = localization;
-        this.expands = new Subject();
-        this.moves = new Subject();
-        this.checks = new Subject();
-        this.selects = new Subject();
-        this.deselectAllButCurrentItem = new Subject();
-        this.loadMore = new Subject();
-        this.navigable = true;
-        this.selection = 'single';
-        this.isTreeViewActive = false;
-        this.actions = {
-            [Keys.ArrowUp]: () => this.activate(this.model.findVisiblePrev(this.focusableItem), true),
-            [Keys.ArrowDown]: () => this.activate(this.model.findVisibleNext(this.focusableItem), true),
-            [Keys.ArrowLeft]: () => !this.isLoadMoreButton && (this.expand({
-                expand: this.localization.rtl,
-                intercept: this.localization.rtl ? this.moveToFirstVisibleChild : this.moveToParent
-            })),
-            [Keys.ArrowRight]: () => !this.isLoadMoreButton && (this.expand({
-                expand: !this.localization.rtl,
-                intercept: this.localization.rtl ? this.moveToParent : this.moveToFirstVisibleChild
-            })),
-            [Keys.Home]: () => this.activate(this.model.firstVisibleNode(), true),
-            [Keys.End]: () => this.activate(this.model.lastVisibleNode(), true),
-            [Keys.Enter]: (e) => this.handleEnter(e),
-            [Keys.Space]: () => this.handleSpace()
-        };
-        this.isFocused = false;
-        this.shouldScroll = false;
-        this._model = new NavigationModel();
-        this.moveToFirstVisibleChild = this.moveToFirstVisibleChild.bind(this);
-        this.moveToParent = this.moveToParent.bind(this);
-    }
+    localization;
+    expands = new Subject();
+    moves = new Subject();
+    checks = new Subject();
+    selects = new Subject();
+    deselectAllButCurrentItem = new Subject();
+    loadMore = new Subject();
+    navigable = true;
+    selection = 'single';
+    isTreeViewActive = false;
     get model() {
         return this._model;
     }
     set model(model) {
         this._model = model;
     }
+    actions = {
+        [Keys.ArrowUp]: () => this.activate(this.model.findVisiblePrev(this.focusableItem), true),
+        [Keys.ArrowDown]: () => this.activate(this.model.findVisibleNext(this.focusableItem), true),
+        [Keys.ArrowLeft]: () => !this.isLoadMoreButton && (this.expand({
+            expand: this.localization.rtl,
+            intercept: this.localization.rtl ? this.moveToFirstVisibleChild : this.moveToParent
+        })),
+        [Keys.ArrowRight]: () => !this.isLoadMoreButton && (this.expand({
+            expand: !this.localization.rtl,
+            intercept: this.localization.rtl ? this.moveToParent : this.moveToFirstVisibleChild
+        })),
+        [Keys.Home]: () => this.activate(this.model.firstVisibleNode(), true),
+        [Keys.End]: () => this.activate(this.model.lastVisibleNode(), true),
+        [Keys.Enter]: (e) => this.handleEnter(e),
+        [Keys.Space]: () => this.handleSpace()
+    };
+    activeItem;
+    isFocused = false;
+    shouldScroll = false;
+    _model = new NavigationModel();
     get activeIndex() {
         return nodeIndex(this.activeItem) || null;
     }
@@ -65,6 +62,11 @@ export class NavigationService {
     get focusableItem() {
         return this.activeItem || this.model.firstFocusableNode();
     }
+    constructor(localization) {
+        this.localization = localization;
+        this.moveToFirstVisibleChild = this.moveToFirstVisibleChild.bind(this);
+        this.moveToParent = this.moveToParent.bind(this);
+    }
     activate(item, shouldScroll = false) {
         if (!this.navigable || !item || this.isActive(nodeIndex(item))) {
             return;
@@ -235,9 +237,9 @@ export class NavigationService {
             this.checkIndex(this.activeIndex);
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService });
 }
-NavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
-NavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });

package/{esm2020 → esm2022}/node-children.service.mjs

@@ -9,15 +9,13 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class NodeChildrenService {
-    constructor() {
-        this.changes = new Subject();
-    }
+    changes = new Subject();
     childrenLoaded(item, children) {
         this.changes.next({ item, children });
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeChildrenService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeChildrenService });
 }
-NodeChildrenService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NodeChildrenService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-NodeChildrenService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NodeChildrenService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NodeChildrenService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeChildrenService, decorators: [{
             type: Injectable
         }] });

package/{esm2020 → esm2022}/node-template.directive.mjs

@@ -59,13 +59,14 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class NodeTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: NodeTemplateDirective, isStandalone: true, selector: "[kendoTreeViewNodeTemplate]", ngImport: i0 });
 }
-NodeTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NodeTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-NodeTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NodeTemplateDirective, isStandalone: true, selector: "[kendoTreeViewNodeTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NodeTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTreeViewNodeTemplate]',

package/{esm2020 → esm2022}/package-metadata.mjs

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

package/{esm2020 → esm2022}/selection/select.directive.mjs

@@ -16,37 +16,36 @@ import * as i2 from "../navigation/navigation.service";
  * ([see example]({% slug selection_treeview %})).
  */
 export class SelectDirective {
-    constructor(treeView, navigationService) {
-        this.treeView = treeView;
-        this.navigationService = navigationService;
-        /**
-         * Fires when the `selectedKeys` collection was updated.
-         */
-        this.selectedKeysChange = new EventEmitter();
-        this.subscriptions = new Subscription();
-        this.selectActions = {
-            'multiple': (e) => this.selectMultiple(e),
-            'single': (e) => this.selectSingle(e)
-        };
-        /**
-         * Reflectes the internal `selectedKeys` state.
-         */
-        this.state = new Set();
-        this.subscriptions.add(this.treeView.selectionChange.subscribe(this.select.bind(this)));
-        this.treeView.isSelected = (dataItem, index) => (this.state.has(this.itemKey({ dataItem, index })));
-        this.navigationService.deselectAllButCurrentItem.subscribe((node) => {
-            this.selectSingle(node);
-        });
-    }
+    treeView;
+    navigationService;
     /**
      * @hidden
      */
     set isSelected(value) {
         this.treeView.isSelected = value;
     }
+    /**
+     * Defines the item key that will be stored in the `selectedKeys` collection.
+     */
+    selectKey;
+    /**
+     * Defines the current selection mode
+     * ([see example](slug:selection_treeview#toc-modes)).
+     */
+    selection;
+    /**
+     * Defines the collection that will store the selected keys
+     * ([see example](slug:selection_treeview#toc-modes)).
+     */
+    selectedKeys;
+    /**
+     * Fires when the `selectedKeys` collection was updated.
+     */
+    selectedKeysChange = new EventEmitter();
     get getAriaMultiselectable() {
         return this.options.mode === 'multiple';
     }
+    subscriptions = new Subscription();
     get options() {
         const defaultOptions = {
             enabled: true,
@@ -58,6 +57,27 @@ export class SelectDirective {
         const selectionSettings = isBoolean(this.selection) ? { enabled: this.selection } : this.selection;
         return Object.assign(defaultOptions, selectionSettings);
     }
+    selectActions = {
+        'multiple': (e) => this.selectMultiple(e),
+        'single': (e) => this.selectSingle(e)
+    };
+    /**
+     * Reflectes the internal `selectedKeys` state.
+     */
+    state = new Set();
+    /**
+     * Holds the last emitted `selectedKeys` collection.
+     */
+    lastChange;
+    constructor(treeView, navigationService) {
+        this.treeView = treeView;
+        this.navigationService = navigationService;
+        this.subscriptions.add(this.treeView.selectionChange.subscribe(this.select.bind(this)));
+        this.treeView.isSelected = (dataItem, index) => (this.state.has(this.itemKey({ dataItem, index })));
+        this.navigationService.deselectAllButCurrentItem.subscribe((node) => {
+            this.selectSingle(node);
+        });
+    }
     ngOnChanges(changes) {
         if (isChanged('selectedKeys', changes, false) && changes['selectedKeys'].currentValue !== this.lastChange) {
             this.state = new Set(changes['selectedKeys'].currentValue);
@@ -113,10 +133,10 @@ export class SelectDirective {
         this.lastChange = Array.from(this.state);
         this.selectedKeysChange.emit(this.lastChange);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectDirective, deps: [{ token: i1.TreeViewComponent }, { token: i2.NavigationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SelectDirective, isStandalone: true, selector: "[kendoTreeViewSelectable]", inputs: { isSelected: "isSelected", selectKey: ["selectBy", "selectKey"], selection: ["kendoTreeViewSelectable", "selection"], selectedKeys: "selectedKeys" }, outputs: { selectedKeysChange: "selectedKeysChange" }, host: { properties: { "attr.aria-multiselectable": "this.getAriaMultiselectable" } }, usesOnChanges: true, ngImport: i0 });
 }
-SelectDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SelectDirective, deps: [{ token: i1.TreeViewComponent }, { token: i2.NavigationService }], target: i0.ɵɵFactoryTarget.Directive });
-SelectDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SelectDirective, isStandalone: true, selector: "[kendoTreeViewSelectable]", inputs: { isSelected: "isSelected", selectKey: ["selectBy", "selectKey"], selection: ["kendoTreeViewSelectable", "selection"], selectedKeys: "selectedKeys" }, outputs: { selectedKeysChange: "selectedKeysChange" }, host: { properties: { "attr.aria-multiselectable": "this.getAriaMultiselectable" } }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SelectDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTreeViewSelectable]',

package/{esm2020 → esm2022}/selection/selection.service.mjs

@@ -9,9 +9,8 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class SelectionService {
-    constructor() {
-        this.changes = new Subject();
-    }
+    changes = new Subject();
+    firstIndex;
     isFirstSelected(index) {
         return this.firstIndex === index;
     }
@@ -26,9 +25,9 @@ export class SelectionService {
     select(index, dataItem) {
         this.changes.next({ dataItem, index });
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectionService });
 }
-SelectionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SelectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SelectionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SelectionService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SelectionService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectionService, decorators: [{
             type: Injectable
         }] });

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: [