@progress/kendo-angular-treeview 14.1.1-develop.1 → 14.1.1-develop.2

package/esm2020/index.mjs

@@ -26,3 +26,5 @@ export { DragClueService } from './drag-and-drop/drag-clue/drag-clue.service';
 export { DropHintService } from './drag-and-drop/drop-hint/drop-hint.service';
 export { LoadMoreDirective } from './load-more/load-more.directive';
 export { LoadMoreButtonTemplateDirective } from './load-more/load-more-button-template.directive';
+export { CustomMessagesComponent } from './localization/custom-messages.component';
+export { LocalizedMessagesDirective } from "./localization/localized-messages.directive";

package/esm2020/localization/custom-messages.component.mjs

@@ -0,0 +1,41 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, forwardRef } from "@angular/core";
+import { TreeViewMessages } from "./messages";
+import { LocalizationService } from "@progress/kendo-angular-l10n";
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+/**
+ * Custom component messages override default component messages
+ */
+export class CustomMessagesComponent extends TreeViewMessages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+    get override() {
+        return true;
+    }
+}
+CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: CustomMessagesComponent, selector: "kendo-treeview-messages", providers: [
+        {
+            provide: TreeViewMessages,
+            useExisting: forwardRef(() => CustomMessagesComponent)
+        }
+    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CustomMessagesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        {
+                            provide: TreeViewMessages,
+                            useExisting: forwardRef(() => CustomMessagesComponent)
+                        }
+                    ],
+                    selector: 'kendo-treeview-messages',
+                    template: ``
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });

package/esm2020/localization/localized-messages.directive.mjs

@@ -0,0 +1,37 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, forwardRef } from "@angular/core";
+import { TreeViewMessages } from "./messages";
+import { LocalizationService } from "@progress/kendo-angular-l10n";
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+/**
+ * @hidden
+ */
+export class LocalizedMessagesDirective extends TreeViewMessages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+}
+LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: LocalizedMessagesDirective, selector: "[kendoTreeViewLocalizedMessages]", providers: [
+        {
+            provide: TreeViewMessages,
+            useExisting: forwardRef(() => LocalizedMessagesDirective)
+        }
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        {
+                            provide: TreeViewMessages,
+                            useExisting: forwardRef(() => LocalizedMessagesDirective)
+                        }
+                    ],
+                    selector: '[kendoTreeViewLocalizedMessages]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });

package/esm2020/localization/messages.mjs

@@ -0,0 +1,23 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Input } from "@angular/core";
+import { ComponentMessages } from "@progress/kendo-angular-l10n";
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class TreeViewMessages extends ComponentMessages {
+}
+TreeViewMessages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TreeViewMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+TreeViewMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: TreeViewMessages, selector: "kendo-treeview-messages-base", inputs: { loadMore: "loadMore" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TreeViewMessages, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'kendo-treeview-messages-base'
+                }]
+        }], propDecorators: { loadMore: [{
+                type: Input
+            }] } });

package/esm2020/package-metadata.mjs

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

package/esm2020/shared.module.mjs

@@ -27,6 +27,8 @@ import { LoadMoreDirective } from './load-more/load-more.directive';
 import { LoadMoreButtonTemplateDirective } from './load-more/load-more-button-template.directive';
 import { InputsModule } from '@progress/kendo-angular-inputs';
 import { IconsModule } from '@progress/kendo-angular-icons';
