@progress/kendo-angular-treelist 17.0.0-develop.2 → 17.0.0-develop.21

package/README.md

@@ -2,34 +2,63 @@
 <img [width]="631" src="https://www.telerik.com/kendo-angular-ui/npm-banner.svg">
 </a>
 
-## Kendo UI for Angular TreeList Component
+## Kendo UI for Angular TreeList
 
-> **Important**
-> * This package is part of [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-treelist)&mdash;a commercial library.
-> * You will need to install a license key when adding the package to your project. For more information, please refer to the [Kendo UI for Angular My License page](https://www.telerik.com/kendo-angular-ui/my-license?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-treelist).
-> * To receive a license key, you need to either [purchase a license](https://www.telerik.com/purchase/kendo-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-treelist) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-treelist). Doing so indicates that you [accept the Kendo UI for Angular License Agreement](https://www.telerik.com/purchase/license-agreement/kendo-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-treelist).
+> * This package is part of [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui)&mdash;a commercial library designed and built for developing business applications with Angular. Every UI component in the Kendo UI for Angular suite has been built from the ground-up specifically for Angular.
+> * You must [install a license key](https://www.telerik.com/kendo-angular-ui/my-license) when adding the package to your project. To receive a license key, either [purchase a license](https://www.telerik.com/purchase/kendo-ui) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui).
 > * The 30-day free trial gives you access to all the Kendo UI for Angular components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI for Angular dev team!
 >
-> [Start using Kendo UI for Angular](https://www.telerik.com/download-login-v2-kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-treelist) and speed up your development process!
+> [Start using Kendo UI for Angular](https://www.telerik.com/download-login-v2-kendo-angular-ui) and speed up your development process!
 
-Kendo UI for Angular is a commercial UI library designed and built for developing business applications with Angular. Every UI component in the Kendo UI for Angular suite has been built from the ground-up specifically for Angular.
+## Angular TreeList Component
 
-The Kendo UI for Angular Tree List component is one of the most powerful and flexible data components designed for Angular developers looking to display relational data. The Angular Tree Grid is perfect for data that is homogenous and hierarchical, which means all data items have the same fields and each level aligns its columns with the parent and child elements. The Angular Tree Grid comes with critical features, including sorting, filtering, paging, editing and row and column virtualization to assist with handling large datasets. Each column of the Angular TreeList can be resized, reordered by dragging and dropping and hidden through the dedicated column menu. Moreover, users can customize the cells of the Angular TreeList with Angular templates to provide a custom look and feel.
+The [Kendo UI for Angular TreeList](https://www.telerik.com/kendo-angular-ui/treelist) is one of the most powerful and flexible data components designed for Angular developers looking to display relational data. The TreeList displays hierarchical data in a tabular format and comes with an extensive set of built-in features including paging, sorting, filtering, as well as row and column virtualization to assist with handling large datasets.
 
-## Resources
+## Key Features
+
+Among the many features which the Kendo UI for Angular TreeList delivers are:
+
+* [Data Binding](https://www.telerik.com/kendo-angular-ui/components/treelist/data-binding/basics)&mdash;The TreeList features built-in and custom data-binding directives, which encapsulate the logic for handling data operations such as sorting and filtering out-of-the-box.
+* [Editing](https://www.telerik.com/kendo-angular-ui/components/treelist/editing/)&mdash;Depending on your users' requirements, you can opt for the inline or the in-cell edit modes, provide editing from an external form or Redux Form, and also further customize the TreeList. 
+* [Paging](https://www.telerik.com/kendo-angular-ui/components/treelist/paging/basics)&mdash;Enables you to split its content into pages by adding a pager and using its extensive set of configuration options such as implementing a responsive behavior, customizing its appearance, defining the space between its elements, and more.
+* [Sorting](https://www.telerik.com/kendo-angular-ui/components/treelist/sorting/basics)&mdash;Supports a number of sorting options including sorting and unsorting single and multiple columns, pre-sorting its data records, setting the sorting direction, and more.
+* [Filtering](https://www.telerik.com/kendo-angular-ui/components/treelist/filtering/basics)&mdash;Provides options for displaying only those data records which meet specified criteria and also for additionally customizing its filtering behavior by using its built-in filter templates or reusable custom filter components.
+* Export to [PDF](https://www.telerik.com/kendo-angular-ui/components/treelist/export/pdf-export) and [Excel](https://www.telerik.com/kendo-angular-ui/components/treelist/export/excel-export)&mdash;When implementing the TreeList export to PDF, you can set the fonts, the exact portion and layout of the exported content, also customize the columns and other elements of the output result. When exporting to Excel, you can export specific data and customize the exported columns.
+* [Columns Options](https://www.telerik.com/kendo-angular-ui/components/treelist/columns/define-columns)&mdash;The TreeList provides an extensive collection of column configuration options, such as:
+    - [Hiding columns](https://www.telerik.com/kendo-angular-ui/components/treelist/columns/hidden)&mdash;Allows you to show or hide columns.
+    - [Spanning columns](https://www.telerik.com/kendo-angular-ui/components/treelist/columns/spanned) &mdash;Spanning of the row content over multiple cells of data.
+    - [Setting multi-column headers](https://www.telerik.com/kendo-angular-ui/components/treelist/columns/headers)&mdash;Grouping columns under a common header.
+    - [Column menu for quick actions](https://www.telerik.com/kendo-angular-ui/components/treelist/accessories/column-menu)&mdash;You can show or hide columns, filter, sort, and group them.
+    - [Locking (freezing) columns](https://www.telerik.com/kendo-angular-ui/components/treelist/columns/locked)&mdash;Allows you to display specific column data at all times.
+    - [Reordering columns](https://www.telerik.com/kendo-angular-ui/components/treelist/columns/reordering)&mdash;You can reorder any column and with any available TreeList feature, including locked columns.
+    - [Resizing columns](https://www.telerik.com/kendo-angular-ui/components/treelist/columns/resizing)&mdash;Allows you to resize columns in real-time by dragging the edges of the column headers.
+    - [Customizing columns](https://www.telerik.com/kendo-angular-ui/components/treelist/columns/templates)&mdash;Allows you to customize the columns of the TreeList using the available template directives.
+* [Row Reordering](https://www.telerik.com/kendo-angular-ui/components/treelist/row-reordering)&mdash;Enables quick and easy row reordering via dragging specified hint element and dropping it at the desired position.
+* [Selection](https://www.telerik.com/kendo-angular-ui/components/treelist/selection)&mdash;Allows the user to select single or multiple cells and rows. It offers various ways to select data items, including directly clicking on a row or via a checkbox column. You can also customize the selection logic and persist the selected items based on specific requirements. 
+* [Virtualization](https://www.telerik.com/kendo-angular-ui/components/treelist/scroll-modes/virtual)&mdash;Supports a virtual scroll mode for its row data, which means that the component dynamically renders only a portion of the rows, which boosts the performance of the component when it has to display large data tables.
+* [Styling](https://www.telerik.com/kendo-angular-ui/components/treelist/styling/columns)&mdash;Provides built-in options for customizing the appearance and changing the default layout of its columns and rows, as well as the individual cells.
+* [Globalization](https://www.telerik.com/kendo-angular-ui/components/treelist/globalization/)&mdash;By using the available globalization options in Kendo UI for Angular, you can translate the TreeList messages by adapting them to specific culture locales. Additionally, the TreeList supports rendering in a right-to-left (RTL) direction.
+* [Accessibility](https://www.telerik.com/kendo-angular-ui/components/treelist/accessibility/)&mdash;The Kendo UI for Angular TreeList is compliant with the Section 508 requirements. The TreeList is accessible by screen readers and provides WAI-ARIA support.
+* [Keyboard Navigation](https://www.telerik.com/kendo-angular-ui/components/treelist/keyboard-navigation)&mdash;The Kendo UI for Angular TreeList supports a number of keyboard shortcuts which allow users to accomplish various commands.
 
-* [Get Started with Kendo UI for Angular (requires trial registration)](https://www.telerik.com/kendo-angular-ui/getting-started?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-treelist)
-* [Demos, documentation, and component reference](https://www.telerik.com/kendo-angular-ui/components?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-treelist)
-* [Blogs](http://www.telerik.com/blogs/kendo-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-treelist)
-* [Kendo UI for Angular pricing and licensing](https://www.telerik.com/purchase/kendo-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-treelist)
+## Support Options
 
-## Questions and Feedback
+For any issues you might encounter while working with the Kendo UI for Angular TreeList, you have the following support channels available:
+
+* Industry-leading technical support&mdash;Kendo UI for Angular paid license holders and users with an active (free) trial license can take advantage of our outstanding customer support. To submit a ticket, use the [dedicated Kendo UI for Angular support system](https://www.telerik.com/account/support-tickets).
+* Product forums&mdash;The [Kendo UI for Angular forums](https://www.telerik.com/forums/kendo-angular-ui) are part of the free support you can get from the community and from the Kendo UI for Angular team.
+* Feedback portal&mdash;The [Kendo UI for Angular feedback portal](https://feedback.telerik.com/kendo-angular-ui) is where you can request and vote for new features to be added.
+
+## Resources
 
-* [Official Forums](https://www.telerik.com/forums/kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-treelist)
-* [GitHub Issues](https://github.com/telerik/kendo-angular/issues?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-treelist)
-* [Feedback Portal](https://feedback.telerik.com/kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-treelist)
-* [StackOverflow](https://stackoverflow.com/questions/tagged/kendo-ui-angular2?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-treelist)
+* [Getting Started with Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/getting-started)
+* [Getting Started with the Kendo UI for Angular TreeList](https://www.telerik.com/kendo-angular-ui/components/treelist/installation/getting-started)
+* [TreeList Overview page](https://www.telerik.com/kendo-angular-ui/components/treelist) and [TreeList API reference](https://www.telerik.com/kendo-angular-ui/components/treelist/api)
+* [Kendo UI for Angular roadmap](https://www.telerik.com/kendo-angular-ui/roadmap)
+* [Blogs](http://www.telerik.com/blogs/kendo-ui)
+* [Demos, documentation, and component reference](https://www.telerik.com/kendo-angular-ui/components)
+* [Kendo UI for Angular pricing and licensing](https://www.telerik.com/purchase/kendo-ui)
 
-*Copyright © 2021 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
+*Copyright © 2024 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
 
 *Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries.*

package/directives.d.ts

@@ -108,6 +108,9 @@ import { HeaderComponent } from './rendering/header/header.component';
 import { ColumnHandleDirective } from './column-resizing/column-handle.directive';
 import { CellComponent } from './rendering/cell.component';
 import { BooleanFilterRadioButtonDirective } from './filtering/menu/filter-radio-button.directive';
+import { AddCommandToolbarDirective } from './editing/add-command-tool.directive';
+import { ExcelCommandToolbarDirective } from './excel/excel-command-tool.directive';
+import { PDFCommandToolbarDirective } from './pdf/pdf-command-tool.directive';
 /**
  * @hidden
  * Utility array that contains the former Shared module exports
@@ -117,7 +120,7 @@ export declare const SHARED_EXPORTS: readonly [typeof ColumnComponent, typeof Co
  * @hidden
  * Utility array that contains the Body module exports
  */
-export declare const BODY_EXPORTS: readonly [typeof CommandColumnComponent, typeof CellTemplateDirective, typeof CellComponent, typeof NoRecordsTemplateDirective, typeof EditTemplateDirective, typeof EditCommandDirective, typeof CancelCommandDirective, typeof SaveCommandDirective, typeof RemoveCommandDirective, typeof AddCommandDirective, typeof FooterTemplateDirective];
+export declare const BODY_EXPORTS: readonly [typeof CommandColumnComponent, typeof CellTemplateDirective, typeof CellComponent, typeof NoRecordsTemplateDirective, typeof EditTemplateDirective, typeof EditCommandDirective, typeof CancelCommandDirective, typeof SaveCommandDirective, typeof RemoveCommandDirective, typeof AddCommandDirective, typeof AddCommandToolbarDirective, typeof FooterTemplateDirective];
 /**
  * @hidden
  * Utility array that contains the Header module exports
@@ -152,13 +155,13 @@ export declare const COLUMN_MENU_EXPORTS: readonly [typeof ColumnChooserComponen
  * @hidden
  * Utility array that contains the Excel module exports
  */
-export declare const EXCEL_EXPORTS: readonly [typeof ExcelComponent, typeof ExcelCommandDirective];
+export declare const EXCEL_EXPORTS: readonly [typeof ExcelComponent, typeof ExcelCommandDirective, typeof ExcelCommandToolbarDirective];
 /**
  * @hidden
  * Utility array that contains the PDF module exports
  */
-export declare const PDF_EXPORTS: readonly [typeof PDFComponent, typeof PDFMarginComponent, typeof PDFCommandDirective, typeof PDFTemplateDirective];
+export declare const PDF_EXPORTS: readonly [typeof PDFComponent, typeof PDFMarginComponent, typeof PDFCommandDirective, typeof PDFTemplateDirective, typeof PDFCommandToolbarDirective];
 /**
  * Utility array that contains all `@progress/kendo-angular-treelist` related components and directives
  */
-export declare const KENDO_TREELIST: readonly [typeof TreeListComponent, typeof ToolbarTemplateDirective, typeof ToolbarComponent, typeof TreeListSpacerComponent, typeof CustomMessagesComponent, typeof TemplateEditingDirective, typeof ReactiveEditingDirective, typeof InCellEditingDirective, typeof HierarchyBindingDirective, typeof FlatBindingDirective, typeof ExpandableDirective, typeof SelectableDirective, typeof TreeListToolbarFocusableDirective, typeof ColumnComponent, typeof ColumnGroupComponent, typeof LogicalCellDirective, typeof LogicalRowDirective, typeof FocusableDirective, typeof ColGroupComponent, typeof ResizableContainerDirective, typeof TemplateContextDirective, typeof FieldAccessorPipe, typeof SpanColumnComponent, typeof LoadingComponent, typeof FilterCellOperatorsComponent, typeof CheckboxColumnComponent, typeof RowReorderColumnComponent, typeof CommandColumnComponent, typeof CellTemplateDirective, typeof CellComponent, typeof NoRecordsTemplateDirective, typeof EditTemplateDirective, typeof EditCommandDirective, typeof CancelCommandDirective, typeof SaveCommandDirective, typeof RemoveCommandDirective, typeof AddCommandDirective, typeof FooterTemplateDirective, typeof HeaderComponent, typeof HeaderTemplateDirective, typeof ColumnHandleDirective, typeof PagerComponent, typeof PagerPrevButtonsComponent, typeof PagerNextButtonsComponent, typeof PagerNumericButtonsComponent, typeof PagerInputComponent, typeof PagerInfoComponent, typeof PagerPageSizesComponent, typeof PagerTemplateDirective, typeof FilterRowComponent, typeof FilterCellComponent, typeof FilterCellTemplateDirective, typeof StringFilterCellComponent, typeof NumericFilterCellComponent, typeof AutoCompleteFilterCellComponent, typeof BooleanFilterCellComponent, typeof FilterCellHostDirective, typeof FilterCellWrapperComponent, typeof DateFilterCellComponent, typeof FilterCellOperatorsComponent, typeof ContainsFilterOperatorComponent, typeof DoesNotContainFilterOperatorComponent, typeof EndsWithFilterOperatorComponent, typeof EqualFilterOperatorComponent, typeof IsEmptyFilterOperatorComponent, typeof IsNotEmptyFilterOperatorComponent, typeof IsNotNullFilterOperatorComponent, typeof IsNullFilterOperatorComponent, typeof NotEqualFilterOperatorComponent, typeof StartsWithFilterOperatorComponent, typeof GreaterFilterOperatorComponent, typeof GreaterOrEqualToFilterOperatorComponent, typeof LessFilterOperatorComponent, typeof LessOrEqualToFilterOperatorComponent, typeof AfterFilterOperatorComponent, typeof AfterEqFilterOperatorComponent, typeof BeforeEqFilterOperatorComponent, typeof BeforeFilterOperatorComponent, typeof FilterInputDirective, typeof ColumnComponent, typeof ColumnGroupComponent, typeof LogicalCellDirective, typeof LogicalRowDirective, typeof FocusableDirective, typeof ColGroupComponent, typeof ResizableContainerDirective, typeof TemplateContextDirective, typeof FieldAccessorPipe, typeof SpanColumnComponent, typeof LoadingComponent, typeof FilterCellOperatorsComponent, typeof CheckboxColumnComponent, typeof RowReorderColumnComponent, typeof FilterMenuComponent, typeof FilterMenuContainerComponent, typeof FilterMenuInputWrapperComponent, typeof StringFilterMenuInputComponent, typeof StringFilterMenuComponent, typeof FilterMenuTemplateDirective, typeof NumericFilterMenuComponent, typeof NumericFilterMenuInputComponent, typeof DateFilterMenuInputComponent, typeof DateFilterMenuComponent, typeof FilterMenuHostDirective, typeof BooleanFilterMenuComponent, typeof BooleanFilterRadioButtonDirective, typeof ColumnChooserComponent, typeof ColumnMenuChooserComponent, typeof ColumnMenuFilterComponent, typeof ColumnMenuItemComponent, typeof ColumnMenuItemContentTemplateDirective, typeof ColumnMenuSortComponent, typeof ColumnMenuComponent, typeof ColumnMenuLockComponent, typeof ColumnMenuTemplateDirective];
+export declare const KENDO_TREELIST: readonly [typeof TreeListComponent, typeof ToolbarTemplateDirective, typeof ToolbarComponent, typeof TreeListSpacerComponent, typeof CustomMessagesComponent, typeof TemplateEditingDirective, typeof ReactiveEditingDirective, typeof InCellEditingDirective, typeof HierarchyBindingDirective, typeof FlatBindingDirective, typeof ExpandableDirective, typeof SelectableDirective, typeof TreeListToolbarFocusableDirective, typeof ColumnComponent, typeof ColumnGroupComponent, typeof LogicalCellDirective, typeof LogicalRowDirective, typeof FocusableDirective, typeof ColGroupComponent, typeof ResizableContainerDirective, typeof TemplateContextDirective, typeof FieldAccessorPipe, typeof SpanColumnComponent, typeof LoadingComponent, typeof FilterCellOperatorsComponent, typeof CheckboxColumnComponent, typeof RowReorderColumnComponent, typeof CommandColumnComponent, typeof CellTemplateDirective, typeof CellComponent, typeof NoRecordsTemplateDirective, typeof EditTemplateDirective, typeof EditCommandDirective, typeof CancelCommandDirective, typeof SaveCommandDirective, typeof RemoveCommandDirective, typeof AddCommandDirective, typeof AddCommandToolbarDirective, typeof FooterTemplateDirective, typeof HeaderComponent, typeof HeaderTemplateDirective, typeof ColumnHandleDirective, typeof PagerComponent, typeof PagerPrevButtonsComponent, typeof PagerNextButtonsComponent, typeof PagerNumericButtonsComponent, typeof PagerInputComponent, typeof PagerInfoComponent, typeof PagerPageSizesComponent, typeof PagerTemplateDirective, typeof FilterRowComponent, typeof FilterCellComponent, typeof FilterCellTemplateDirective, typeof StringFilterCellComponent, typeof NumericFilterCellComponent, typeof AutoCompleteFilterCellComponent, typeof BooleanFilterCellComponent, typeof FilterCellHostDirective, typeof FilterCellWrapperComponent, typeof DateFilterCellComponent, typeof FilterCellOperatorsComponent, typeof ContainsFilterOperatorComponent, typeof DoesNotContainFilterOperatorComponent, typeof EndsWithFilterOperatorComponent, typeof EqualFilterOperatorComponent, typeof IsEmptyFilterOperatorComponent, typeof IsNotEmptyFilterOperatorComponent, typeof IsNotNullFilterOperatorComponent, typeof IsNullFilterOperatorComponent, typeof NotEqualFilterOperatorComponent, typeof StartsWithFilterOperatorComponent, typeof GreaterFilterOperatorComponent, typeof GreaterOrEqualToFilterOperatorComponent, typeof LessFilterOperatorComponent, typeof LessOrEqualToFilterOperatorComponent, typeof AfterFilterOperatorComponent, typeof AfterEqFilterOperatorComponent, typeof BeforeEqFilterOperatorComponent, typeof BeforeFilterOperatorComponent, typeof FilterInputDirective, typeof ColumnComponent, typeof ColumnGroupComponent, typeof LogicalCellDirective, typeof LogicalRowDirective, typeof FocusableDirective, typeof ColGroupComponent, typeof ResizableContainerDirective, typeof TemplateContextDirective, typeof FieldAccessorPipe, typeof SpanColumnComponent, typeof LoadingComponent, typeof FilterCellOperatorsComponent, typeof CheckboxColumnComponent, typeof RowReorderColumnComponent, typeof FilterMenuComponent, typeof FilterMenuContainerComponent, typeof FilterMenuInputWrapperComponent, typeof StringFilterMenuInputComponent, typeof StringFilterMenuComponent, typeof FilterMenuTemplateDirective, typeof NumericFilterMenuComponent, typeof NumericFilterMenuInputComponent, typeof DateFilterMenuInputComponent, typeof DateFilterMenuComponent, typeof FilterMenuHostDirective, typeof BooleanFilterMenuComponent, typeof BooleanFilterRadioButtonDirective, typeof ColumnChooserComponent, typeof ColumnMenuChooserComponent, typeof ColumnMenuFilterComponent, typeof ColumnMenuItemComponent, typeof ColumnMenuItemContentTemplateDirective, typeof ColumnMenuSortComponent, typeof ColumnMenuComponent, typeof ColumnMenuLockComponent, typeof ColumnMenuTemplateDirective];

package/editing/add-command-tool.directive.d.ts

@@ -0,0 +1,38 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { EditService } from './edit.service';
+import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
+import * as i0 from "@angular/core";
+/**
+ * Represents the command for adding a new item to the TreeList.
+ * You can apply this directive to any `kendo-toolbar-button` element inside a
+ * ToolbarComponent used in the TreeList.
+ *
+ * When the user clicks the toolbar button that is associated with the directive, the
+ * [add]({% slug api_treelist_treelistcomponent %}#toc-add) event is triggered.
+ *
+ * @example
+ * ```html-no-run
+ * <kendo-grid>
+ *      <kendo-toolbar>
+ *         <kendo-toolbar-button text="Add new" kendoTreeListAddTool></kendo-toolbar-button>
+ *      </kendo-toolbar>
+ * </kendo-grid>
+ * ```
+ */
+export declare class AddCommandToolbarDirective {
+    private editService;
+    private host;
+    private clickSub;
+    constructor(editService: EditService, host: ToolBarButtonComponent);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * @hidden
+     */
+    onClick(e: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AddCommandToolbarDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AddCommandToolbarDirective, "[kendoTreeListAddTool]", never, {}, {}, never, never, true, never>;
+}

package/esm2020/column-menu/column-chooser.component.mjs

@@ -135,7 +135,7 @@ ColumnChooserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
                 (columnChange)="onChange($event)">
             </kendo-treelist-columnlist>
         </ng-template>
-    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: ColumnListComponent, selector: "kendo-treelist-columnlist", inputs: ["columns", "autoSync", "allowHideAll", "applyText", "resetText", "actionsClass"], outputs: ["reset", "apply", "columnChange"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: ColumnListComponent, selector: "kendo-treelist-columnlist", inputs: ["columns", "autoSync", "allowHideAll", "applyText", "resetText", "actionsClass"], outputs: ["reset", "apply", "columnChange"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnChooserComponent, decorators: [{
             type: Component,
             args: [{

package/esm2020/directives.mjs

@@ -108,6 +108,9 @@ import { HeaderComponent } from './rendering/header/header.component';
 import { ColumnHandleDirective } from './column-resizing/column-handle.directive';
 import { CellComponent } from './rendering/cell.component';
 import { BooleanFilterRadioButtonDirective } from './filtering/menu/filter-radio-button.directive';
+import { AddCommandToolbarDirective } from './editing/add-command-tool.directive';
+import { ExcelCommandToolbarDirective } from './excel/excel-command-tool.directive';
+import { PDFCommandToolbarDirective } from './pdf/pdf-command-tool.directive';
 /**
  * @hidden
  * Utility array that contains the former Shared module exports
@@ -143,6 +146,7 @@ export const BODY_EXPORTS = [
     SaveCommandDirective,
     RemoveCommandDirective,
     AddCommandDirective,
+    AddCommandToolbarDirective,
     FooterTemplateDirective
 ];
 /**
@@ -252,7 +256,8 @@ export const COLUMN_MENU_EXPORTS = [
  */
 export const EXCEL_EXPORTS = [
     ExcelComponent,
-    ExcelCommandDirective
+    ExcelCommandDirective,
+    ExcelCommandToolbarDirective
 ];
 /**
  * @hidden
@@ -262,7 +267,8 @@ export const PDF_EXPORTS = [
     PDFComponent,
     PDFMarginComponent,
     PDFCommandDirective,
-    PDFTemplateDirective
+    PDFTemplateDirective,
+    PDFCommandToolbarDirective
 ];
 /**
  * Utility array that contains all `@progress/kendo-angular-treelist` related components and directives

package/esm2020/editing/add-command-tool.directive.mjs

@@ -0,0 +1,61 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive } from '@angular/core';
+import { EditService } from './edit.service';
+import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
+import { Subscription } from 'rxjs';
+import { plusIcon } from '@progress/kendo-svg-icons';
+import * as i0 from "@angular/core";
+import * as i1 from "./edit.service";
+import * as i2 from "@progress/kendo-angular-toolbar";
+/**
+ * Represents the command for adding a new item to the TreeList.
+ * You can apply this directive to any `kendo-toolbar-button` element inside a
+ * ToolbarComponent used in the TreeList.
+ *
+ * When the user clicks the toolbar button that is associated with the directive, the
+ * [add]({% slug api_treelist_treelistcomponent %}#toc-add) event is triggered.
+ *
+ * @example
+ * ```html-no-run
+ * <kendo-grid>
+ *      <kendo-toolbar>
+ *         <kendo-toolbar-button text="Add new" kendoTreeListAddTool></kendo-toolbar-button>
+ *      </kendo-toolbar>
+ * </kendo-grid>
+ * ```
+ */
+export class AddCommandToolbarDirective {
+    constructor(editService, host) {
+        this.editService = editService;
+        this.host = host;
+        this.clickSub = new Subscription();
+    }
+    ngOnInit() {
+        this.clickSub = this.host.click.subscribe(e => this.onClick(e));
+        this.host.className = 'k-grid-add-command';
+        this.host.svgIcon = plusIcon;
+        this.host.icon = 'plus';
+    }
+    ngOnDestroy() {
+        this.clickSub.unsubscribe();
+    }
+    /**
+     * @hidden
+     */
+    onClick(e) {
+        e.preventDefault();
+        this.editService.beginAdd();
+    }
+}
+AddCommandToolbarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AddCommandToolbarDirective, deps: [{ token: i1.EditService }, { token: i2.ToolBarButtonComponent }], target: i0.ɵɵFactoryTarget.Directive });
+AddCommandToolbarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: AddCommandToolbarDirective, isStandalone: true, selector: "[kendoTreeListAddTool]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AddCommandToolbarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoTreeListAddTool]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1.EditService }, { type: i2.ToolBarButtonComponent }]; } });

package/esm2020/excel/excel-command-tool.directive.mjs

@@ -0,0 +1,64 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive } from '@angular/core';
+import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
+import { Subscription } from 'rxjs';
+import { fileExcelIcon } from '@progress/kendo-svg-icons';
+import { ExcelService } from './excel.service';
+import * as i0 from "@angular/core";
+import * as i1 from "./excel.service";
+import * as i2 from "@progress/kendo-angular-toolbar";
+/**
+ * Represents the `export-to-Excel` toolbar tool of the TreeList.
+ * You can apply this directive to any `kendo-toolbar-button` element inside a
+ * ToolbarComponent used in the TreeList.
+ *
+ * When the user clicks a button associated with the directive, the
+ * [excelExport]({% slug api_treelist_treelistcomponent %}#toc-excelexport) event
+ * fires ([see example]({% slug excelexport_treelist %})).
+ *
+ * @example
+ * ```html-no-run
+ * <kendo-treelist>
+ *      <kendo-toolbar>
+ *         <kendo-toolbar-button text="Excel Export" kendoTreeListExcelTool></kendo-toolbar-button>
+ *      </kendo-toolbar>
+ *      <kendo-treelist-excel fileName="TreeList.xlsx">
+ *      </kendo-treelist-excel>
+ * </kendo-treelist>
+ * ```
+ */
+export class ExcelCommandToolbarDirective {
+    constructor(excelService, host) {
+        this.excelService = excelService;
+        this.host = host;
+        this.clickSub = new Subscription();
+    }
+    ngOnInit() {
+        this.clickSub = this.host.click.subscribe(e => this.onClick(e));
+        this.host.className = 'k-grid-excel';
+        this.host.svgIcon = fileExcelIcon;
+        this.host.icon = 'file-excel';
+    }
+    ngOnDestroy() {
+        this.clickSub.unsubscribe();
+    }
+    /**
+     * @hidden
+     */
+    onClick(e) {
+        e.preventDefault();
+        this.excelService.exportClick.emit();
+    }
+}
+ExcelCommandToolbarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelCommandToolbarDirective, deps: [{ token: i1.ExcelService }, { token: i2.ToolBarButtonComponent }], target: i0.ɵɵFactoryTarget.Directive });
+ExcelCommandToolbarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ExcelCommandToolbarDirective, isStandalone: true, selector: "[kendoTreeListExcelTool]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelCommandToolbarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoTreeListExcelTool]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ExcelService }, { type: i2.ToolBarButtonComponent }]; } });

package/esm2020/excel/excel.module.mjs

@@ -9,6 +9,7 @@ import { ExcelExportModule } from '@progress/kendo-angular-excel-export';
 import * as i0 from "@angular/core";
 import * as i1 from "./excel.component";
 import * as i2 from "./excel-command.directive";
+import * as i3 from "./excel-command-tool.directive";
 // IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
@@ -32,8 +33,8 @@ import * as i2 from "./excel-command.directive";
 export class ExcelModule {
 }
 ExcelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ExcelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ExcelModule, imports: [i1.ExcelComponent, i2.ExcelCommandDirective], exports: [i1.ExcelComponent, i2.ExcelCommandDirective, ExcelExportModule] });
-ExcelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelModule, providers: [IconsService], imports: [EXCEL_EXPORTS, ExcelExportModule] });
+ExcelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ExcelModule, imports: [i1.ExcelComponent, i2.ExcelCommandDirective, i3.ExcelCommandToolbarDirective], exports: [i1.ExcelComponent, i2.ExcelCommandDirective, i3.ExcelCommandToolbarDirective, ExcelExportModule] });
+ExcelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelModule, providers: [IconsService], imports: [i1.ExcelComponent, i2.ExcelCommandDirective, ExcelExportModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelModule, decorators: [{
             type: NgModule,
             args: [{

package/esm2020/filtering/cell/filter-cell-operators.component.mjs

@@ -152,7 +152,7 @@ FilterCellOperatorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
             (click)="clearClick()"
             (keydown)="clearKeydown($event)">
         </button>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoTreeListFocusable],\n        [kendoTreeListAddCommand],\n        [kendoTreeListEditCommand],\n        [kendoTreeListRemoveCommand],\n        [kendoTreeListSaveCommand],\n        [kendoTreeListCancelCommand]\n    ", inputs: ["kendoTreeListFocusable", "enabled", "kendoTreeListAddCommand", "kendoTreeListEditCommand", "kendoTreeListRemoveCommand", "kendoTreeListSaveCommand", "kendoTreeListCancelCommand"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoTreeListFocusable],\n        [kendoTreeListAddCommand],\n        [kendoTreeListEditCommand],\n        [kendoTreeListRemoveCommand],\n        [kendoTreeListSaveCommand],\n        [kendoTreeListCancelCommand]\n    ", inputs: ["kendoTreeListFocusable", "enabled", "kendoTreeListAddCommand", "kendoTreeListEditCommand", "kendoTreeListRemoveCommand", "kendoTreeListSaveCommand", "kendoTreeListCancelCommand"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterCellOperatorsComponent, decorators: [{
             type: Component,
             args: [{

package/esm2020/index.mjs

@@ -86,6 +86,7 @@ export { PDFComponent } from './pdf/pdf.component';
 export { PDFMarginComponent } from './pdf/pdf-margin.component';
 export { PDFService } from './pdf/pdf.service';
 export { PDFCommandDirective } from './pdf/pdf-command.directive';
+export { PDFCommandToolbarDirective } from './pdf/pdf-command-tool.directive';
 export { PDFTemplateDirective } from './pdf/pdf-template.directive';
 //Excel
 export { ExcelModule } from './excel/excel.module';
@@ -93,9 +94,11 @@ export { ExcelComponent } from './excel/excel.component';
 export { ExcelService } from './excel/excel.service';
 export { ExcelExportEvent } from './excel/excel-export-event';
 export { ExcelCommandDirective } from './excel/excel-command.directive';
+export { ExcelCommandToolbarDirective } from './excel/excel-command-tool.directive';
 export { SelectableDirective } from './selection/selectable.directive';
 export { SelectionChangeEvent } from './selection/selection-change-event';
 export { CellCloseEvent } from './editing/cell-close-event';
+export { AddCommandToolbarDirective } from './editing/add-command-tool.directive';
 export { SuspendService } from './scrolling/suspend.service';
 export { Skip } from './utils';
 export { ColumnsContainer } from './columns/columns-container';

package/esm2020/package-metadata.mjs

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

package/esm2020/pager/pager-next-buttons.component.mjs

@@ -80,7 +80,7 @@ PagerNextButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
             [attr.aria-label]="textFor('pagerLastPage')"
             (click)="onButtonClick('lastPage')">
         </button>
-    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoTreeListFocusable],\n        [kendoTreeListAddCommand],\n        [kendoTreeListEditCommand],\n        [kendoTreeListRemoveCommand],\n        [kendoTreeListSaveCommand],\n        [kendoTreeListCancelCommand]\n    ", inputs: ["kendoTreeListFocusable", "enabled", "kendoTreeListAddCommand", "kendoTreeListEditCommand", "kendoTreeListRemoveCommand", "kendoTreeListSaveCommand", "kendoTreeListCancelCommand"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoTreeListFocusable],\n        [kendoTreeListAddCommand],\n        [kendoTreeListEditCommand],\n        [kendoTreeListRemoveCommand],\n        [kendoTreeListSaveCommand],\n        [kendoTreeListCancelCommand]\n    ", inputs: ["kendoTreeListFocusable", "enabled", "kendoTreeListAddCommand", "kendoTreeListEditCommand", "kendoTreeListRemoveCommand", "kendoTreeListSaveCommand", "kendoTreeListCancelCommand"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerNextButtonsComponent, decorators: [{
             type: Component,
             args: [{

package/esm2020/pager/pager-numeric-buttons.component.mjs

@@ -156,7 +156,7 @@ PagerNumericButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
                 [attr.title]="pageLabel(end + 1)"
                 (click)="changePage(end)">...</button>
         </div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: FocusableDirective, selector: "[kendoTreeListFocusable],\n        [kendoTreeListAddCommand],\n        [kendoTreeListEditCommand],\n        [kendoTreeListRemoveCommand],\n        [kendoTreeListSaveCommand],\n        [kendoTreeListCancelCommand]\n    ", inputs: ["kendoTreeListFocusable", "enabled", "kendoTreeListAddCommand", "kendoTreeListEditCommand", "kendoTreeListRemoveCommand", "kendoTreeListSaveCommand", "kendoTreeListCancelCommand"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    `, isInline: true, dependencies: [{ kind: "directive", type: FocusableDirective, selector: "[kendoTreeListFocusable],\n        [kendoTreeListAddCommand],\n        [kendoTreeListEditCommand],\n        [kendoTreeListRemoveCommand],\n        [kendoTreeListSaveCommand],\n        [kendoTreeListCancelCommand]\n    ", inputs: ["kendoTreeListFocusable", "enabled", "kendoTreeListAddCommand", "kendoTreeListEditCommand", "kendoTreeListRemoveCommand", "kendoTreeListSaveCommand", "kendoTreeListCancelCommand"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerNumericButtonsComponent, decorators: [{
             type: Component,
             args: [{

package/esm2020/pager/pager-prev-buttons.component.mjs

@@ -81,7 +81,7 @@ PagerPrevButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
             [attr.aria-label]="textFor('pagerPreviousPage')"
             (click)="onButtonClick('prevPage')">
         </button>
-    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoTreeListFocusable],\n        [kendoTreeListAddCommand],\n        [kendoTreeListEditCommand],\n        [kendoTreeListRemoveCommand],\n        [kendoTreeListSaveCommand],\n        [kendoTreeListCancelCommand]\n    ", inputs: ["kendoTreeListFocusable", "enabled", "kendoTreeListAddCommand", "kendoTreeListEditCommand", "kendoTreeListRemoveCommand", "kendoTreeListSaveCommand", "kendoTreeListCancelCommand"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoTreeListFocusable],\n        [kendoTreeListAddCommand],\n        [kendoTreeListEditCommand],\n        [kendoTreeListRemoveCommand],\n        [kendoTreeListSaveCommand],\n        [kendoTreeListCancelCommand]\n    ", inputs: ["kendoTreeListFocusable", "enabled", "kendoTreeListAddCommand", "kendoTreeListEditCommand", "kendoTreeListRemoveCommand", "kendoTreeListSaveCommand", "kendoTreeListCancelCommand"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerPrevButtonsComponent, decorators: [{
             type: Component,
             args: [{

package/esm2020/pdf/pdf-command-tool.directive.mjs

@@ -0,0 +1,64 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive } from '@angular/core';
+import { PDFService } from './pdf.service';
+import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
+import { Subscription } from 'rxjs';
+import { filePdfIcon } from '@progress/kendo-svg-icons';
+import * as i0 from "@angular/core";
+import * as i1 from "./pdf.service";
+import * as i2 from "@progress/kendo-angular-toolbar";
+/**
+ * Represents the `export-to-PDF` toolbar tool of the TreeList.
+ * You can apply this directive to any `kendo-toolbar-button` element inside a
+ * ToolbarComponent used in the TreeList.
+ *
+ * When the user clicks the toolbar button that is associated with the directive, the
+ * [pdfExport]({% slug api_treelist_treelistcomponent %}#toc-pdfexport) event
+ * fires ([see example]({% slug pdfexport_treelist %})).
+ *
+ * @example
+ * ```html-no-run
+ * <kendo-treelist>
+ *      <kendo-toolbar>
+ *         <kendo-toolbar-button text="PDF Export" kendoTreeListPDFTool></kendo-toolbar-button>
+ *      </kendo-toolbar>
+ *      <kendo-treelist-pdf fileName="TreeList.pdf">
+ *      </kendo-treelist-pdf>
+ * </kendo-treelist>
+ * ```
+ */
+export class PDFCommandToolbarDirective {
+    constructor(pdfService, host) {
+        this.pdfService = pdfService;
+        this.host = host;
+        this.clickSub = new Subscription();
+    }
+    ngOnInit() {
+        this.clickSub = this.host.click.subscribe(e => this.onClick(e));
+        this.host.className = 'k-grid-pdf';
+        this.host.svgIcon = filePdfIcon;
+        this.host.icon = 'file-pdf';
+    }
+    ngOnDestroy() {
+        this.clickSub.unsubscribe();
+    }
+    /**
+     * @hidden
+     */
+    onClick(e) {
+        e.preventDefault();
+        this.pdfService.exportClick.emit();
+    }
+}
+PDFCommandToolbarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFCommandToolbarDirective, deps: [{ token: i1.PDFService }, { token: i2.ToolBarButtonComponent }], target: i0.ɵɵFactoryTarget.Directive });
+PDFCommandToolbarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PDFCommandToolbarDirective, isStandalone: true, selector: "[kendoTreeListPDFTool]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFCommandToolbarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoTreeListPDFTool]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1.PDFService }, { type: i2.ToolBarButtonComponent }]; } });

package/esm2020/pdf/pdf.module.mjs

@@ -10,7 +10,8 @@ import * as i1 from "./pdf.component";
 import * as i2 from "./pdf-margin.component";
 import * as i3 from "./pdf-command.directive";
 import * as i4 from "./pdf-template.directive";
-import * as i5 from "@progress/kendo-angular-icons";
+import * as i5 from "./pdf-command-tool.directive";
+import * as i6 from "@progress/kendo-angular-icons";
 // IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
@@ -35,7 +36,7 @@ import * as i5 from "@progress/kendo-angular-icons";
 export class PDFModule {
 }
 PDFModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PDFModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PDFModule, imports: [i1.PDFComponent, i2.PDFMarginComponent, i3.PDFCommandDirective, i4.PDFTemplateDirective, i5.IconComponent, i5.SVGIconComponent], exports: [i1.PDFComponent, i2.PDFMarginComponent, i3.PDFCommandDirective, i4.PDFTemplateDirective] });
+PDFModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PDFModule, imports: [i1.PDFComponent, i2.PDFMarginComponent, i3.PDFCommandDirective, i4.PDFTemplateDirective, i5.PDFCommandToolbarDirective, i6.IconComponent, i6.SVGIconComponent], exports: [i1.PDFComponent, i2.PDFMarginComponent, i3.PDFCommandDirective, i4.PDFTemplateDirective, i5.PDFCommandToolbarDirective] });
 PDFModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFModule, providers: [IconsService], imports: [i1.PDFComponent, i2.PDFMarginComponent, i3.PDFCommandDirective, KENDO_ICONS] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFModule, decorators: [{
             type: NgModule,

package/esm2020/rendering/body.module.mjs

@@ -17,10 +17,11 @@ import * as i7 from "../editing/cancel-command.directive";
 import * as i8 from "../editing/save-command.directive";
 import * as i9 from "../editing/remove-command.directive";
 import * as i10 from "../editing/add-command.directive";
-import * as i11 from "./footer-template.directive";
-import * as i12 from "@progress/kendo-angular-inputs";
-import * as i13 from "@progress/kendo-angular-common";
-import * as i14 from "@progress/kendo-angular-dateinputs";
+import * as i11 from "../editing/add-command-tool.directive";
+import * as i12 from "./footer-template.directive";
+import * as i13 from "@progress/kendo-angular-inputs";
+import * as i14 from "@progress/kendo-angular-common";
+import * as i15 from "@progress/kendo-angular-dateinputs";
 // IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * @hidden
@@ -29,8 +30,8 @@ import * as i14 from "@progress/kendo-angular-dateinputs";
 export class BodyModule {
 }
 BodyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BodyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-BodyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: BodyModule, imports: [i1.CommandColumnComponent, i2.CellTemplateDirective, i3.CellComponent, i4.NoRecordsTemplateDirective, i5.EditTemplateDirective, i6.EditCommandDirective, i7.CancelCommandDirective, i8.SaveCommandDirective, i9.RemoveCommandDirective, i10.AddCommandDirective, i11.FooterTemplateDirective, i12.NumericTextBoxComponent, i12.NumericTextBoxCustomMessagesComponent, i13.PrefixTemplateDirective, i13.SuffixTemplateDirective, i13.SeparatorComponent, i14.DatePickerCustomMessagesComponent, i14.DatePickerComponent, i14.CellTemplateDirective, i14.CenturyCellTemplateDirective, i14.DecadeCellTemplateDirective, i14.FooterTemplateDirective, i14.HeaderTemplateDirective, i14.HeaderTitleTemplateDirective, i14.MonthCellTemplateDirective, i14.NavigationItemTemplateDirective, i14.WeekNumberCellTemplateDirective, i14.YearCellTemplateDirective, i14.NavigationItemTemplateDirective], exports: [i1.CommandColumnComponent, i2.CellTemplateDirective, i3.CellComponent, i4.NoRecordsTemplateDirective, i5.EditTemplateDirective, i6.EditCommandDirective, i7.CancelCommandDirective, i8.SaveCommandDirective, i9.RemoveCommandDirective, i10.AddCommandDirective, i11.FooterTemplateDirective] });
-BodyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BodyModule, imports: [i1.CommandColumnComponent, i3.CellComponent, i6.EditCommandDirective, i7.CancelCommandDirective, i8.SaveCommandDirective, i9.RemoveCommandDirective, i10.AddCommandDirective, i12.NumericTextBoxComponent, i12.NumericTextBoxCustomMessagesComponent, i13.SeparatorComponent, i14.DatePickerCustomMessagesComponent, i14.DatePickerComponent] });
+BodyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: BodyModule, imports: [i1.CommandColumnComponent, i2.CellTemplateDirective, i3.CellComponent, i4.NoRecordsTemplateDirective, i5.EditTemplateDirective, i6.EditCommandDirective, i7.CancelCommandDirective, i8.SaveCommandDirective, i9.RemoveCommandDirective, i10.AddCommandDirective, i11.AddCommandToolbarDirective, i12.FooterTemplateDirective, i13.NumericTextBoxComponent, i13.NumericTextBoxCustomMessagesComponent, i14.PrefixTemplateDirective, i14.SuffixTemplateDirective, i14.SeparatorComponent, i15.DatePickerCustomMessagesComponent, i15.DatePickerComponent, i15.CellTemplateDirective, i15.CenturyCellTemplateDirective, i15.DecadeCellTemplateDirective, i15.FooterTemplateDirective, i15.HeaderTemplateDirective, i15.HeaderTitleTemplateDirective, i15.MonthCellTemplateDirective, i15.NavigationItemTemplateDirective, i15.WeekNumberCellTemplateDirective, i15.YearCellTemplateDirective, i15.NavigationItemTemplateDirective], exports: [i1.CommandColumnComponent, i2.CellTemplateDirective, i3.CellComponent, i4.NoRecordsTemplateDirective, i5.EditTemplateDirective, i6.EditCommandDirective, i7.CancelCommandDirective, i8.SaveCommandDirective, i9.RemoveCommandDirective, i10.AddCommandDirective, i11.AddCommandToolbarDirective, i12.FooterTemplateDirective] });
+BodyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BodyModule, imports: [i1.CommandColumnComponent, i3.CellComponent, i6.EditCommandDirective, i7.CancelCommandDirective, i8.SaveCommandDirective, i9.RemoveCommandDirective, i10.AddCommandDirective, i13.NumericTextBoxComponent, i13.NumericTextBoxCustomMessagesComponent, i14.SeparatorComponent, i15.DatePickerCustomMessagesComponent, i15.DatePickerComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BodyModule, decorators: [{
             type: NgModule,
             args: [{