@progress/kendo-angular-treelist 17.0.0-develop.34 → 17.0.0-develop.36

package/esm2022/treelist.component.mjs

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { Component, ContentChildren, ElementRef, EventEmitter, HostBinding, Input, Output, Renderer2, QueryList, ViewChild, isDevMode, NgZone, ViewChildren, ChangeDetectorRef, ViewEncapsulation, ChangeDetectionStrategy, forwardRef } from '@angular/core';
-import { NgIf } from '@angular/common';
+import { NgIf, NgTemplateOutlet } from '@angular/common';
 import { FormControl, FormGroup } from '@angular/forms';
 import { Subscription, merge, isObservable } from 'rxjs';
 import { map, tap, take, filter, switchMap, takeUntil } from 'rxjs/operators';
@@ -27,8 +27,6 @@ import { NoRecordsTemplateDirective } from './rendering/no-records-template.dire
 import { ColumnBase } from './columns/column-base';
 import { syncRowsHeight } from './layout/row-sync';
 import { FilterService } from './filtering/filter.service';
-import { PagerTemplateDirective } from './pager/pager-template.directive';
-import { PagerContextService } from "./pager/pager-context.service";
 import { PDFService } from './pdf/pdf.service';
 import { PDFExportEvent } from './pdf/pdf-export-event';
 import { SuspendService } from './scrolling/suspend.service';
@@ -70,7 +68,6 @@ import { DataBoundTreeComponent } from './binding-directives/data-bound-tree-com
 import { ExpandableTreeComponent } from './expand-state/expandable-tree-component';
 import { ContextService } from './common/provider.service';
 import { RowReorderService } from './row-reordering/row-reorder.service';
-import { PagerComponent } from './pager/pager.component';
 import { LoadingComponent } from './rendering/common/loading.component';
 import { TableBodyComponent } from './rendering/table-body.component';
 import { MarqueeDirective } from './selection/marquee.directive';
@@ -81,6 +78,8 @@ import { ColGroupComponent } from './rendering/common/col-group.component';
 import { TableDirective } from './column-resizing/table.directive';
 import { ToolbarComponent } from './rendering/toolbar/toolbar.component';
 import { LocalizedMessagesDirective } from './localization/localized-messages.directive';
+import { KENDO_PAGER, PagerContextService, PagerNavigationService, PagerTemplateDirective } from '@progress/kendo-angular-pager';
+import { normalize } from './common/pager-settings';
 import * as i0 from "@angular/core";
 import * as i1 from "./layout/browser-support.service";
 import * as i2 from "./data/change-notification.service";
@@ -103,6 +102,7 @@ import * as i18 from "./selection/selection.service";
 import * as i19 from "@progress/kendo-angular-l10n";
 import * as i20 from "./common/provider.service";
 import * as i21 from "./row-reordering/row-reorder.service";