+import { LocalizedMessagesDirective } from './localization/localized-messages.directive';
+import { CustomMessagesComponent } from './localization/custom-messages.component';
 import * as i0 from "@angular/core";
 const COMPONENT_DIRECTIVES = [
     TreeViewComponent,
@@ -48,7 +50,9 @@ const COMPONENT_DIRECTIVES = [
     DropHintComponent,
     DragAndDropEditingDirective,
     LoadMoreDirective,
-    LoadMoreButtonTemplateDirective
+    LoadMoreButtonTemplateDirective,
+    LocalizedMessagesDirective,
+    CustomMessagesComponent,
 ];
 /**
  * @hidden
@@ -75,7 +79,9 @@ SharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
         DropHintComponent,
         DragAndDropEditingDirective,
         LoadMoreDirective,
-        LoadMoreButtonTemplateDirective], imports: [CommonModule,
+        LoadMoreButtonTemplateDirective,
+        LocalizedMessagesDirective,
+        CustomMessagesComponent], imports: [CommonModule,
         CheckBoxModule,
         InputsModule,
         IconsModule], exports: [TreeViewComponent,
@@ -97,7 +103,9 @@ SharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
         DropHintComponent,
         DragAndDropEditingDirective,
         LoadMoreDirective,
-        LoadMoreButtonTemplateDirective] });
+        LoadMoreButtonTemplateDirective,
+        LocalizedMessagesDirective,
+        CustomMessagesComponent] });
 SharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SharedModule, imports: [[
             CommonModule,
             CheckBoxModule,

package/esm2020/treeview-group.component.mjs

@@ -70,6 +70,7 @@ export class TreeViewGroupComponent {
         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;
@@ -159,6 +160,7 @@ export class TreeViewGroupComponent {
             this.loadMoreNodesSubscription.unsubscribe();
         }
         this.singleRecordSubscriptions.unsubscribe();
+        this.localizationSubscriptions.unsubscribe();
     }
     ngOnInit() {
         this.subscribeToNodesChange();
@@ -168,11 +170,21 @@ export class TreeViewGroupComponent {
         this.singleRecordSubscriptions.add(this.navigationService.loadMore
             .pipe(filter(index => index === this.loadMoreButtonIndex))
             .subscribe(this.loadMoreNodes.bind(this)));
+        this.localizationSubscriptions.add(this.localization.changes.subscribe(this.l10nChange.bind(this)));
     }
     ngOnChanges(changes) {
         if (changes.parentIndex && this.loadOnDemand) {
             this.setNodeChildren(this.mapToTreeItem(this.data));
         }
+        if (this.localization.get('loadMore')) {
+            this.loadMoreTitle = this.localization.get('loadMore');
+        }
+    }
+    l10nChange() {
+        if (this.localization.get('loadMore')) {
+            this.loadMoreTitle = this.localization.get('loadMore');
+        }
+        this.changeDetectorRef.markForCheck();
     }
     fetchChildren(node, index) {
         return this.children(node)
@@ -442,7 +454,7 @@ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
                         >
                         </ng-template>
                         <ng-container *ngIf="!loadMoreButtonTemplateRef">
-                            Load more
+                            {{ loadMoreTitle }}
                         </ng-container>
                     </span>
                 </span>
@@ -622,7 +634,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                         >
                         </ng-template>
                         <ng-container *ngIf="!loadMoreButtonTemplateRef">
-                            Load more
+                            {{ loadMoreTitle }}
                         </ng-container>
                     </span>
                 </span>

package/esm2020/treeview.component.mjs

@@ -35,7 +35,8 @@ import * as i7 from "@progress/kendo-angular-l10n";
 import * as i8 from "@progress/kendo-angular-inputs";
 import * as i9 from "@progress/kendo-angular-icons";
 import * as i10 from "./treeview-group.component";
-import * as i11 from "@angular/common";
+import * as i11 from "./localization/localized-messages.directive";
+import * as i12 from "@angular/common";
 let nextId = 0;
 const LOAD_MORE_DOC_LINK = 'http://www.telerik.com/kendo-angular-ui/components/treeview/load-more-button/';
 const providers = [
@@ -640,6 +641,11 @@ export class TreeViewComponent {
 }
 TreeViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", 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 });
 TreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", 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", hasCheckbox: "hasCheckbox", 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.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 }, { propertyName: "searchbox", first: true, predicate: ["searchbox"], descendants: true }], exportAs: ["kendoTreeView"], usesOnChanges: true, ngImport: i0, template: `
+        <ng-container kendoTreeViewLocalizedMessages
+            i18n-loadMore="kendo.treeview.loadMore|The title of the Load More button"
+            loadMore="Load more..."
+        >
+        </ng-container>
         <span
             class="k-treeview-filter"
             *ngIf="filterable"
@@ -691,7 +697,7 @@ TreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
         >
         </ul>
         <ng-container #assetsContainer></ng-container>
-    `, isInline: true, components: [{ type: i8.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "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", "size"], 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", "hasCheckbox", "isExpanded", "isVisible", "isSelected", "children", "hasChildren"] }], directives: [{ type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.TextBoxPrefixTemplateDirective, selector: "[kendoTextBoxPrefixTemplate]" }], changeDetection: i0.ChangeDetectionStrategy.Default });
+    `, isInline: true, components: [{ type: i8.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "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", "size"], 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", "hasCheckbox", "isExpanded", "isVisible", "isSelected", "children", "hasChildren"] }], directives: [{ type: i11.LocalizedMessagesDirective, selector: "[kendoTreeViewLocalizedMessages]" }, { type: i12.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.TextBoxPrefixTemplateDirective, selector: "[kendoTextBoxPrefixTemplate]" }], changeDetection: i0.ChangeDetectionStrategy.Default });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TreeViewComponent, decorators: [{
             type: Component,
             args: [{
@@ -700,6 +706,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     providers: providers,
                     selector: 'kendo-treeview',
                     template: `
+        <ng-container kendoTreeViewLocalizedMessages
+            i18n-loadMore="kendo.treeview.loadMore|The title of the Load More button"
+            loadMore="Load more..."
+        >
+        </ng-container>
         <span
             class="k-treeview-filter"
             *ngIf="filterable"

package/esm2020/treeview.module.mjs

@@ -18,6 +18,8 @@ import { DropHintTemplateDirective } from './drag-and-drop/drop-hint/drop-hint-t
 import { DragAndDropEditingDirective } from './drag-and-drop/drag-and-drop-editing.directive';
 import { LoadMoreDirective } from './load-more/load-more.directive';
 import { LoadMoreButtonTemplateDirective } from './load-more/load-more-button-template.directive';
+import { LocalizedMessagesDirective } from './localization/localized-messages.directive';
+import { CustomMessagesComponent } from './localization/custom-messages.component';
 import * as i0 from "@angular/core";
 const EXPORTS = [
     TreeViewComponent,
@@ -33,7 +35,9 @@ const EXPORTS = [
     DropHintTemplateDirective,
     DragAndDropEditingDirective,
     LoadMoreDirective,
-    LoadMoreButtonTemplateDirective
+    LoadMoreButtonTemplateDirective,
+    LocalizedMessagesDirective,
+    CustomMessagesComponent,
 ];
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi']) definition for the TreeView component.
@@ -54,7 +58,9 @@ TreeViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
         DropHintTemplateDirective,
         DragAndDropEditingDirective,
         LoadMoreDirective,
-        LoadMoreButtonTemplateDirective] });
+        LoadMoreButtonTemplateDirective,
+        LocalizedMessagesDirective,
+        CustomMessagesComponent] });
 TreeViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TreeViewModule, imports: [[SharedModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TreeViewModule, decorators: [{
             type: NgModule,

package/fesm2015/progress-kendo-angular-treeview.mjs

@@ -6,7 +6,7 @@ import * as i0 from '@angular/core';
 import { EventEmitter, Injectable, Directive, Optional, Component, HostBinding, Input, Output, forwardRef, isDevMode, ViewContainerRef, ChangeDetectionStrategy, ViewChild, ContentChild, Host, NgModule } from '@angular/core';
 import { isDocumentAvailable, Keys, guid, anyChanged, hasObservers, isChanged } from '@progress/kendo-angular-common';
 import * as i1 from '@progress/kendo-angular-l10n';
-import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
+import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { Subject, of, Subscription, EMPTY, BehaviorSubject, merge } from 'rxjs';
 import { validatePackage } from '@progress/kendo-licensing';
 import { getter, setter } from '@progress/kendo-common';
@@ -28,8 +28,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-treeview',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1699864906,
-    version: '14.1.1-develop.1',
+    publishDate: 1699875064,
+    version: '14.1.1-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -1546,6 +1546,7 @@ class TreeViewGroupComponent {
         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;
@@ -1635,6 +1636,7 @@ class TreeViewGroupComponent {
             this.loadMoreNodesSubscription.unsubscribe();
         }
         this.singleRecordSubscriptions.unsubscribe();
+        this.localizationSubscriptions.unsubscribe();
     }
     ngOnInit() {
         this.subscribeToNodesChange();
@@ -1644,11 +1646,21 @@ class TreeViewGroupComponent {
         this.singleRecordSubscriptions.add(this.navigationService.loadMore
             .pipe(filter(index => index === this.loadMoreButtonIndex))
             .subscribe(this.loadMoreNodes.bind(this)));
+        this.localizationSubscriptions.add(this.localization.changes.subscribe(this.l10nChange.bind(this)));
     }
     ngOnChanges(changes) {
         if (changes.parentIndex && this.loadOnDemand) {
             this.setNodeChildren(this.mapToTreeItem(this.data));
         }
+        if (this.localization.get('loadMore')) {
+            this.loadMoreTitle = this.localization.get('loadMore');
+        }
+    }
+    l10nChange() {
+        if (this.localization.get('loadMore')) {
+            this.loadMoreTitle = this.localization.get('loadMore');
+        }
+        this.changeDetectorRef.markForCheck();
     }
     fetchChildren(node, index) {
         return this.children(node)
@@ -1918,7 +1930,7 @@ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
                         >
                         </ng-template>
                         <ng-container *ngIf="!loadMoreButtonTemplateRef">
-                            Load more
+                            {{ loadMoreTitle }}
                         </ng-container>
                     </span>
                 </span>
@@ -2098,7 +2110,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                         >
                         </ng-template>
                         <ng-container *ngIf="!loadMoreButtonTemplateRef">
-                            Load more
+                            {{ loadMoreTitle }}
                         </ng-container>
                     </span>
                 </span>
@@ -2164,6 +2176,52 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }] } });
 
+/**
+ * @hidden
+ */
+class TreeViewMessages extends ComponentMessages {
+}
+TreeViewMessages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TreeViewMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+TreeViewMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: TreeViewMessages, selector: "kendo-treeview-messages-base", inputs: { loadMore: "loadMore" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TreeViewMessages, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'kendo-treeview-messages-base'
+                }]
+        }], propDecorators: { loadMore: [{
+                type: Input
+            }] } });
+
+/**
+ * @hidden
+ */
+class LocalizedMessagesDirective extends TreeViewMessages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+}
+LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: LocalizedMessagesDirective, selector: "[kendoTreeViewLocalizedMessages]", providers: [
+        {
+            provide: TreeViewMessages,
+            useExisting: forwardRef(() => LocalizedMessagesDirective)
+        }
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        {
+                            provide: TreeViewMessages,
+                            useExisting: forwardRef(() => LocalizedMessagesDirective)
+                        }
+                    ],
+                    selector: '[kendoTreeViewLocalizedMessages]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
+
 let nextId = 0;
 const LOAD_MORE_DOC_LINK$1 = 'http://www.telerik.com/kendo-angular-ui/components/treeview/load-more-button/';
 const providers = [
@@ -2768,6 +2826,11 @@ class TreeViewComponent {
 }
 TreeViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TreeViewComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: ExpandStateService }, { token: NavigationService }, { token: NodeChildrenService }, { token: SelectionService }, { token: TreeViewLookupService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: DataChangeNotificationService }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
 TreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", 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", hasCheckbox: "hasCheckbox", 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.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 }, { propertyName: "searchbox", first: true, predicate: ["searchbox"], descendants: true }], exportAs: ["kendoTreeView"], usesOnChanges: true, ngImport: i0, template: `
+        <ng-container kendoTreeViewLocalizedMessages
+            i18n-loadMore="kendo.treeview.loadMore|The title of the Load More button"
+            loadMore="Load more..."
+        >
+        </ng-container>
         <span
             class="k-treeview-filter"
             *ngIf="filterable"
@@ -2819,7 +2882,7 @@ TreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
         >
         </ul>
         <ng-container #assetsContainer></ng-container>
-    `, isInline: true, components: [{ type: i8.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "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", "size"], exportAs: ["kendoIconWrapper"] }, { 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"] }], directives: [{ type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.TextBoxPrefixTemplateDirective, selector: "[kendoTextBoxPrefixTemplate]" }], changeDetection: i0.ChangeDetectionStrategy.Default });
+    `, isInline: true, components: [{ type: i8.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "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", "size"], exportAs: ["kendoIconWrapper"] }, { 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"] }], directives: [{ type: LocalizedMessagesDirective, selector: "[kendoTreeViewLocalizedMessages]" }, { type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.TextBoxPrefixTemplateDirective, selector: "[kendoTextBoxPrefixTemplate]" }], changeDetection: i0.ChangeDetectionStrategy.Default });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TreeViewComponent, decorators: [{
             type: Component,
             args: [{
@@ -2828,6 +2891,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     providers: providers,
                     selector: 'kendo-treeview',
                     template: `
+        <ng-container kendoTreeViewLocalizedMessages
+            i18n-loadMore="kendo.treeview.loadMore|The title of the Load More button"
+            loadMore="Load more..."
+        >
+        </ng-container>
         <span
             class="k-treeview-filter"
             *ngIf="filterable"
@@ -5419,6 +5487,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }] } });
 
+/**
+ * Custom component messages override default component messages
+ */
+class CustomMessagesComponent extends TreeViewMessages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+    get override() {
+        return true;
+    }
+}
+CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: CustomMessagesComponent, selector: "kendo-treeview-messages", providers: [
+        {
+            provide: TreeViewMessages,
+            useExisting: forwardRef(() => CustomMessagesComponent)
+        }
+    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CustomMessagesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        {
+                            provide: TreeViewMessages,
+                            useExisting: forwardRef(() => CustomMessagesComponent)
+                        }
+                    ],
+                    selector: 'kendo-treeview-messages',
+                    template: ``
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
+
 const COMPONENT_DIRECTIVES = [
     TreeViewComponent,
     TreeViewGroupComponent,
@@ -5439,7 +5540,9 @@ const COMPONENT_DIRECTIVES = [
     DropHintComponent,
     DragAndDropEditingDirective,
     LoadMoreDirective,
-    LoadMoreButtonTemplateDirective
+    LoadMoreButtonTemplateDirective,
+    LocalizedMessagesDirective,
+    CustomMessagesComponent,
 ];
 /**
  * @hidden
@@ -5466,7 +5569,9 @@ SharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
         DropHintComponent,
         DragAndDropEditingDirective,
         LoadMoreDirective,
-        LoadMoreButtonTemplateDirective], imports: [CommonModule,
+        LoadMoreButtonTemplateDirective,
+        LocalizedMessagesDirective,
+        CustomMessagesComponent], imports: [CommonModule,
         CheckBoxModule,
         InputsModule,
         IconsModule], exports: [TreeViewComponent,
@@ -5488,7 +5593,9 @@ SharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
         DropHintComponent,
         DragAndDropEditingDirective,
         LoadMoreDirective,
-        LoadMoreButtonTemplateDirective] });
+        LoadMoreButtonTemplateDirective,
+        LocalizedMessagesDirective,
+        CustomMessagesComponent] });
 SharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SharedModule, imports: [[
             CommonModule,
             CheckBoxModule,
@@ -5527,7 +5634,9 @@ const EXPORTS = [
     DropHintTemplateDirective,
     DragAndDropEditingDirective,
     LoadMoreDirective,
-    LoadMoreButtonTemplateDirective
+    LoadMoreButtonTemplateDirective,
+    LocalizedMessagesDirective,
+    CustomMessagesComponent,
 ];
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi']) definition for the TreeView component.
@@ -5548,7 +5657,9 @@ TreeViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
         DropHintTemplateDirective,
         DragAndDropEditingDirective,
         LoadMoreDirective,
-        LoadMoreButtonTemplateDirective] });
+        LoadMoreButtonTemplateDirective,
+        LocalizedMessagesDirective,
+        CustomMessagesComponent] });
 TreeViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TreeViewModule, imports: [[SharedModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TreeViewModule, decorators: [{
             type: NgModule,
@@ -5562,5 +5673,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { CheckDirective, DataBoundComponent, DisableDirective, DragAndDropDirective, DragAndDropEditingDirective, DragClueService, DragClueTemplateDirective, DropAction, DropHintService, DropHintTemplateDirective, DropPosition, ExpandDirective, ExpandableComponent, FlatDataBindingDirective, HierarchyBindingDirective, LoadMoreButtonTemplateDirective, LoadMoreDirective, NodeTemplateDirective, SelectDirective, TreeItemDragEvent, TreeItemDragStartEvent, TreeItemDropEvent, TreeViewComponent, TreeViewModule };
+export { CheckDirective, CustomMessagesComponent, DataBoundComponent, DisableDirective, DragAndDropDirective, DragAndDropEditingDirective, DragClueService, DragClueTemplateDirective, DropAction, DropHintService, DropHintTemplateDirective, DropPosition, ExpandDirective, ExpandableComponent, FlatDataBindingDirective, HierarchyBindingDirective, LoadMoreButtonTemplateDirective, LoadMoreDirective, LocalizedMessagesDirective, NodeTemplateDirective, SelectDirective, TreeItemDragEvent, TreeItemDragStartEvent, TreeItemDropEvent, TreeViewComponent, TreeViewModule };
 

package/fesm2020/progress-kendo-angular-treeview.mjs

@@ -6,7 +6,7 @@ import * as i0 from '@angular/core';
 import { EventEmitter, Injectable, Directive, Optional, Component, HostBinding, Input, Output, forwardRef, isDevMode, ViewContainerRef, ChangeDetectionStrategy, ViewChild, ContentChild, Host, NgModule } from '@angular/core';
 import { isDocumentAvailable, Keys, guid, anyChanged, hasObservers, isChanged } from '@progress/kendo-angular-common';
 import * as i1 from '@progress/kendo-angular-l10n';
-import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
+import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { Subject, of, Subscription, EMPTY, BehaviorSubject, merge } from 'rxjs';
 import { validatePackage } from '@progress/kendo-licensing';
 import { getter, setter } from '@progress/kendo-common';
@@ -28,8 +28,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-treeview',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1699864906,
-    version: '14.1.1-develop.1',
+    publishDate: 1699875064,
+    version: '14.1.1-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -1542,6 +1542,7 @@ class TreeViewGroupComponent {
         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;
@@ -1631,6 +1632,7 @@ class TreeViewGroupComponent {
             this.loadMoreNodesSubscription.unsubscribe();
         }
         this.singleRecordSubscriptions.unsubscribe();
+        this.localizationSubscriptions.unsubscribe();
     }
     ngOnInit() {
         this.subscribeToNodesChange();
@@ -1640,11 +1642,21 @@ class TreeViewGroupComponent {
         this.singleRecordSubscriptions.add(this.navigationService.loadMore
             .pipe(filter(index => index === this.loadMoreButtonIndex))
             .subscribe(this.loadMoreNodes.bind(this)));
+        this.localizationSubscriptions.add(this.localization.changes.subscribe(this.l10nChange.bind(this)));
     }
     ngOnChanges(changes) {
         if (changes.parentIndex && this.loadOnDemand) {
             this.setNodeChildren(this.mapToTreeItem(this.data));
         }
+        if (this.localization.get('loadMore')) {
+            this.loadMoreTitle = this.localization.get('loadMore');
+        }
+    }
+    l10nChange() {
+        if (this.localization.get('loadMore')) {
+            this.loadMoreTitle = this.localization.get('loadMore');
+        }
+        this.changeDetectorRef.markForCheck();
     }
     fetchChildren(node, index) {
         return this.children(node)
@@ -1914,7 +1926,7 @@ TreeViewGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
                         >
                         </ng-template>
                         <ng-container *ngIf="!loadMoreButtonTemplateRef">
-                            Load more
+                            {{ loadMoreTitle }}
                         </ng-container>
                     </span>
                 </span>
@@ -2094,7 +2106,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                         >
                         </ng-template>
                         <ng-container *ngIf="!loadMoreButtonTemplateRef">
-                            Load more
+                            {{ loadMoreTitle }}
                         </ng-container>
                     </span>
                 </span>
@@ -2160,6 +2172,52 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }] } });
 
+/**
+ * @hidden
+ */
+class TreeViewMessages extends ComponentMessages {
+}
+TreeViewMessages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TreeViewMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+TreeViewMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: TreeViewMessages, selector: "kendo-treeview-messages-base", inputs: { loadMore: "loadMore" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TreeViewMessages, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'kendo-treeview-messages-base'
+                }]
+        }], propDecorators: { loadMore: [{
+                type: Input
+            }] } });
+
+/**
+ * @hidden
+ */
+class LocalizedMessagesDirective extends TreeViewMessages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+}
+LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: LocalizedMessagesDirective, selector: "[kendoTreeViewLocalizedMessages]", providers: [
+        {
+            provide: TreeViewMessages,
+            useExisting: forwardRef(() => LocalizedMessagesDirective)
+        }
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        {
+                            provide: TreeViewMessages,
+                            useExisting: forwardRef(() => LocalizedMessagesDirective)
+                        }
+                    ],
+                    selector: '[kendoTreeViewLocalizedMessages]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
+
 let nextId = 0;
 const LOAD_MORE_DOC_LINK$1 = 'http://www.telerik.com/kendo-angular-ui/components/treeview/load-more-button/';
 const providers = [
@@ -2764,6 +2822,11 @@ class TreeViewComponent {
 }
 TreeViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TreeViewComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: ExpandStateService }, { token: NavigationService }, { token: NodeChildrenService }, { token: SelectionService }, { token: TreeViewLookupService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: DataChangeNotificationService }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
 TreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", 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", hasCheckbox: "hasCheckbox", 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.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 }, { propertyName: "searchbox", first: true, predicate: ["searchbox"], descendants: true }], exportAs: ["kendoTreeView"], usesOnChanges: true, ngImport: i0, template: `
+        <ng-container kendoTreeViewLocalizedMessages
+            i18n-loadMore="kendo.treeview.loadMore|The title of the Load More button"
+            loadMore="Load more..."
+        >
+        </ng-container>
         <span
             class="k-treeview-filter"
             *ngIf="filterable"
@@ -2815,7 +2878,7 @@ TreeViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
         >
         </ul>
         <ng-container #assetsContainer></ng-container>
-    `, isInline: true, components: [{ type: i8.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "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", "size"], exportAs: ["kendoIconWrapper"] }, { 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"] }], directives: [{ type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.TextBoxPrefixTemplateDirective, selector: "[kendoTextBoxPrefixTemplate]" }], changeDetection: i0.ChangeDetectionStrategy.Default });
+    `, isInline: true, components: [{ type: i8.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "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", "size"], exportAs: ["kendoIconWrapper"] }, { 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"] }], directives: [{ type: LocalizedMessagesDirective, selector: "[kendoTreeViewLocalizedMessages]" }, { type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.TextBoxPrefixTemplateDirective, selector: "[kendoTextBoxPrefixTemplate]" }], changeDetection: i0.ChangeDetectionStrategy.Default });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TreeViewComponent, decorators: [{
             type: Component,
             args: [{
@@ -2824,6 +2887,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     providers: providers,
                     selector: 'kendo-treeview',
                     template: `
+        <ng-container kendoTreeViewLocalizedMessages
+            i18n-loadMore="kendo.treeview.loadMore|The title of the Load More button"
+            loadMore="Load more..."
+        >
+        </ng-container>
         <span
             class="k-treeview-filter"
             *ngIf="filterable"
@@ -5411,6 +5479,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }] } });
 