+import * as i22 from "@progress/kendo-angular-pager";
 const createControl = (source) => (acc, key) => {
     acc[key] = new FormControl(source[key]);
     return acc;
@@ -279,6 +279,9 @@ export class TreeListComponent {
      *
      */
     pageable = false;
+    get normalizedPageableSettings() {
+        return normalize(this.pageable);
+    }
     /**
      * If set to `true`, the user can use dedicated shortcuts to interact with the TreeList.
      * By default, navigation is disabled and the TreeList content is accessible in the normal tab sequence.
@@ -1796,6 +1799,7 @@ export class TreeListComponent {
             FilterService,
             ResponsiveService,
             PagerContextService,
+            PagerNavigationService,
             ExcelService,
             ScrollSyncService,
             ResizeService,
@@ -1826,7 +1830,6 @@ export class TreeListComponent {
             RowReorderService
         ], queries: [{ propertyName: "columns", predicate: ColumnBase }, { propertyName: "noRecordsTemplateChildren", predicate: NoRecordsTemplateDirective }, { propertyName: "pagerTemplateChildren", predicate: PagerTemplateDirective }, { propertyName: "toolbarTemplateChildren", predicate: ToolbarTemplateDirective }, { propertyName: "columnMenuTemplates", predicate: ColumnMenuTemplateDirective }], viewQueries: [{ propertyName: "lockedHeader", first: true, predicate: ["lockedHeader"], descendants: true }, { propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "ariaRoot", first: true, predicate: ["ariaRoot"], descendants: true, static: true }, { propertyName: "dragTargetContainer", first: true, predicate: DragTargetContainerDirective, descendants: true }, { propertyName: "dropTargetContainer", first: true, predicate: DropTargetContainerDirective, descendants: true }, { propertyName: "footer", predicate: ["footer"], descendants: true }], exportAs: ["kendoTreeList"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoTreeListLocalizedMessages
-
             i18n-noRecords="kendo.treelist.noRecords|The label visible in the TreeList when there are no records"
             noRecords="No records available."
 
@@ -1860,6 +1863,9 @@ export class TreeListComponent {
             i18n-pagerItemsTotal="kendo.treelist.pagerItemsTotal|The label after the total items count in the TreeList pager"
             pagerItemsTotal="items total"
 
+            i18n-pagerInputLabel="kendo.treelist.pagerInputLabel|The text of the aria-label attribute applied to the input element for entering the page number"
+            pagerInputLabel="Type a page number"
+
             i18n-filterCellOperatorLabel="kendo.treelist.filterCellOperatorLabel|The label of the filter cell operators dropdown"
             filterCellOperatorLabel="{{ 'Filter cell operators for {columnName}' }}"
 
@@ -1980,8 +1986,8 @@ export class TreeListComponent {
             i18n-columnsReset="kendo.treelist.columnsReset|The text shown in the column menu or column chooser for the columns reset button"
             columnsReset="Reset"
 
-            i18n-selectPage="kendo.treelist.selectPage|The text of the title and aria-label attributes applied to the page chooser in the TreeList Pager"
-            selectPage="Select page"
+            i18n-pagerSelectPage="kendo.treelist.pagerSelectPage|The text of the title and aria-label attributes applied to the page chooser in the TreeList Pager"
+            pagerSelectPage="Select page"
 
             i18n-topToolbarLabel="kendo.treelist.topToolbarLabel|The label of the TreeList top toolbar"
             topToolbarLabel="Top toolbar"
@@ -2171,18 +2177,41 @@ export class TreeListComponent {
                 </div>
             </ng-template>
         </div>
-        <kendo-treelist-pager
+        <kendo-pager
+            #pager
             *ngIf="showPager"
-            [template]="pagerTemplate"
+            class="k-grid-pager"
+            [navigable]="navigable"
             [pageSize]="pageSize"
             [total]="view.totalVisible"
-            [allCount]="view.total"
             [skip]="skip"
-            [navigable]="navigable"
-            [attr.aria-controls]="ariaRootId"
-            [options]="pageable"
+            [responsive]="normalizedPageableSettings.responsive && !pagerTemplate"
+            [buttonCount]="normalizedPageableSettings.buttonCount"
+            [info]="normalizedPageableSettings.info"
+            [pageSizeValues]="normalizedPageableSettings.pageSizes"
+            [previousNext]="normalizedPageableSettings.previousNext"
+            [type]="normalizedPageableSettings.type"
             (pageChange)="notifyPageChange('pager', $event)">
-        </kendo-treelist-pager>
+            <ng-template kendoPagerTemplate>
+                <ng-container 
+                    [ngTemplateOutlet]="pagerTemplate ? pagerTemplate?.templateRef : defaultPager"
+                    [ngTemplateOutletContext]="pager.templateContext"></ng-container>
+            </ng-template>
+            <kendo-pager-messages
+                [ariaLabel]="messageFor('pagerLabel')"
+                [firstPage]="messageFor('pagerFirstPage')"
+                [inputLabel]="messageFor('pagerInputLabel')"
+                [previousPage]="messageFor('pagerPreviousPage')"
+                [nextPage]="messageFor('pagerNextPage')"
+                [lastPage]="messageFor('pagerLastPage')"
+                [selectPage]="messageFor('pagerSelectPage')"
+                [page]="messageFor('pagerPage')"
+                [itemsPerPage]="messageFor('pagerItemsPerPage')"
+                [items]="messageFor('pagerItems')"
+                [of]="messageFor('pagerOf')"
+                [pageNumberInputTitle]="messageFor('pagerPageNumberInputTitle')">
+            </kendo-pager-messages>
+        </kendo-pager>
         <kendo-treelist-toolbar
             *ngIf="showBottomToolbar"
             class="k-toolbar k-grid-toolbar k-grid-toolbar-bottom k-toolbar-md"
@@ -2200,7 +2229,38 @@ export class TreeListComponent {
             </kendo-icon-wrapper>
             {{hintText}}
         </ng-template>
-    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoTreeListLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ToolbarComponent, selector: "kendo-treelist-toolbar", inputs: ["position", "navigable"] }, { kind: "directive", type: DragTargetContainerDirective, selector: "[kendoDragTargetContainer]", inputs: ["hint", "dragTargetFilter", "dragHandle", "dragDelay", "threshold", "dragTargetId", "dragData", "dragDisabled", "mode"], outputs: ["onDragReady", "onPress", "onDragStart", "onDrag", "onRelease", "onDragEnd"], exportAs: ["kendoDragTargetContainer"] }, { kind: "directive", type: DropTargetContainerDirective, selector: "[kendoDropTargetContainer]", inputs: ["dropTargetFilter", "dropDisabled"], outputs: ["onDragEnter", "onDragOver", "onDragLeave", "onDrop"], exportAs: ["kendoDropTargetContainer"] }, { kind: "directive", type: TableDirective, selector: "[kendoTreeListResizableTable]", inputs: ["locked", "virtualColumns"] }, { kind: "component", type: ColGroupComponent, selector: "[kendoTreeListColGroup]", inputs: ["columns"] }, { kind: "component", type: HeaderComponent, selector: "[kendoTreeListHeader]", inputs: ["totalColumnLevels", "columns", "scrollable", "filterable", "sort", "filter", "sortable", "lockedColumnsCount", "resizable", "reorderable", "columnMenu", "columnMenuTemplate", "totalColumnsCount", "totalColumns"] }, { kind: "directive", type: ResizableContainerDirective, selector: "[kendoTreeListResizableContainer]", inputs: ["lockedWidth", "kendoTreeListResizableContainer"] }, { kind: "component", type: ListComponent, selector: "kendo-treelist-list", inputs: ["view", "total", "rowHeight", "take", "skip", "columns", "noRecordsTemplate", "filterable", "rowClass", "loading", "trackBy", "virtualColumns", "isVirtual", "expandIcons"], outputs: ["contentScroll", "pageChange", "scrollBottom"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: MarqueeDirective, selector: "[kendoTreeListSelectionMarquee]" }, { kind: "component", type: TableBodyComponent, selector: "[kendoTreeListTableBody]", inputs: ["columns", "allColumns", "noRecordsTemplate", "view", "skip", "filterable", "noRecordsText", "isLocked", "lockedColumnsCount", "totalColumnsCount", "virtualColumns", "expandIcons", "trackBy", "totalColumns", "rowClass"] }, { kind: "component", type: LoadingComponent, selector: "[kendoTreeListLoading]" }, { kind: "component", type: PagerComponent, selector: "kendo-treelist-pager", inputs: ["allCount", "total", "skip", "navigable", "pageSize", "options", "template"], outputs: ["pageChange"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+
+        <ng-template #defaultPager>
+            <div class="k-pager-numbers-wrap">
+                <kendo-pager-prev-buttons *ngIf="normalizedPageableSettings.previousNext"></kendo-pager-prev-buttons>
+                <kendo-pager-numeric-buttons
+                    *ngIf="normalizedPageableSettings.type === 'numeric' && normalizedPageableSettings.buttonCount > 0"
+                    [buttonCount]="normalizedPageableSettings.buttonCount">
+                </kendo-pager-numeric-buttons>
+                <kendo-pager-input *ngIf="normalizedPageableSettings.type === 'input'"></kendo-pager-input>
+                <kendo-pager-next-buttons *ngIf="normalizedPageableSettings.previousNext"></kendo-pager-next-buttons>
+            </div>
+            <kendo-pager-page-sizes *ngIf="normalizedPageableSettings.pageSizes"
+                [pageSizes]="normalizedPageableSettings.pageSizes">
+            </kendo-pager-page-sizes>
+            <kendo-pager-info *ngIf="normalizedPageableSettings.info">
+            </kendo-pager-info>
+            <kendo-pager-messages
+                [ariaLabel]="messageFor('pagerLabel')"
+                [firstPage]="messageFor('pagerFirstPage')"
+                [inputLabel]="messageFor('pagerInputLabel')"
+                [previousPage]="messageFor('pagerPreviousPage')"
+                [nextPage]="messageFor('pagerNextPage')"
+                [lastPage]="messageFor('pagerLastPage')"
+                [selectPage]="messageFor('pagerSelectPage')"
+                [page]="messageFor('pagerPage')"
+                [itemsPerPage]="messageFor('pagerItemsPerPage')"
+                [items]="messageFor('pagerItems')"
+                [of]="messageFor('pagerOf')"
+                [pageNumberInputTitle]="messageFor('pagerPageNumberInputTitle')">
+            </kendo-pager-messages>
+        </ng-template>
+    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoTreeListLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ToolbarComponent, selector: "kendo-treelist-toolbar", inputs: ["position", "navigable"] }, { kind: "directive", type: DragTargetContainerDirective, selector: "[kendoDragTargetContainer]", inputs: ["hint", "dragTargetFilter", "dragHandle", "dragDelay", "threshold", "dragTargetId", "dragData", "dragDisabled", "mode"], outputs: ["onDragReady", "onPress", "onDragStart", "onDrag", "onRelease", "onDragEnd"], exportAs: ["kendoDragTargetContainer"] }, { kind: "directive", type: DropTargetContainerDirective, selector: "[kendoDropTargetContainer]", inputs: ["dropTargetFilter", "dropDisabled"], outputs: ["onDragEnter", "onDragOver", "onDragLeave", "onDrop"], exportAs: ["kendoDropTargetContainer"] }, { kind: "directive", type: TableDirective, selector: "[kendoTreeListResizableTable]", inputs: ["locked", "virtualColumns"] }, { kind: "component", type: ColGroupComponent, selector: "[kendoTreeListColGroup]", inputs: ["columns"] }, { kind: "component", type: HeaderComponent, selector: "[kendoTreeListHeader]", inputs: ["totalColumnLevels", "columns", "scrollable", "filterable", "sort", "filter", "sortable", "lockedColumnsCount", "resizable", "reorderable", "columnMenu", "columnMenuTemplate", "totalColumnsCount", "totalColumns"] }, { kind: "directive", type: ResizableContainerDirective, selector: "[kendoTreeListResizableContainer]", inputs: ["lockedWidth", "kendoTreeListResizableContainer"] }, { kind: "component", type: ListComponent, selector: "kendo-treelist-list", inputs: ["view", "total", "rowHeight", "take", "skip", "columns", "noRecordsTemplate", "filterable", "rowClass", "loading", "trackBy", "virtualColumns", "isVirtual", "expandIcons"], outputs: ["contentScroll", "pageChange", "scrollBottom"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: MarqueeDirective, selector: "[kendoTreeListSelectionMarquee]" }, { kind: "component", type: TableBodyComponent, selector: "[kendoTreeListTableBody]", inputs: ["columns", "allColumns", "noRecordsTemplate", "view", "skip", "filterable", "noRecordsText", "isLocked", "lockedColumnsCount", "totalColumnsCount", "virtualColumns", "expandIcons", "trackBy", "totalColumns", "rowClass"] }, { kind: "component", type: LoadingComponent, selector: "[kendoTreeListLoading]" }, { kind: "component", type: i22.CustomMessagesComponent, selector: "kendo-datapager-messages, kendo-pager-messages" }, { kind: "component", type: i22.PagerInfoComponent, selector: "kendo-datapager-info, kendo-pager-info" }, { kind: "component", type: i22.PagerInputComponent, selector: "kendo-datapager-input, kendo-pager-input", inputs: ["size"] }, { kind: "component", type: i22.PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: ["size"] }, { kind: "component", type: i22.PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: ["buttonCount", "size"] }, { kind: "component", type: i22.PagerPageSizesComponent, selector: "kendo-datapager-page-sizes, kendo-pager-page-sizes", inputs: ["pageSizes", "size"] }, { kind: "component", type: i22.PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: ["size"] }, { kind: "directive", type: i22.PagerTemplateDirective, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]" }, { kind: "component", type: i22.PagerComponent, selector: "kendo-datapager, kendo-pager", inputs: ["externalTemplate", "total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext", "navigable", "size", "responsive"], outputs: ["pageChange", "pageSizeChange"], exportAs: ["kendoDataPager", "kendoPager"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeListComponent, decorators: [{
             type: Component,
@@ -2223,6 +2283,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         FilterService,
                         ResponsiveService,
                         PagerContextService,
+                        PagerNavigationService,
                         ExcelService,
                         ScrollSyncService,
                         ResizeService,
@@ -2255,7 +2316,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     selector: 'kendo-treelist',
                     template: `
         <ng-container kendoTreeListLocalizedMessages
-
             i18n-noRecords="kendo.treelist.noRecords|The label visible in the TreeList when there are no records"
             noRecords="No records available."
 
@@ -2289,6 +2349,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             i18n-pagerItemsTotal="kendo.treelist.pagerItemsTotal|The label after the total items count in the TreeList pager"
             pagerItemsTotal="items total"
 
+            i18n-pagerInputLabel="kendo.treelist.pagerInputLabel|The text of the aria-label attribute applied to the input element for entering the page number"
+            pagerInputLabel="Type a page number"
+
             i18n-filterCellOperatorLabel="kendo.treelist.filterCellOperatorLabel|The label of the filter cell operators dropdown"
             filterCellOperatorLabel="{{ 'Filter cell operators for {columnName}' }}"
 
@@ -2409,8 +2472,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             i18n-columnsReset="kendo.treelist.columnsReset|The text shown in the column menu or column chooser for the columns reset button"
             columnsReset="Reset"
 
-            i18n-selectPage="kendo.treelist.selectPage|The text of the title and aria-label attributes applied to the page chooser in the TreeList Pager"
-            selectPage="Select page"
+            i18n-pagerSelectPage="kendo.treelist.pagerSelectPage|The text of the title and aria-label attributes applied to the page chooser in the TreeList Pager"
+            pagerSelectPage="Select page"
 
             i18n-topToolbarLabel="kendo.treelist.topToolbarLabel|The label of the TreeList top toolbar"
             topToolbarLabel="Top toolbar"
@@ -2600,18 +2663,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 </div>
             </ng-template>
         </div>
-        <kendo-treelist-pager
+        <kendo-pager
+            #pager
             *ngIf="showPager"
-            [template]="pagerTemplate"
+            class="k-grid-pager"
+            [navigable]="navigable"
             [pageSize]="pageSize"
             [total]="view.totalVisible"
-            [allCount]="view.total"
             [skip]="skip"
-            [navigable]="navigable"
-            [attr.aria-controls]="ariaRootId"
-            [options]="pageable"
+            [responsive]="normalizedPageableSettings.responsive && !pagerTemplate"
+            [buttonCount]="normalizedPageableSettings.buttonCount"
+            [info]="normalizedPageableSettings.info"
+            [pageSizeValues]="normalizedPageableSettings.pageSizes"
+            [previousNext]="normalizedPageableSettings.previousNext"
+            [type]="normalizedPageableSettings.type"
             (pageChange)="notifyPageChange('pager', $event)">
-        </kendo-treelist-pager>
+            <ng-template kendoPagerTemplate>
+                <ng-container 
+                    [ngTemplateOutlet]="pagerTemplate ? pagerTemplate?.templateRef : defaultPager"
+                    [ngTemplateOutletContext]="pager.templateContext"></ng-container>
+            </ng-template>
+            <kendo-pager-messages
+                [ariaLabel]="messageFor('pagerLabel')"
+                [firstPage]="messageFor('pagerFirstPage')"
+                [inputLabel]="messageFor('pagerInputLabel')"
+                [previousPage]="messageFor('pagerPreviousPage')"
+                [nextPage]="messageFor('pagerNextPage')"
+                [lastPage]="messageFor('pagerLastPage')"
+                [selectPage]="messageFor('pagerSelectPage')"
+                [page]="messageFor('pagerPage')"
+                [itemsPerPage]="messageFor('pagerItemsPerPage')"
+                [items]="messageFor('pagerItems')"
+                [of]="messageFor('pagerOf')"
+                [pageNumberInputTitle]="messageFor('pagerPageNumberInputTitle')">
+            </kendo-pager-messages>
+        </kendo-pager>
         <kendo-treelist-toolbar
             *ngIf="showBottomToolbar"
             class="k-toolbar k-grid-toolbar k-grid-toolbar-bottom k-toolbar-md"
@@ -2629,9 +2715,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             </kendo-icon-wrapper>
             {{hintText}}
         </ng-template>
+
+        <ng-template #defaultPager>
+            <div class="k-pager-numbers-wrap">
+                <kendo-pager-prev-buttons *ngIf="normalizedPageableSettings.previousNext"></kendo-pager-prev-buttons>
+                <kendo-pager-numeric-buttons
+                    *ngIf="normalizedPageableSettings.type === 'numeric' && normalizedPageableSettings.buttonCount > 0"
+                    [buttonCount]="normalizedPageableSettings.buttonCount">
+                </kendo-pager-numeric-buttons>
+                <kendo-pager-input *ngIf="normalizedPageableSettings.type === 'input'"></kendo-pager-input>
+                <kendo-pager-next-buttons *ngIf="normalizedPageableSettings.previousNext"></kendo-pager-next-buttons>
+            </div>
+            <kendo-pager-page-sizes *ngIf="normalizedPageableSettings.pageSizes"
+                [pageSizes]="normalizedPageableSettings.pageSizes">
+            </kendo-pager-page-sizes>
+            <kendo-pager-info *ngIf="normalizedPageableSettings.info">
+            </kendo-pager-info>
+            <kendo-pager-messages
+                [ariaLabel]="messageFor('pagerLabel')"
+                [firstPage]="messageFor('pagerFirstPage')"
+                [inputLabel]="messageFor('pagerInputLabel')"
+                [previousPage]="messageFor('pagerPreviousPage')"
+                [nextPage]="messageFor('pagerNextPage')"
+                [lastPage]="messageFor('pagerLastPage')"
+                [selectPage]="messageFor('pagerSelectPage')"
+                [page]="messageFor('pagerPage')"
+                [itemsPerPage]="messageFor('pagerItemsPerPage')"
+                [items]="messageFor('pagerItems')"
+                [of]="messageFor('pagerOf')"
+                [pageNumberInputTitle]="messageFor('pagerPageNumberInputTitle')">
+            </kendo-pager-messages>
+        </ng-template>
     `,
                     standalone: true,
-                    imports: [LocalizedMessagesDirective, NgIf, ToolbarComponent, DragTargetContainerDirective, DropTargetContainerDirective, TableDirective, ColGroupComponent, HeaderComponent, ResizableContainerDirective, ListComponent, DraggableDirective, MarqueeDirective, TableBodyComponent, LoadingComponent, PagerComponent, IconWrapperComponent]
+                    imports: [LocalizedMessagesDirective, NgIf, NgTemplateOutlet, ToolbarComponent, DragTargetContainerDirective, DropTargetContainerDirective,
+                        TableDirective, ColGroupComponent, HeaderComponent, ResizableContainerDirective, ListComponent, DraggableDirective, MarqueeDirective,
+                        TableBodyComponent, LoadingComponent, ...KENDO_PAGER, IconWrapperComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i1.BrowserSupportService }, { type: i0.ElementRef }, { type: i2.ChangeNotificationService }, { type: i3.EditService }, { type: i4.FilterService }, { type: i5.PDFService }, { type: i6.ResponsiveService }, { type: i0.Renderer2 }, { type: i7.ExcelService }, { type: i0.NgZone }, { type: i8.ScrollSyncService }, { type: i9.DomEventsService }, { type: i10.ColumnResizingService }, { type: i0.ChangeDetectorRef }, { type: i11.ColumnReorderService }, { type: i12.ColumnInfoService }, { type: i13.NavigationService }, { type: i14.SortService }, { type: i15.ScrollRequestService }, { type: i16.ExpandStateService }, { type: i17.OptionChangesService }, { type: i18.SelectionService }, { type: i19.LocalizationService }, { type: i20.ContextService }, { type: i21.RowReorderService }]; }, propDecorators: { ariaLabel: [{
                 type: Input,

package/esm2022/treelist.module.mjs

@@ -10,7 +10,7 @@ import { PopupService } from '@progress/kendo-angular-popup';
 import { DialogContainerService, DialogService, WindowContainerService, WindowService } from '@progress/kendo-angular-dialog';
 import { KENDO_TREELIST } from './directives';
 import { TableDirective } from './column-resizing/table.directive';
-import { ToolBarModule } from '@progress/kendo-angular-toolbar';
+import { KENDO_TOOLBAR } from '@progress/kendo-angular-toolbar';
 import * as i0 from "@angular/core";
 import * as i1 from "./treelist.component";
 import * as i2 from "./rendering/toolbar/toolbar-template.directive";
@@ -39,80 +39,74 @@ import * as i24 from "./rendering/common/loading.component";
 import * as i25 from "./filtering/cell/filter-cell-operators.component";
 import * as i26 from "./columns/checkbox-column.component";
 import * as i27 from "./columns/rowreorder-column.component";
-import * as i28 from "./columns/command-column.component";
-import * as i29 from "./rendering/cell-template.directive";
-import * as i30 from "./rendering/cell.component";
-import * as i31 from "./rendering/no-records-template.directive";
-import * as i32 from "./editing/edit-template.directive";
-import * as i33 from "./editing/edit-command.directive";
-import * as i34 from "./editing/cancel-command.directive";
-import * as i35 from "./editing/save-command.directive";
-import * as i36 from "./editing/remove-command.directive";
-import * as i37 from "./editing/add-command.directive";
-import * as i38 from "./editing/add-command-tool.directive";
-import * as i39 from "./rendering/footer-template.directive";
-import * as i40 from "./rendering/header/header.component";
-import * as i41 from "./rendering/header/header-template.directive";
-import * as i42 from "./column-resizing/column-handle.directive";
-import * as i43 from "./pager/pager.component";
-import * as i44 from "./pager/pager-prev-buttons.component";
-import * as i45 from "./pager/pager-next-buttons.component";
-import * as i46 from "./pager/pager-numeric-buttons.component";
-import * as i47 from "./pager/pager-input.component";
-import * as i48 from "./pager/pager-info.component";
-import * as i49 from "./pager/pager-page-sizes.component";
-import * as i50 from "./pager/pager-template.directive";
-import * as i51 from "./filtering/filter-row.component";
-import * as i52 from "./filtering/cell/filter-cell.component";
-import * as i53 from "./filtering/cell/filter-cell-template.directive";
-import * as i54 from "./filtering/cell/string-filter-cell.component";
-import * as i55 from "./filtering/cell/numeric-filter-cell.component";
-import * as i56 from "./filtering/cell/autocomplete-filter-cell.component";
-import * as i57 from "./filtering/cell/boolean-filter-cell.component";
-import * as i58 from "./filtering/cell/filter-cell-host.directive";
-import * as i59 from "./filtering/cell/filter-cell-wrapper.component";
-import * as i60 from "./filtering/cell/date-filter-cell.component";
-import * as i61 from "./filtering/operators/contains-filter-operator.component";
-import * as i62 from "./filtering/operators/not-contains-filter-operator.component";
-import * as i63 from "./filtering/operators/ends-with-filter-operator.component";
-import * as i64 from "./filtering/operators/eq-filter-operator.component";
-import * as i65 from "./filtering/operators/is-empty-filter-operator.component";
-import * as i66 from "./filtering/operators/is-not-empty-filter-operator.component";
-import * as i67 from "./filtering/operators/is-not-null-filter-operator.component";
-import * as i68 from "./filtering/operators/isnull-filter-operator.component";
-import * as i69 from "./filtering/operators/neq-filter-operator.component";
-import * as i70 from "./filtering/operators/starts-with-filter-operator.component";
-import * as i71 from "./filtering/operators/gt-filter-operator.component";
-import * as i72 from "./filtering/operators/gte-filter-operator.component";
-import * as i73 from "./filtering/operators/lt-filter-operator.component";
-import * as i74 from "./filtering/operators/lte-filter-operator.component";
-import * as i75 from "./filtering/operators/after-filter-operator.component";
-import * as i76 from "./filtering/operators/after-eq-filter-operator.component";
-import * as i77 from "./filtering/operators/before-eq-filter-operator.component";
-import * as i78 from "./filtering/operators/before-filter-operator.component";
-import * as i79 from "./filtering/filter-input.directive";
-import * as i80 from "./filtering/menu/filter-menu.component";
-import * as i81 from "./filtering/menu/filter-menu-container.component";
-import * as i82 from "./filtering/menu/filter-menu-input-wrapper.component";
-import * as i83 from "./filtering/menu/string-filter-menu-input.component";
-import * as i84 from "./filtering/menu/string-filter-menu.component";
-import * as i85 from "./filtering/menu/filter-menu-template.directive";
-import * as i86 from "./filtering/menu/numeric-filter-menu.component";
-import * as i87 from "./filtering/menu/numeric-filter-menu-input.component";
-import * as i88 from "./filtering/menu/date-filter-menu-input.component";
-import * as i89 from "./filtering/menu/date-filter-menu.component";
-import * as i90 from "./filtering/menu/filter-menu-host.directive";
-import * as i91 from "./filtering/menu/boolean-filter-menu.component";
-import * as i92 from "./filtering/menu/filter-radio-button.directive";
-import * as i93 from "./column-menu/column-chooser.component";
-import * as i94 from "./column-menu/column-menu-chooser.component";
-import * as i95 from "./column-menu/column-menu-filter.component";
-import * as i96 from "./column-menu/column-menu-item.component";
-import * as i97 from "./column-menu/column-menu-item-content-template.directive";
-import * as i98 from "./column-menu/column-menu-sort.component";
-import * as i99 from "./column-menu/column-menu.component";
-import * as i100 from "./column-menu/column-menu-lock.component";
-import * as i101 from "./column-menu/column-menu-template.directive";
+import * as i28 from "@progress/kendo-angular-pager";
+import * as i29 from "./columns/command-column.component";
+import * as i30 from "./rendering/cell-template.directive";
+import * as i31 from "./rendering/cell.component";
+import * as i32 from "./rendering/no-records-template.directive";
+import * as i33 from "./editing/edit-template.directive";
+import * as i34 from "./editing/edit-command.directive";
+import * as i35 from "./editing/cancel-command.directive";
+import * as i36 from "./editing/save-command.directive";
+import * as i37 from "./editing/remove-command.directive";
+import * as i38 from "./editing/add-command.directive";
+import * as i39 from "./editing/add-command-tool.directive";
+import * as i40 from "./rendering/footer-template.directive";
+import * as i41 from "./rendering/header/header.component";
+import * as i42 from "./rendering/header/header-template.directive";
+import * as i43 from "./column-resizing/column-handle.directive";
+import * as i44 from "./filtering/filter-row.component";
+import * as i45 from "./filtering/cell/filter-cell.component";
+import * as i46 from "./filtering/cell/filter-cell-template.directive";
+import * as i47 from "./filtering/cell/string-filter-cell.component";
+import * as i48 from "./filtering/cell/numeric-filter-cell.component";
+import * as i49 from "./filtering/cell/autocomplete-filter-cell.component";
+import * as i50 from "./filtering/cell/boolean-filter-cell.component";
+import * as i51 from "./filtering/cell/filter-cell-host.directive";
+import * as i52 from "./filtering/cell/filter-cell-wrapper.component";
+import * as i53 from "./filtering/cell/date-filter-cell.component";
+import * as i54 from "./filtering/operators/contains-filter-operator.component";
+import * as i55 from "./filtering/operators/not-contains-filter-operator.component";
+import * as i56 from "./filtering/operators/ends-with-filter-operator.component";
+import * as i57 from "./filtering/operators/eq-filter-operator.component";
+import * as i58 from "./filtering/operators/is-empty-filter-operator.component";
+import * as i59 from "./filtering/operators/is-not-empty-filter-operator.component";
+import * as i60 from "./filtering/operators/is-not-null-filter-operator.component";
+import * as i61 from "./filtering/operators/isnull-filter-operator.component";
+import * as i62 from "./filtering/operators/neq-filter-operator.component";
+import * as i63 from "./filtering/operators/starts-with-filter-operator.component";
+import * as i64 from "./filtering/operators/gt-filter-operator.component";
+import * as i65 from "./filtering/operators/gte-filter-operator.component";
+import * as i66 from "./filtering/operators/lt-filter-operator.component";
+import * as i67 from "./filtering/operators/lte-filter-operator.component";
+import * as i68 from "./filtering/operators/after-filter-operator.component";
+import * as i69 from "./filtering/operators/after-eq-filter-operator.component";
+import * as i70 from "./filtering/operators/before-eq-filter-operator.component";
+import * as i71 from "./filtering/operators/before-filter-operator.component";
+import * as i72 from "./filtering/filter-input.directive";
+import * as i73 from "./filtering/menu/filter-menu.component";
+import * as i74 from "./filtering/menu/filter-menu-container.component";
+import * as i75 from "./filtering/menu/filter-menu-input-wrapper.component";
+import * as i76 from "./filtering/menu/string-filter-menu-input.component";
+import * as i77 from "./filtering/menu/string-filter-menu.component";
+import * as i78 from "./filtering/menu/filter-menu-template.directive";
+import * as i79 from "./filtering/menu/numeric-filter-menu.component";
+import * as i80 from "./filtering/menu/numeric-filter-menu-input.component";
+import * as i81 from "./filtering/menu/date-filter-menu-input.component";
+import * as i82 from "./filtering/menu/date-filter-menu.component";
+import * as i83 from "./filtering/menu/filter-menu-host.directive";
+import * as i84 from "./filtering/menu/boolean-filter-menu.component";
+import * as i85 from "./filtering/menu/filter-radio-button.directive";
+import * as i86 from "./column-menu/column-chooser.component";
+import * as i87 from "./column-menu/column-menu-chooser.component";
+import * as i88 from "./column-menu/column-menu-filter.component";
+import * as i89 from "./column-menu/column-menu-item.component";
+import * as i90 from "./column-menu/column-menu-item-content-template.directive";
+import * as i91 from "./column-menu/column-menu-sort.component";
+import * as i92 from "./column-menu/column-menu.component";
+import * as i93 from "./column-menu/column-menu-lock.component";
+import * as i94 from "./column-menu/column-menu-template.directive";
+import * as i95 from "@progress/kendo-angular-toolbar";
 // IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
@@ -137,7 +131,7 @@ import * as i101 from "./column-menu/column-menu-template.directive";
  */
 export class TreeListModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TreeListModule, imports: [i1.TreeListComponent, i2.ToolbarTemplateDirective, i3.ToolbarComponent, i4.TreeListSpacerComponent, i5.CustomMessagesComponent, i6.TemplateEditingDirective, i7.ReactiveEditingDirective, i8.InCellEditingDirective, i9.HierarchyBindingDirective, i10.FlatBindingDirective, i11.ExpandableDirective, i12.SelectableDirective, i13.TreeListToolbarFocusableDirective, i14.ColumnComponent, i15.ColumnGroupComponent, i16.LogicalCellDirective, i17.LogicalRowDirective, i18.FocusableDirective, i19.ColGroupComponent, i20.ResizableContainerDirective, i21.TemplateContextDirective, i22.FieldAccessorPipe, i23.SpanColumnComponent, i24.LoadingComponent, i25.FilterCellOperatorsComponent, i26.CheckboxColumnComponent, i27.RowReorderColumnComponent, i28.CommandColumnComponent, i29.CellTemplateDirective, i30.CellComponent, i31.NoRecordsTemplateDirective, i32.EditTemplateDirective, i33.EditCommandDirective, i34.CancelCommandDirective, i35.SaveCommandDirective, i36.RemoveCommandDirective, i37.AddCommandDirective, i38.AddCommandToolbarDirective, i39.FooterTemplateDirective, i40.HeaderComponent, i41.HeaderTemplateDirective, i42.ColumnHandleDirective, i43.PagerComponent, i44.PagerPrevButtonsComponent, i45.PagerNextButtonsComponent, i46.PagerNumericButtonsComponent, i47.PagerInputComponent, i48.PagerInfoComponent, i49.PagerPageSizesComponent, i50.PagerTemplateDirective, i51.FilterRowComponent, i52.FilterCellComponent, i53.FilterCellTemplateDirective, i54.StringFilterCellComponent, i55.NumericFilterCellComponent, i56.AutoCompleteFilterCellComponent, i57.BooleanFilterCellComponent, i58.FilterCellHostDirective, i59.FilterCellWrapperComponent, i60.DateFilterCellComponent, i25.FilterCellOperatorsComponent, i61.ContainsFilterOperatorComponent, i62.DoesNotContainFilterOperatorComponent, i63.EndsWithFilterOperatorComponent, i64.EqualFilterOperatorComponent, i65.IsEmptyFilterOperatorComponent, i66.IsNotEmptyFilterOperatorComponent, i67.IsNotNullFilterOperatorComponent, i68.IsNullFilterOperatorComponent, i69.NotEqualFilterOperatorComponent, i70.StartsWithFilterOperatorComponent, i71.GreaterFilterOperatorComponent, i72.GreaterOrEqualToFilterOperatorComponent, i73.LessFilterOperatorComponent, i74.LessOrEqualToFilterOperatorComponent, i75.AfterFilterOperatorComponent, i76.AfterEqFilterOperatorComponent, i77.BeforeEqFilterOperatorComponent, i78.BeforeFilterOperatorComponent, i79.FilterInputDirective, i14.ColumnComponent, i15.ColumnGroupComponent, i16.LogicalCellDirective, i17.LogicalRowDirective, i18.FocusableDirective, i19.ColGroupComponent, i20.ResizableContainerDirective, i21.TemplateContextDirective, i22.FieldAccessorPipe, i23.SpanColumnComponent, i24.LoadingComponent, i25.FilterCellOperatorsComponent, i26.CheckboxColumnComponent, i27.RowReorderColumnComponent, i80.FilterMenuComponent, i81.FilterMenuContainerComponent, i82.FilterMenuInputWrapperComponent, i83.StringFilterMenuInputComponent, i84.StringFilterMenuComponent, i85.FilterMenuTemplateDirective, i86.NumericFilterMenuComponent, i87.NumericFilterMenuInputComponent, i88.DateFilterMenuInputComponent, i89.DateFilterMenuComponent, i90.FilterMenuHostDirective, i91.BooleanFilterMenuComponent, i92.BooleanFilterRadioButtonDirective, i93.ColumnChooserComponent, i94.ColumnMenuChooserComponent, i95.ColumnMenuFilterComponent, i96.ColumnMenuItemComponent, i97.ColumnMenuItemContentTemplateDirective, i98.ColumnMenuSortComponent, i99.ColumnMenuComponent, i100.ColumnMenuLockComponent, i101.ColumnMenuTemplateDirective, TableDirective], exports: [i1.TreeListComponent, i2.ToolbarTemplateDirective, i3.ToolbarComponent, i4.TreeListSpacerComponent, i5.CustomMessagesComponent, i6.TemplateEditingDirective, i7.ReactiveEditingDirective, i8.InCellEditingDirective, i9.HierarchyBindingDirective, i10.FlatBindingDirective, i11.ExpandableDirective, i12.SelectableDirective, i13.TreeListToolbarFocusableDirective, i14.ColumnComponent, i15.ColumnGroupComponent, i16.LogicalCellDirective, i17.LogicalRowDirective, i18.FocusableDirective, i19.ColGroupComponent, i20.ResizableContainerDirective, i21.TemplateContextDirective, i22.FieldAccessorPipe, i23.SpanColumnComponent, i24.LoadingComponent, i25.FilterCellOperatorsComponent, i26.CheckboxColumnComponent, i27.RowReorderColumnComponent, i28.CommandColumnComponent, i29.CellTemplateDirective, i30.CellComponent, i31.NoRecordsTemplateDirective, i32.EditTemplateDirective, i33.EditCommandDirective, i34.CancelCommandDirective, i35.SaveCommandDirective, i36.RemoveCommandDirective, i37.AddCommandDirective, i38.AddCommandToolbarDirective, i39.FooterTemplateDirective, i40.HeaderComponent, i41.HeaderTemplateDirective, i42.ColumnHandleDirective, i43.PagerComponent, i44.PagerPrevButtonsComponent, i45.PagerNextButtonsComponent, i46.PagerNumericButtonsComponent, i47.PagerInputComponent, i48.PagerInfoComponent, i49.PagerPageSizesComponent, i50.PagerTemplateDirective, i51.FilterRowComponent, i52.FilterCellComponent, i53.FilterCellTemplateDirective, i54.StringFilterCellComponent, i55.NumericFilterCellComponent, i56.AutoCompleteFilterCellComponent, i57.BooleanFilterCellComponent, i58.FilterCellHostDirective, i59.FilterCellWrapperComponent, i60.DateFilterCellComponent, i25.FilterCellOperatorsComponent, i61.ContainsFilterOperatorComponent, i62.DoesNotContainFilterOperatorComponent, i63.EndsWithFilterOperatorComponent, i64.EqualFilterOperatorComponent, i65.IsEmptyFilterOperatorComponent, i66.IsNotEmptyFilterOperatorComponent, i67.IsNotNullFilterOperatorComponent, i68.IsNullFilterOperatorComponent, i69.NotEqualFilterOperatorComponent, i70.StartsWithFilterOperatorComponent, i71.GreaterFilterOperatorComponent, i72.GreaterOrEqualToFilterOperatorComponent, i73.LessFilterOperatorComponent, i74.LessOrEqualToFilterOperatorComponent, i75.AfterFilterOperatorComponent, i76.AfterEqFilterOperatorComponent, i77.BeforeEqFilterOperatorComponent, i78.BeforeFilterOperatorComponent, i79.FilterInputDirective, i14.ColumnComponent, i15.ColumnGroupComponent, i16.LogicalCellDirective, i17.LogicalRowDirective, i18.FocusableDirective, i19.ColGroupComponent, i20.ResizableContainerDirective, i21.TemplateContextDirective, i22.FieldAccessorPipe, i23.SpanColumnComponent, i24.LoadingComponent, i25.FilterCellOperatorsComponent, i26.CheckboxColumnComponent, i27.RowReorderColumnComponent, i80.FilterMenuComponent, i81.FilterMenuContainerComponent, i82.FilterMenuInputWrapperComponent, i83.StringFilterMenuInputComponent, i84.StringFilterMenuComponent, i85.FilterMenuTemplateDirective, i86.NumericFilterMenuComponent, i87.NumericFilterMenuInputComponent, i88.DateFilterMenuInputComponent, i89.DateFilterMenuComponent, i90.FilterMenuHostDirective, i91.BooleanFilterMenuComponent, i92.BooleanFilterRadioButtonDirective, i93.ColumnChooserComponent, i94.ColumnMenuChooserComponent, i95.ColumnMenuFilterComponent, i96.ColumnMenuItemComponent, i97.ColumnMenuItemContentTemplateDirective, i98.ColumnMenuSortComponent, i99.ColumnMenuComponent, i100.ColumnMenuLockComponent, i101.ColumnMenuTemplateDirective, ToolBarModule] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TreeListModule, imports: [i1.TreeListComponent, i2.ToolbarTemplateDirective, i3.ToolbarComponent, i4.TreeListSpacerComponent, i5.CustomMessagesComponent, i6.TemplateEditingDirective, i7.ReactiveEditingDirective, i8.InCellEditingDirective, i9.HierarchyBindingDirective, i10.FlatBindingDirective, i11.ExpandableDirective, i12.SelectableDirective, i13.TreeListToolbarFocusableDirective, i14.ColumnComponent, i15.ColumnGroupComponent, i16.LogicalCellDirective, i17.LogicalRowDirective, i18.FocusableDirective, i19.ColGroupComponent, i20.ResizableContainerDirective, i21.TemplateContextDirective, i22.FieldAccessorPipe, i23.SpanColumnComponent, i24.LoadingComponent, i25.FilterCellOperatorsComponent, i26.CheckboxColumnComponent, i27.RowReorderColumnComponent, i28.CustomMessagesComponent, i28.PagerFocusableDirective, i28.PagerInfoComponent, i28.PagerInputComponent, i28.PagerNextButtonsComponent, i28.PagerNumericButtonsComponent, i28.PagerPageSizesComponent, i28.PagerPrevButtonsComponent, i28.PagerTemplateDirective, i28.PagerComponent, i28.PagerSpacerComponent, i29.CommandColumnComponent, i30.CellTemplateDirective, i31.CellComponent, i32.NoRecordsTemplateDirective, i33.EditTemplateDirective, i34.EditCommandDirective, i35.CancelCommandDirective, i36.SaveCommandDirective, i37.RemoveCommandDirective, i38.AddCommandDirective, i39.AddCommandToolbarDirective, i40.FooterTemplateDirective, i41.HeaderComponent, i42.HeaderTemplateDirective, i43.ColumnHandleDirective, i44.FilterRowComponent, i45.FilterCellComponent, i46.FilterCellTemplateDirective, i47.StringFilterCellComponent, i48.NumericFilterCellComponent, i49.AutoCompleteFilterCellComponent, i50.BooleanFilterCellComponent, i51.FilterCellHostDirective, i52.FilterCellWrapperComponent, i53.DateFilterCellComponent, i25.FilterCellOperatorsComponent, i54.ContainsFilterOperatorComponent, i55.DoesNotContainFilterOperatorComponent, i56.EndsWithFilterOperatorComponent, i57.EqualFilterOperatorComponent, i58.IsEmptyFilterOperatorComponent, i59.IsNotEmptyFilterOperatorComponent, i60.IsNotNullFilterOperatorComponent, i61.IsNullFilterOperatorComponent, i62.NotEqualFilterOperatorComponent, i63.StartsWithFilterOperatorComponent, i64.GreaterFilterOperatorComponent, i65.GreaterOrEqualToFilterOperatorComponent, i66.LessFilterOperatorComponent, i67.LessOrEqualToFilterOperatorComponent, i68.AfterFilterOperatorComponent, i69.AfterEqFilterOperatorComponent, i70.BeforeEqFilterOperatorComponent, i71.BeforeFilterOperatorComponent, i72.FilterInputDirective, i14.ColumnComponent, i15.ColumnGroupComponent, i16.LogicalCellDirective, i17.LogicalRowDirective, i18.FocusableDirective, i19.ColGroupComponent, i20.ResizableContainerDirective, i21.TemplateContextDirective, i22.FieldAccessorPipe, i23.SpanColumnComponent, i24.LoadingComponent, i25.FilterCellOperatorsComponent, i26.CheckboxColumnComponent, i27.RowReorderColumnComponent, i28.CustomMessagesComponent, i28.PagerFocusableDirective, i28.PagerInfoComponent, i28.PagerInputComponent, i28.PagerNextButtonsComponent, i28.PagerNumericButtonsComponent, i28.PagerPageSizesComponent, i28.PagerPrevButtonsComponent, i28.PagerTemplateDirective, i28.PagerComponent, i28.PagerSpacerComponent, i73.FilterMenuComponent, i74.FilterMenuContainerComponent, i75.FilterMenuInputWrapperComponent, i76.StringFilterMenuInputComponent, i77.StringFilterMenuComponent, i78.FilterMenuTemplateDirective, i79.NumericFilterMenuComponent, i80.NumericFilterMenuInputComponent, i81.DateFilterMenuInputComponent, i82.DateFilterMenuComponent, i83.FilterMenuHostDirective, i84.BooleanFilterMenuComponent, i85.BooleanFilterRadioButtonDirective, i86.ColumnChooserComponent, i87.ColumnMenuChooserComponent, i88.ColumnMenuFilterComponent, i89.ColumnMenuItemComponent, i90.ColumnMenuItemContentTemplateDirective, i91.ColumnMenuSortComponent, i92.ColumnMenuComponent, i93.ColumnMenuLockComponent, i94.ColumnMenuTemplateDirective, i95.ToolBarComponent, i95.ToolbarCustomMessagesComponent, i95.ToolBarButtonComponent, i95.ToolBarButtonGroupComponent, i95.ToolBarDropDownButtonComponent, i95.ToolBarSeparatorComponent, i95.ToolBarSpacerComponent, i95.ToolBarSplitButtonComponent, i95.ToolBarToolComponent, TableDirective], exports: [i1.TreeListComponent, i2.ToolbarTemplateDirective, i3.ToolbarComponent, i4.TreeListSpacerComponent, i5.CustomMessagesComponent, i6.TemplateEditingDirective, i7.ReactiveEditingDirective, i8.InCellEditingDirective, i9.HierarchyBindingDirective, i10.FlatBindingDirective, i11.ExpandableDirective, i12.SelectableDirective, i13.TreeListToolbarFocusableDirective, i14.ColumnComponent, i15.ColumnGroupComponent, i16.LogicalCellDirective, i17.LogicalRowDirective, i18.FocusableDirective, i19.ColGroupComponent, i20.ResizableContainerDirective, i21.TemplateContextDirective, i22.FieldAccessorPipe, i23.SpanColumnComponent, i24.LoadingComponent, i25.FilterCellOperatorsComponent, i26.CheckboxColumnComponent, i27.RowReorderColumnComponent, i28.CustomMessagesComponent, i28.PagerFocusableDirective, i28.PagerInfoComponent, i28.PagerInputComponent, i28.PagerNextButtonsComponent, i28.PagerNumericButtonsComponent, i28.PagerPageSizesComponent, i28.PagerPrevButtonsComponent, i28.PagerTemplateDirective, i28.PagerComponent, i28.PagerSpacerComponent, i29.CommandColumnComponent, i30.CellTemplateDirective, i31.CellComponent, i32.NoRecordsTemplateDirective, i33.EditTemplateDirective, i34.EditCommandDirective, i35.CancelCommandDirective, i36.SaveCommandDirective, i37.RemoveCommandDirective, i38.AddCommandDirective, i39.AddCommandToolbarDirective, i40.FooterTemplateDirective, i41.HeaderComponent, i42.HeaderTemplateDirective, i43.ColumnHandleDirective, i44.FilterRowComponent, i45.FilterCellComponent, i46.FilterCellTemplateDirective, i47.StringFilterCellComponent, i48.NumericFilterCellComponent, i49.AutoCompleteFilterCellComponent, i50.BooleanFilterCellComponent, i51.FilterCellHostDirective, i52.FilterCellWrapperComponent, i53.DateFilterCellComponent, i25.FilterCellOperatorsComponent, i54.ContainsFilterOperatorComponent, i55.DoesNotContainFilterOperatorComponent, i56.EndsWithFilterOperatorComponent, i57.EqualFilterOperatorComponent, i58.IsEmptyFilterOperatorComponent, i59.IsNotEmptyFilterOperatorComponent, i60.IsNotNullFilterOperatorComponent, i61.IsNullFilterOperatorComponent, i62.NotEqualFilterOperatorComponent, i63.StartsWithFilterOperatorComponent, i64.GreaterFilterOperatorComponent, i65.GreaterOrEqualToFilterOperatorComponent, i66.LessFilterOperatorComponent, i67.LessOrEqualToFilterOperatorComponent, i68.AfterFilterOperatorComponent, i69.AfterEqFilterOperatorComponent, i70.BeforeEqFilterOperatorComponent, i71.BeforeFilterOperatorComponent, i72.FilterInputDirective, i14.ColumnComponent, i15.ColumnGroupComponent, i16.LogicalCellDirective, i17.LogicalRowDirective, i18.FocusableDirective, i19.ColGroupComponent, i20.ResizableContainerDirective, i21.TemplateContextDirective, i22.FieldAccessorPipe, i23.SpanColumnComponent, i24.LoadingComponent, i25.FilterCellOperatorsComponent, i26.CheckboxColumnComponent, i27.RowReorderColumnComponent, i28.CustomMessagesComponent, i28.PagerFocusableDirective, i28.PagerInfoComponent, i28.PagerInputComponent, i28.PagerNextButtonsComponent, i28.PagerNumericButtonsComponent, i28.PagerPageSizesComponent, i28.PagerPrevButtonsComponent, i28.PagerTemplateDirective, i28.PagerComponent, i28.PagerSpacerComponent, i73.FilterMenuComponent, i74.FilterMenuContainerComponent, i75.FilterMenuInputWrapperComponent, i76.StringFilterMenuInputComponent, i77.StringFilterMenuComponent, i78.FilterMenuTemplateDirective, i79.NumericFilterMenuComponent, i80.NumericFilterMenuInputComponent, i81.DateFilterMenuInputComponent, i82.DateFilterMenuComponent, i83.FilterMenuHostDirective, i84.BooleanFilterMenuComponent, i85.BooleanFilterRadioButtonDirective, i86.ColumnChooserComponent, i87.ColumnMenuChooserComponent, i88.ColumnMenuFilterComponent, i89.ColumnMenuItemComponent, i90.ColumnMenuItemContentTemplateDirective, i91.ColumnMenuSortComponent, i92.ColumnMenuComponent, i93.ColumnMenuLockComponent, i94.ColumnMenuTemplateDirective, i95.ToolBarComponent, i95.ToolbarCustomMessagesComponent, i95.ToolBarButtonComponent, i95.ToolBarButtonGroupComponent, i95.ToolBarDropDownButtonComponent, i95.ToolBarSeparatorComponent, i95.ToolBarSpacerComponent, i95.ToolBarSplitButtonComponent, i95.ToolBarToolComponent] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeListModule, providers: [
             IconsService,
             ResizeBatchService,
@@ -152,13 +146,13 @@ export class TreeListModule {
             DialogService,
             WindowService,
             WindowContainerService
-        ], imports: [i1.TreeListComponent, i25.FilterCellOperatorsComponent, i30.CellComponent, i33.EditCommandDirective, i34.CancelCommandDirective, i35.SaveCommandDirective, i36.RemoveCommandDirective, i37.AddCommandDirective, i40.HeaderComponent, i43.PagerComponent, i44.PagerPrevButtonsComponent, i45.PagerNextButtonsComponent, i46.PagerNumericButtonsComponent, i47.PagerInputComponent, i49.PagerPageSizesComponent, i54.StringFilterCellComponent, i55.NumericFilterCellComponent, i56.AutoCompleteFilterCellComponent, i57.BooleanFilterCellComponent, i59.FilterCellWrapperComponent, i60.DateFilterCellComponent, i25.FilterCellOperatorsComponent, i25.FilterCellOperatorsComponent, i80.FilterMenuComponent, i81.FilterMenuContainerComponent, i82.FilterMenuInputWrapperComponent, i83.StringFilterMenuInputComponent, i84.StringFilterMenuComponent, i86.NumericFilterMenuComponent, i87.NumericFilterMenuInputComponent, i88.DateFilterMenuInputComponent, i89.DateFilterMenuComponent, i93.ColumnChooserComponent, i94.ColumnMenuChooserComponent, i95.ColumnMenuFilterComponent, i96.ColumnMenuItemComponent, i98.ColumnMenuSortComponent, i99.ColumnMenuComponent, i100.ColumnMenuLockComponent, ToolBarModule] });
+        ], imports: [i1.TreeListComponent, i25.FilterCellOperatorsComponent, i28.CustomMessagesComponent, i28.PagerInfoComponent, i28.PagerInputComponent, i28.PagerNextButtonsComponent, i28.PagerNumericButtonsComponent, i28.PagerPageSizesComponent, i28.PagerPrevButtonsComponent, i28.PagerComponent, i28.PagerSpacerComponent, i31.CellComponent, i34.EditCommandDirective, i35.CancelCommandDirective, i36.SaveCommandDirective, i37.RemoveCommandDirective, i38.AddCommandDirective, i41.HeaderComponent, i47.StringFilterCellComponent, i48.NumericFilterCellComponent, i49.AutoCompleteFilterCellComponent, i50.BooleanFilterCellComponent, i52.FilterCellWrapperComponent, i53.DateFilterCellComponent, i25.FilterCellOperatorsComponent, i25.FilterCellOperatorsComponent, i28.CustomMessagesComponent, i28.PagerInfoComponent, i28.PagerInputComponent, i28.PagerNextButtonsComponent, i28.PagerNumericButtonsComponent, i28.PagerPageSizesComponent, i28.PagerPrevButtonsComponent, i28.PagerComponent, i28.PagerSpacerComponent, i73.FilterMenuComponent, i74.FilterMenuContainerComponent, i75.FilterMenuInputWrapperComponent, i76.StringFilterMenuInputComponent, i77.StringFilterMenuComponent, i79.NumericFilterMenuComponent, i80.NumericFilterMenuInputComponent, i81.DateFilterMenuInputComponent, i82.DateFilterMenuComponent, i86.ColumnChooserComponent, i87.ColumnMenuChooserComponent, i88.ColumnMenuFilterComponent, i89.ColumnMenuItemComponent, i91.ColumnMenuSortComponent, i92.ColumnMenuComponent, i93.ColumnMenuLockComponent, i95.ToolBarComponent, i95.ToolbarCustomMessagesComponent, i95.ToolBarButtonComponent, i95.ToolBarButtonGroupComponent, i95.ToolBarDropDownButtonComponent, i95.ToolBarSeparatorComponent, i95.ToolBarSpacerComponent, i95.ToolBarSplitButtonComponent] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeListModule, decorators: [{
             type: NgModule,
             args: [{
-                    exports: [...KENDO_TREELIST, ToolBarModule],
-                    imports: [...KENDO_TREELIST, TableDirective],
+                    exports: [...KENDO_TREELIST, ...KENDO_TOOLBAR],
+                    imports: [...KENDO_TREELIST, ...KENDO_TOOLBAR, TableDirective],
                     providers: [
                         IconsService,
                         ResizeBatchService,