+/**
+ * Custom component messages override default component messages
+ */
+class CustomMessagesComponent extends TreeViewMessages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+    get override() {
+        return true;
+    }
+}
+CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+CustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: CustomMessagesComponent, selector: "kendo-treeview-messages", providers: [
+        {
+            provide: TreeViewMessages,
+            useExisting: forwardRef(() => CustomMessagesComponent)
+        }
+    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CustomMessagesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        {
+                            provide: TreeViewMessages,
+                            useExisting: forwardRef(() => CustomMessagesComponent)
+                        }
+                    ],
+                    selector: 'kendo-treeview-messages',
+                    template: ``
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
+
 const COMPONENT_DIRECTIVES = [
     TreeViewComponent,
     TreeViewGroupComponent,
@@ -5431,7 +5532,9 @@ const COMPONENT_DIRECTIVES = [
     DropHintComponent,
     DragAndDropEditingDirective,
     LoadMoreDirective,
-    LoadMoreButtonTemplateDirective
+    LoadMoreButtonTemplateDirective,
+    LocalizedMessagesDirective,
+    CustomMessagesComponent,
 ];
 /**
  * @hidden
@@ -5458,7 +5561,9 @@ SharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
         DropHintComponent,
         DragAndDropEditingDirective,
         LoadMoreDirective,
-        LoadMoreButtonTemplateDirective], imports: [CommonModule,
+        LoadMoreButtonTemplateDirective,
+        LocalizedMessagesDirective,
+        CustomMessagesComponent], imports: [CommonModule,
         CheckBoxModule,
         InputsModule,
         IconsModule], exports: [TreeViewComponent,
@@ -5480,7 +5585,9 @@ SharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
         DropHintComponent,
         DragAndDropEditingDirective,
         LoadMoreDirective,
-        LoadMoreButtonTemplateDirective] });
+        LoadMoreButtonTemplateDirective,
+        LocalizedMessagesDirective,
+        CustomMessagesComponent] });
 SharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SharedModule, imports: [[
             CommonModule,
             CheckBoxModule,
@@ -5519,7 +5626,9 @@ const EXPORTS = [
     DropHintTemplateDirective,
     DragAndDropEditingDirective,
     LoadMoreDirective,
-    LoadMoreButtonTemplateDirective
+    LoadMoreButtonTemplateDirective,
+    LocalizedMessagesDirective,
+    CustomMessagesComponent,
 ];
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi']) definition for the TreeView component.
@@ -5540,7 +5649,9 @@ TreeViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
         DropHintTemplateDirective,
         DragAndDropEditingDirective,
         LoadMoreDirective,
-        LoadMoreButtonTemplateDirective] });
+        LoadMoreButtonTemplateDirective,
+        LocalizedMessagesDirective,
+        CustomMessagesComponent] });
 TreeViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TreeViewModule, imports: [[SharedModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TreeViewModule, decorators: [{
             type: NgModule,
@@ -5554,5 +5665,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { CheckDirective, DataBoundComponent, DisableDirective, DragAndDropDirective, DragAndDropEditingDirective, DragClueService, DragClueTemplateDirective, DropAction, DropHintService, DropHintTemplateDirective, DropPosition, ExpandDirective, ExpandableComponent, FlatDataBindingDirective, HierarchyBindingDirective, LoadMoreButtonTemplateDirective, LoadMoreDirective, NodeTemplateDirective, SelectDirective, TreeItemDragEvent, TreeItemDragStartEvent, TreeItemDropEvent, TreeViewComponent, TreeViewModule };
+export { CheckDirective, CustomMessagesComponent, DataBoundComponent, DisableDirective, DragAndDropDirective, DragAndDropEditingDirective, DragClueService, DragClueTemplateDirective, DropAction, DropHintService, DropHintTemplateDirective, DropPosition, ExpandDirective, ExpandableComponent, FlatDataBindingDirective, HierarchyBindingDirective, LoadMoreButtonTemplateDirective, LoadMoreDirective, LocalizedMessagesDirective, NodeTemplateDirective, SelectDirective, TreeItemDragEvent, TreeItemDragStartEvent, TreeItemDropEvent, TreeViewComponent, TreeViewModule };
 

package/index.d.ts

@@ -44,3 +44,5 @@ export { FilterExpandSettings } from './filter-expand-settings.interface';
 export { MatcherFunction } from './treeview-filter-settings';
 export { FilterState } from './filter-state.interface';
 export { TreeViewSize } from './size';
+export { CustomMessagesComponent } from './localization/custom-messages.component';
+export { LocalizedMessagesDirective } from "./localization/localized-messages.directive";

package/localization/custom-messages.component.d.ts

@@ -0,0 +1,17 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TreeViewMessages } from "./messages";
+import { LocalizationService } from "@progress/kendo-angular-l10n";
+import * as i0 from "@angular/core";
+/**
+ * Custom component messages override default component messages
+ */
+export declare class CustomMessagesComponent extends TreeViewMessages {
+    protected service: LocalizationService;
+    constructor(service: LocalizationService);
+    protected get override(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomMessagesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomMessagesComponent, "kendo-treeview-messages", never, {}, {}, never, never>;
+}

package/localization/localized-messages.directive.d.ts

@@ -0,0 +1,16 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TreeViewMessages } from "./messages";
+import { LocalizationService } from "@progress/kendo-angular-l10n";
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class LocalizedMessagesDirective extends TreeViewMessages {
+    protected service: LocalizationService;
+    constructor(service: LocalizationService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<LocalizedMessagesDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedMessagesDirective, "[kendoTreeViewLocalizedMessages]", never, {}, {}, never>;
+}

package/localization/messages.d.ts

@@ -0,0 +1,17 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ComponentMessages } from "@progress/kendo-angular-l10n";
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class TreeViewMessages extends ComponentMessages {
+    /**
+     * The text of the `Load More` button title.
+     */
+    loadMore: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TreeViewMessages, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TreeViewMessages, "kendo-treeview-messages-base", never, { "loadMore": "loadMore"; }, {}, never>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-treeview",
-  "version": "14.1.1-develop.1",
+  "version": "14.1.1-develop.2",
   "description": "Kendo UI TreeView for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -23,15 +23,15 @@
     "@angular/core": "13 - 17",
     "@angular/platform-browser": "13 - 17",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "14.1.1-develop.1",
-    "@progress/kendo-angular-inputs": "14.1.1-develop.1",
-    "@progress/kendo-angular-icons": "14.1.1-develop.1",
-    "@progress/kendo-angular-l10n": "14.1.1-develop.1",
+    "@progress/kendo-angular-common": "14.1.1-develop.2",
+    "@progress/kendo-angular-inputs": "14.1.1-develop.2",
+    "@progress/kendo-angular-icons": "14.1.1-develop.2",
+    "@progress/kendo-angular-l10n": "14.1.1-develop.2",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "14.1.1-develop.1",
+    "@progress/kendo-angular-schematics": "14.1.1-develop.2",
     "@progress/kendo-common": "^0.2.0",
     "@progress/kendo-draggable": "^3.0.2"
   },

package/schematics/ngAdd/index.js

@@ -4,10 +4,10 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'TreeViewModule', package: 'treeview', peerDependencies: {
             // Peers of kendo-angular-inputs
-            '@progress/kendo-angular-buttons': '14.1.1-develop.1',
-            '@progress/kendo-angular-dialog': '14.1.1-develop.1',
-            '@progress/kendo-angular-intl': '14.1.1-develop.1',
-            '@progress/kendo-angular-popup': '14.1.1-develop.1',
+            '@progress/kendo-angular-buttons': '14.1.1-develop.2',
+            '@progress/kendo-angular-dialog': '14.1.1-develop.2',
+            '@progress/kendo-angular-intl': '14.1.1-develop.2',
+            '@progress/kendo-angular-popup': '14.1.1-develop.2',
             '@progress/kendo-drawing': '^1.9.3',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^2.0.0'

package/shared.module.d.ts

@@ -23,15 +23,17 @@ import * as i17 from "./drag-and-drop/drop-hint/drop-hint.component";
 import * as i18 from "./drag-and-drop/drag-and-drop-editing.directive";
 import * as i19 from "./load-more/load-more.directive";
 import * as i20 from "./load-more/load-more-button-template.directive";
-import * as i21 from "@angular/common";
-import * as i22 from "./checkbox/checkbox.module";
-import * as i23 from "@progress/kendo-angular-inputs";
-import * as i24 from "@progress/kendo-angular-icons";
+import * as i21 from "./localization/localized-messages.directive";
+import * as i22 from "./localization/custom-messages.component";
+import * as i23 from "@angular/common";
+import * as i24 from "./checkbox/checkbox.module";
+import * as i25 from "@progress/kendo-angular-inputs";
+import * as i26 from "@progress/kendo-angular-icons";
 /**
  * @hidden
  */
 export declare class SharedModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SharedModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedModule, [typeof i1.TreeViewComponent, typeof i2.TreeViewGroupComponent, typeof i3.TreeViewItemDirective, typeof i4.TreeViewItemContentDirective, typeof i5.NodeTemplateDirective, typeof i6.CheckDirective, typeof i7.DisableDirective, typeof i8.ExpandDirective, typeof i9.SelectDirective, typeof i10.HierarchyBindingDirective, typeof i11.LoadingIndicatorDirective, typeof i12.FlatDataBindingDirective, typeof i13.DragAndDropDirective, typeof i14.DragClueTemplateDirective, typeof i15.DragClueComponent, typeof i16.DropHintTemplateDirective, typeof i17.DropHintComponent, typeof i18.DragAndDropEditingDirective, typeof i19.LoadMoreDirective, typeof i20.LoadMoreButtonTemplateDirective], [typeof i21.CommonModule, typeof i22.CheckBoxModule, typeof i23.InputsModule, typeof i24.IconsModule], [typeof i1.TreeViewComponent, typeof i2.TreeViewGroupComponent, typeof i3.TreeViewItemDirective, typeof i4.TreeViewItemContentDirective, typeof i5.NodeTemplateDirective, typeof i6.CheckDirective, typeof i7.DisableDirective, typeof i8.ExpandDirective, typeof i9.SelectDirective, typeof i10.HierarchyBindingDirective, typeof i11.LoadingIndicatorDirective, typeof i12.FlatDataBindingDirective, typeof i13.DragAndDropDirective, typeof i14.DragClueTemplateDirective, typeof i15.DragClueComponent, typeof i16.DropHintTemplateDirective, typeof i17.DropHintComponent, typeof i18.DragAndDropEditingDirective, typeof i19.LoadMoreDirective, typeof i20.LoadMoreButtonTemplateDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedModule, [typeof i1.TreeViewComponent, typeof i2.TreeViewGroupComponent, typeof i3.TreeViewItemDirective, typeof i4.TreeViewItemContentDirective, typeof i5.NodeTemplateDirective, typeof i6.CheckDirective, typeof i7.DisableDirective, typeof i8.ExpandDirective, typeof i9.SelectDirective, typeof i10.HierarchyBindingDirective, typeof i11.LoadingIndicatorDirective, typeof i12.FlatDataBindingDirective, typeof i13.DragAndDropDirective, typeof i14.DragClueTemplateDirective, typeof i15.DragClueComponent, typeof i16.DropHintTemplateDirective, typeof i17.DropHintComponent, typeof i18.DragAndDropEditingDirective, typeof i19.LoadMoreDirective, typeof i20.LoadMoreButtonTemplateDirective, typeof i21.LocalizedMessagesDirective, typeof i22.CustomMessagesComponent], [typeof i23.CommonModule, typeof i24.CheckBoxModule, typeof i25.InputsModule, typeof i26.IconsModule], [typeof i1.TreeViewComponent, typeof i2.TreeViewGroupComponent, typeof i3.TreeViewItemDirective, typeof i4.TreeViewItemContentDirective, typeof i5.NodeTemplateDirective, typeof i6.CheckDirective, typeof i7.DisableDirective, typeof i8.ExpandDirective, typeof i9.SelectDirective, typeof i10.HierarchyBindingDirective, typeof i11.LoadingIndicatorDirective, typeof i12.FlatDataBindingDirective, typeof i13.DragAndDropDirective, typeof i14.DragClueTemplateDirective, typeof i15.DragClueComponent, typeof i16.DropHintTemplateDirective, typeof i17.DropHintComponent, typeof i18.DragAndDropEditingDirective, typeof i19.LoadMoreDirective, typeof i20.LoadMoreButtonTemplateDirective, typeof i21.LocalizedMessagesDirective, typeof i22.CustomMessagesComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedModule>;
 }

package/treeview-group.component.d.ts

@@ -29,7 +29,7 @@ export declare class TreeViewGroupComponent implements OnChanges, OnInit, OnDest
     protected nodeChildrenService: NodeChildrenService;
     protected dataChangeNotification: DataChangeNotificationService;
     protected changeDetectorRef: ChangeDetectorRef;
-    private localization;
+    localization: LocalizationService;
     /**
      * @hidden
      */
@@ -42,6 +42,10 @@ export declare class TreeViewGroupComponent implements OnChanges, OnInit, OnDest
      * @hidden
      */
     caretAltLeftIcon: SVGIcon;
+    /**
+     * @hidden
+     */
+    loadMoreTitle: string;
     kGroupClass: boolean;
     get role(): string;
     checkboxes: boolean;
@@ -80,6 +84,7 @@ export declare class TreeViewGroupComponent implements OnChanges, OnInit, OnDest
     private nodesSubscription;
     private loadMoreNodesSubscription;
     private singleRecordSubscriptions;
+    private localizationSubscriptions;
     constructor(expandService: ExpandStateService, loadingService: LoadingNotificationService, indexBuilder: IndexBuilderService, treeViewLookupService: TreeViewLookupService, navigationService: NavigationService, nodeChildrenService: NodeChildrenService, dataChangeNotification: DataChangeNotificationService, changeDetectorRef: ChangeDetectorRef, localization: LocalizationService);
     isChecked: (item: object, index: string) => CheckedState;
     isDisabled: (item: object, index: string) => boolean;
@@ -97,6 +102,7 @@ export declare class TreeViewGroupComponent implements OnChanges, OnInit, OnDest
     ngOnDestroy(): void;
     ngOnInit(): void;
     ngOnChanges(changes: any): void;
+    private l10nChange;
     fetchChildren(node: any, index: string): Observable<any>;
     get nextFields(): string[];
     loadMoreNodes(): void;

package/treeview.module.d.ts

@@ -18,11 +18,13 @@ import * as i12 from "./drag-and-drop/drop-hint/drop-hint-template.directive";
 import * as i13 from "./drag-and-drop/drag-and-drop-editing.directive";
 import * as i14 from "./load-more/load-more.directive";
 import * as i15 from "./load-more/load-more-button-template.directive";
+import * as i16 from "./localization/localized-messages.directive";
+import * as i17 from "./localization/custom-messages.component";
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi']) definition for the TreeView component.
  */
 export declare class TreeViewModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TreeViewModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TreeViewModule, never, [typeof i1.SharedModule], [typeof i2.TreeViewComponent, typeof i3.NodeTemplateDirective, typeof i4.CheckDirective, typeof i5.DisableDirective, typeof i6.ExpandDirective, typeof i7.SelectDirective, typeof i8.HierarchyBindingDirective, typeof i9.FlatDataBindingDirective, typeof i10.DragAndDropDirective, typeof i11.DragClueTemplateDirective, typeof i12.DropHintTemplateDirective, typeof i13.DragAndDropEditingDirective, typeof i14.LoadMoreDirective, typeof i15.LoadMoreButtonTemplateDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TreeViewModule, never, [typeof i1.SharedModule], [typeof i2.TreeViewComponent, typeof i3.NodeTemplateDirective, typeof i4.CheckDirective, typeof i5.DisableDirective, typeof i6.ExpandDirective, typeof i7.SelectDirective, typeof i8.HierarchyBindingDirective, typeof i9.FlatDataBindingDirective, typeof i10.DragAndDropDirective, typeof i11.DragClueTemplateDirective, typeof i12.DropHintTemplateDirective, typeof i13.DragAndDropEditingDirective, typeof i14.LoadMoreDirective, typeof i15.LoadMoreButtonTemplateDirective, typeof i16.LocalizedMessagesDirective, typeof i17.CustomMessagesComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TreeViewModule>;
 }