@progress/kendo-angular-grid 17.0.0-develop.2 → 17.0.0-develop.20

package/README.md

@@ -1,56 +1,66 @@
-<a href="https://www.telerik.com/kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-grid" target="_blank">
+<a href="https://www.telerik.com/kendo-angular-ui/components/grid" target="_blank">
 <img [width]="631" src="https://www.telerik.com/kendo-angular-ui/npm-banner.svg" alt="Kendo UI for Angular Data Grid">
 </a>
 
-## Kendo UI for Angular Data Grid (Table) Component
+## Kendo UI for Angular Data Grid Component
 
-> **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-grid)&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-grid).
-> * 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-grid) 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-grid). 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-grid).
-> * 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-grid) and speed up your development process!
+> * This package is part of the [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/)&mdash;a commercial UI library.
+> * 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 team!
 
-The [Kendo UI for Angular Data Grid](https://www.telerik.com/download-login-v2-kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-grid) includes a comprehensive set of ready-to-use features covering everything from paging, sorting, filtering, editing, and grouping to row and column virtualization, exporting to PDF and Excel, and accessibility support. This Data Grid Component (sometimes called a Data Table) is built on Angular from the ground up, by a company with a long history of making enterprise-ready Grids. This results in an Angular data grid that delivers lighting fast performance and is highly customizable.
+The [Kendo UI for Angular Data Grid](https://www.telerik.com/kendo-angular-ui/components/grid) includes a comprehensive set of ready-to-use features covering everything from paging, sorting, filtering, editing, and grouping to row and column virtualization, exporting to PDF and Excel, and accessibility support. This Data Grid Component (sometimes called a Data Table) is built on Angular from the ground up, by a company with a long history of making enterprise-ready Grids. This results in an Angular data grid that delivers lighting fast performance and is highly customizable.
 
-## Angular Data Grid
-
-<img src="https://www.telerik.com/sfimages/default-source/component-pages/common/grid/grid_live-data-sample-770x.gif" alt="Kendo UI for Angular Data Grid">
+## Key Features
 
 Among the many features which the Kendo UI for Angular Grid delivers are:
 
-* [Editing](https://www.telerik.com/kendo-angular-ui/components/grid/editing?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-grid)&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 Reactive or Template-Driven Forms, and also further customize the Grid.
-* [Paging](https://www.telerik.com/kendo-angular-ui/components/grid/paging?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-grid)&mdash;You also have the option to add a pager for easier navigation.
-* [Sorting](https://www.telerik.com/kendo-angular-ui/components/grid/sorting?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-grid)&mdash;Apart from the sorting and unsorting options of multiple columns, you can also pre-sort the data records of the Grid.
-* [Filtering](https://www.telerik.com/kendo-angular-ui/components/grid/filtering?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-grid)&mdash;Including additional cell customization options.
-* [Grouping](https://www.telerik.com/kendo-angular-ui/components/grid/grouping?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-grid)&mdash;Out of the box, you can apply dynamic grouping to the data Grid records, set grouping by aggregate values, and, in the same way as with the sorting functionality, pre-group the data.
-* Export to [PDF](https://www.telerik.com/kendo-angular-ui/components/grid/export/pdf-export?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-grid) and [Excel](https://www.telerik.com/kendo-angular-ui/components/grid/export/excel-export?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-grid)&mdash;When implementing the Grid export to PDF, you can set the fonts, the exact portion and layout of the exported content, also customize the columns and other specifics of the output result. When exporting to Excel, you can export specific data and customize the exported columns.
-* [Detail row template](https://www.telerik.com/kendo-angular-ui/components/grid/advanced-features/detail-template?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-grid)&mdash;The detail row template of the Grid enables you to provide additional details about a particular row of table data by expanding or collapsing its content.
-* [Row selection](https://www.telerik.com/kendo-angular-ui/components/grid/selection/#toc-selection-modes-and-features?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-grid)&mdash;Configure it by enabling or disabling the checkbox and single or multiple row selection options.
-* [Locked columns](https://www.telerik.com/kendo-angular-ui/components/grid/columns/locked?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-grid)&mdash;When your Grid has to display large amounts of data, the frozen columns feature enables you to lock any of the Grid columns by just setting the locked column property.
-* [Column reordering](https://www.telerik.com/kendo-angular-ui/components/grid/columns/reordering?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-grid)&mdash;Reordering can be enabled for any column and is seamlessly integrated with the available Grid features, including locked columns.
-* [Column resizing](https://www.telerik.com/kendo-angular-ui/components/grid/columns/resizing?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-grid)&mdash;Resizing takes place real-time but can also be controlled from the outside.
-* [Binding to Stream Data (or Live Loading)](https://www.telerik.com/kendo-angular-ui/components/grid/data-binding/live-updating-data/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-grid)&mdash;Bind the Data Grid to streaming data for instant updates.
-* [Globalization](https://www.telerik.com/kendo-angular-ui/components/grid/globalization?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-grid)&mdash;By using the available globalization options in Kendo UI for Angular, you can translate the Grid messages by adapting them to specific culture locales.
-* [Accessibility](https://www.telerik.com/kendo-angular-ui/components/grid/accessibility?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-grid)&mdash;The Grid is compliant with the Section 508 requirements. The Grid is accessible by screen readers and provides WAI-ARIA support.
+* Data Binding&mdash;The Grid supports various binding methods to accommodate different requirements, including binding to an array of objects or a [GridDataResult](https://www.telerik.com/kendo-angular-ui/components/grid/api/griddataresult) object, as well as utilizing a server to fetch remote data for dynamic content. [Read more about the data binding functionality of the Grid...](https://www.telerik.com/kendo-angular-ui/components/grid/data-binding/basics)
+* Editing&mdash;Depending on your users' requirements, you can opt for the inline or the in-cell edit modes using either the Template-Driven or Reactive forms. The Grid provides further customization options such as editing from an external form or Redux Form. [Read more about the editing feature of the Data Grid...](https://www.telerik.com/kendo-angular-ui/components/grid/editing/basics)
+* Paging&mdash;The Grid enables you to split its content into pages by adding a pager. The pager provides an extensive set of configuration options such as implementing a responsive behavior, customizing its appearance, defining the space between its elements, and more. [Read more about the pager options of the Grid...](https://www.telerik.com/kendo-angular-ui/components/grid/paging/basics)
+* Sorting&mdash;The Grid supports a number of sorting options. These options include the sorting and unsorting of single and multiple columns, pre-sorting data records, setting the sorting direction, and more. [Read more about the sorting options of the Grid...](https://www.telerik.com/kendo-angular-ui/components/grid/sorting/basics)
+* Filtering&mdash;The Grid provides options for displaying only those data records which meet specified criteria. The component also allows you to additionally customize its filtering behavior by using its built-in filter templates or reusable custom filter components. [Read more about filtering the Grid records...](https://www.telerik.com/kendo-angular-ui/components/grid/filtering/basics)
+* Grouping&mdash;Out of the box, you can apply dynamic grouping to the data Grid records, set grouping by aggregate values, and, in the same way as with the sorting functionality, pre-group the data. [Read more about grouping the records of the Grid...](https://www.telerik.com/kendo-angular-ui/components/grid/grouping/basics)
+* Exporting to PDF and Excel&mdash;When implementing the Grid 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. Read more on [exporting the Grid to PDF](https://www.telerik.com/kendo-angular-ui/components/grid/export/pdf-export) and [exporting the Grid to Excel](https://www.telerik.com/kendo-angular-ui/components/grid/export/excel-export).
+* Rows Options&mdash;The Data Grid provides an extensive collection of row configuration options, including:
+
+  - [Row selection](https://www.telerik.com/kendo-angular-ui/components/grid/selection/row-selection)&mdash;Allows you to select rows through interaction with the row itself or a checkbox. Supports single and multiple row selection.
+  - [Sticky rows](https://www.telerik.com/kendo-angular-ui/components/grid/rows/sticky)&mdash;Allows you to display specific rows at all times even when user scrolls the data table.
+  - [Detail row template](https://www.telerik.com/kendo-angular-ui/components/grid/master-detail/detail-template)&mdash;Allows you to render supplementary information about the data in a specific row. Supports [persisting the expanded state](https://www.telerik.com/kendo-angular-ui/components/grid/master-detail/expanded-state) of the detail row.
+  - [Row reordering](https://www.telerik.com/kendo-angular-ui/components/grid/rows/reordering)&mdash;Allows you to reorder rows by dragging and dropping them.
+  - [Row styling](https://www.telerik.com/kendo-angular-ui/components/grid/styling/rows)&mdash;Allows you to style the rows of the Grid using a callback function.
+* Columns Options&mdash;The Data Grid provides an extensive collection of column configuration options, including:
+
+  - [Hiding columns](https://www.telerik.com/kendo-angular-ui/components/grid/columns/hidden)&mdash;Allows you to show or hide columns.
+  - [Spanning columns](https://www.telerik.com/kendo-angular-ui/components/grid/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/grid/columns/headers)&mdash;Grouping columns under a common header.
+  - [Column menu for quick actions](https://www.telerik.com/kendo-angular-ui/components/grid/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/grid/columns/locked) or [sticking columns](slug:sticky_columns_grid)&mdash;Allows you to display specific column data at all times.
+  - [Reordering columns](https://www.telerik.com/kendo-angular-ui/components/grid/columns/reordering)&mdash;You can reorder any column and with any available Grid feature, including locked columns.
+  - [Resizing columns](https://www.telerik.com/kendo-angular-ui/components/grid/columns/resizing)&mdash;Allows you to resize columns in real-time by dragging the edges of the column headers.
+  - [Styling columns](https://www.telerik.com/kendo-angular-ui/components/grid/styling/columns)&mdash;Allows you to style the columns of the Grid using a callback function.
+* Virtualization&mdash;The Data Grid supports a virtual scroll mode for its row data, which means that the component dynamically renders only a portion of the rows. This virtualization approach boosts the performance of the component when it has to display large data tables. [Read more about the virtualization feature of the Grid...](https://www.telerik.com/kendo-angular-ui/components/grid/scroll-modes/virtual)
+* Sizing&mdash;The Grid provides predefined options which allow you to set the different `padding` to the Grid building blocks. For more information, refer to the [sizing options of the Grid](https://www.telerik.com/kendo-angular-ui/components/grid/sizing).
+* Styling&mdash;Our components are designed to look great out of the box, but we understand that every application is different. That's why the [Progress Design System Kit](https://www.telerik.com/design-system) provides resources to help you customize the look and feel of your Kendo UI for Angular Data Grid component. If time is of the essence, our [ThemeBuilder application](https://www.telerik.com/themebuilder) can help you quickly and seamlessly modify the component's appearance.
+* Chart Integration&mdash;The Grid provides built-in options that allow you to quickly generate charts using its data thus visually represent trends, patterns, and more. [Read more about the Grid Chart integration...](https://www.telerik.com/kendo-angular-ui/components/grid/integration-with-chart)
+* Globalization&mdash;The Kendo UI for Angular Data Grid supports globalization to ensure that it can fit well in any application, no matter what languages and locales need to be supported. Additionally, the Grid supports rendering in a right-to-left (RTL) direction. [Read more about the globalization of the Grid...](https://www.telerik.com/kendo-angular-ui/components/grid/globalization)
+* Accessibility&mdash;The Data Grid is [WCAG 2.2 AA](https://www.w3.org/TR/WCAG22/) and Section [508 compliant](https://www.section508.gov/), incorporating [WAI-ARIA](https://www.w3.org/WAI/ARIA/apg/) best practices for modern web accessibility. The Grid is also tested against the popular screen readers, including JAWS and NVDA. [Read more about the accessibility of the Grid...](https://www.telerik.com/kendo-angular-ui/components/grid/accessibility)
+* Keyboard Navigation&mdash;The Data Grid supports a number of keyboard shortcuts which allow users to accomplish various commands. [Read more about the keyboard navigation of the Grid...](https://www.telerik.com/kendo-angular-ui/components/grid/keyboard-navigation)
 
 ## Support Options
 
 For any issues you might encounter while working with the Kendo UI for Angular Grid, 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?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-grid).
-* Product forums&mdash;The [Kendo UI for Angular forums](https://www.telerik.com/forums/kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-grid) 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?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-grid) is where you can request and vote for new features to be added.
+* 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-center/contact-us/technical-support).
+* 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
 
-* [Get Started with Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/getting-started?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-grid)
-* [Grid API reference](https://www.telerik.com/kendo-angular-ui/components/grid/api?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-grid)
-* [Kendo UI for Angular roadmap](https://www.telerik.com/kendo-angular-ui/roadmap?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-grid)
-* [Kendo UI for Angular Blog](https://www.telerik.com/blogs/tag/kendo-ui-for-angular?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-grid)
-* [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-grid)
-* [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-grid)
+* [Getting Started with Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/getting-started)
+* [Getting Started with the Kendo UI for Angular Grid](https://www.telerik.com/kendo-angular-ui/components/grid/installation/getting-started)
+* [Demos, documentation, and component reference](https://www.telerik.com/kendo-angular-ui/components)
+* [Blogs](http://www.telerik.com/blogs/kendo-ui)
+* [Kendo UI for Angular pricing and licensing](https://www.telerik.com/purchase/kendo-ui)
 
 *Copyright © 2024 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
 

package/directives.d.ts

@@ -141,6 +141,9 @@ import { StatusBarComponent } from "./aggregates/status-bar.component";
 import { StatusBarTemplateDirective } from "./aggregates/status-bar-template.directive";
 import { GridClipboardDirective } from "./common/clipboard.directive";
 import { TemplateContextDirective } from "@progress/kendo-angular-common";
+import { PDFCommandToolbarDirective } from "./pdf/pdf-command-tool.directive";
+import { ExcelCommandToolbarDirective } from "./excel/excel-command-tool.directive";
+import { AddCommandToolbarDirective } from "./editing/add-command-tool.directive";
 /**
  * @hidden
  *
@@ -222,7 +225,7 @@ export declare const KENDO_GRID_FOOTER_EXPORTS: readonly [typeof FooterComponent
  *
  * Utility array that contains the Body module exports
  */
-export declare const KENDO_GRID_BODY_EXPORTS: readonly [typeof CommandColumnComponent, typeof CheckboxColumnComponent, typeof SelectionCheckboxDirective, typeof CellTemplateDirective, typeof EditTemplateDirective, typeof TableBodyComponent, typeof NoRecordsTemplateDirective, typeof CellComponent, typeof EditCommandDirective, typeof CancelCommandDirective, typeof SaveCommandDirective, typeof RemoveCommandDirective, typeof AddCommandDirective, typeof CellLoadingTemplateDirective, typeof LoadingTemplateDirective, typeof RowReorderColumnComponent];
+export declare const KENDO_GRID_BODY_EXPORTS: readonly [typeof CommandColumnComponent, typeof CheckboxColumnComponent, typeof SelectionCheckboxDirective, typeof CellTemplateDirective, typeof EditTemplateDirective, typeof TableBodyComponent, typeof NoRecordsTemplateDirective, typeof CellComponent, typeof EditCommandDirective, typeof CancelCommandDirective, typeof SaveCommandDirective, typeof RemoveCommandDirective, typeof AddCommandDirective, typeof AddCommandToolbarDirective, typeof CellLoadingTemplateDirective, typeof LoadingTemplateDirective, typeof RowReorderColumnComponent];
 /**
  * @hidden
  *
@@ -240,20 +243,20 @@ export declare const KENDO_GRID_DECLARATIONS: readonly [typeof GridComponent, ty
  *
  * Utility array that contains the Grid module exports
  */
-export declare const KENDO_GRID_EXPORTS: readonly [typeof GridComponent, typeof ToolbarTemplateDirective, typeof ToolbarComponent, typeof GridSpacerComponent, typeof StatusBarTemplateDirective, typeof DataBindingDirective, typeof SelectionDirective, typeof CustomMessagesComponent, typeof GroupBindingDirective, typeof TemplateEditingDirective, typeof ReactiveEditingDirective, typeof InCellEditingDirective, typeof ExpandDetailsDirective, typeof ExpandGroupDirective, typeof GridToolbarFocusableDirective, typeof GroupHeaderTemplateDirective, typeof GroupHeaderColumnTemplateDirective, typeof GroupFooterTemplateDirective, typeof GroupHeaderComponent, typeof GroupPanelComponent, typeof ColumnComponent, typeof ColumnGroupComponent, typeof LogicalCellDirective, typeof LogicalRowDirective, typeof FocusableDirective, typeof FooterTemplateDirective, typeof ColGroupComponent, typeof ResizableContainerDirective, typeof TemplateContextDirective, typeof FieldAccessorPipe, typeof DetailTemplateDirective, typeof SpanColumnComponent, typeof LoadingComponent, typeof GridTableDirective, typeof CommandColumnComponent, typeof CheckboxColumnComponent, typeof SelectionCheckboxDirective, typeof CellTemplateDirective, typeof EditTemplateDirective, typeof TableBodyComponent, typeof NoRecordsTemplateDirective, typeof CellComponent, typeof EditCommandDirective, typeof CancelCommandDirective, typeof SaveCommandDirective, typeof RemoveCommandDirective, typeof AddCommandDirective, typeof CellLoadingTemplateDirective, typeof LoadingTemplateDirective, typeof RowReorderColumnComponent, typeof HeaderComponent, typeof HeaderTemplateDirective, typeof ColumnHandleDirective, typeof SelectAllCheckboxDirective, typeof PagerComponent, typeof PagerPrevButtonsComponent, typeof PagerNextButtonsComponent, typeof PagerNumericButtonsComponent, typeof PagerInputComponent, typeof PagerInfoComponent, typeof PagerPageSizesComponent, typeof PagerTemplateDirective, typeof PagerDropDownListDirective, typeof PagerInputDirective, 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 FilterMenuComponent, typeof FilterMenuContainerComponent, typeof FilterMenuInputWrapperComponent, typeof StringFilterMenuInputComponent, typeof StringFilterMenuComponent, typeof FilterMenuTemplateDirective, typeof NumericFilterMenuComponent, typeof NumericFilterMenuInputComponent, typeof DateFilterMenuInputComponent, typeof DateFilterMenuComponent, typeof FilterMenuHostDirective, typeof BooleanFilterMenuComponent, typeof FilterMenuDropDownListDirective, typeof BooleanFilterRadioButtonDirective, typeof ColumnChooserComponent, typeof ColumnMenuFilterComponent, typeof ColumnMenuItemComponent, typeof ColumnMenuItemContentTemplateDirective, typeof ColumnMenuSortComponent, typeof ColumnMenuLockComponent, typeof ColumnMenuStickComponent, typeof ColumnMenuPositionComponent, typeof ColumnMenuChooserComponent, typeof ColumnMenuTemplateDirective, typeof ColumnMenuContainerComponent, typeof ColumnMenuItemDirective, typeof ColumnMenuComponent, typeof ColumnMenuAutoSizeColumnComponent, typeof ColumnMenuAutoSizeAllColumnsComponent, typeof GridClipboardDirective];
+export declare const KENDO_GRID_EXPORTS: readonly [typeof GridComponent, typeof ToolbarTemplateDirective, typeof ToolbarComponent, typeof GridSpacerComponent, typeof StatusBarTemplateDirective, typeof DataBindingDirective, typeof SelectionDirective, typeof CustomMessagesComponent, typeof GroupBindingDirective, typeof TemplateEditingDirective, typeof ReactiveEditingDirective, typeof InCellEditingDirective, typeof ExpandDetailsDirective, typeof ExpandGroupDirective, typeof GridToolbarFocusableDirective, typeof GroupHeaderTemplateDirective, typeof GroupHeaderColumnTemplateDirective, typeof GroupFooterTemplateDirective, typeof GroupHeaderComponent, typeof GroupPanelComponent, typeof ColumnComponent, typeof ColumnGroupComponent, typeof LogicalCellDirective, typeof LogicalRowDirective, typeof FocusableDirective, typeof FooterTemplateDirective, typeof ColGroupComponent, typeof ResizableContainerDirective, typeof TemplateContextDirective, typeof FieldAccessorPipe, typeof DetailTemplateDirective, typeof SpanColumnComponent, typeof LoadingComponent, typeof GridTableDirective, typeof CommandColumnComponent, typeof CheckboxColumnComponent, typeof SelectionCheckboxDirective, typeof CellTemplateDirective, typeof EditTemplateDirective, typeof TableBodyComponent, typeof NoRecordsTemplateDirective, typeof CellComponent, typeof EditCommandDirective, typeof CancelCommandDirective, typeof SaveCommandDirective, typeof RemoveCommandDirective, typeof AddCommandDirective, typeof AddCommandToolbarDirective, typeof CellLoadingTemplateDirective, typeof LoadingTemplateDirective, typeof RowReorderColumnComponent, typeof HeaderComponent, typeof HeaderTemplateDirective, typeof ColumnHandleDirective, typeof SelectAllCheckboxDirective, typeof PagerComponent, typeof PagerPrevButtonsComponent, typeof PagerNextButtonsComponent, typeof PagerNumericButtonsComponent, typeof PagerInputComponent, typeof PagerInfoComponent, typeof PagerPageSizesComponent, typeof PagerTemplateDirective, typeof PagerDropDownListDirective, typeof PagerInputDirective, 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 FilterMenuComponent, typeof FilterMenuContainerComponent, typeof FilterMenuInputWrapperComponent, typeof StringFilterMenuInputComponent, typeof StringFilterMenuComponent, typeof FilterMenuTemplateDirective, typeof NumericFilterMenuComponent, typeof NumericFilterMenuInputComponent, typeof DateFilterMenuInputComponent, typeof DateFilterMenuComponent, typeof FilterMenuHostDirective, typeof BooleanFilterMenuComponent, typeof FilterMenuDropDownListDirective, typeof BooleanFilterRadioButtonDirective, typeof ColumnChooserComponent, typeof ColumnMenuFilterComponent, typeof ColumnMenuItemComponent, typeof ColumnMenuItemContentTemplateDirective, typeof ColumnMenuSortComponent, typeof ColumnMenuLockComponent, typeof ColumnMenuStickComponent, typeof ColumnMenuPositionComponent, typeof ColumnMenuChooserComponent, typeof ColumnMenuTemplateDirective, typeof ColumnMenuContainerComponent, typeof ColumnMenuItemDirective, typeof ColumnMenuComponent, typeof ColumnMenuAutoSizeColumnComponent, typeof ColumnMenuAutoSizeAllColumnsComponent, typeof GridClipboardDirective];
 /**
  * @hidden
  *
  * Utility array that contains the ExcelExport module exports
  */
-export declare const KENDO_GRID_EXCEL_EXPORT: readonly [typeof ExcelComponent, typeof ExcelCommandDirective];
+export declare const KENDO_GRID_EXCEL_EXPORT: readonly [typeof ExcelComponent, typeof ExcelCommandDirective, typeof ExcelCommandToolbarDirective];
 /**
  * @hidden
  *
  * Utility array that contains the PDFModule declarations and exports
  */
-export declare const KENDO_GRID_PDF_EXPORT: readonly [typeof PDFComponent, typeof PDFMarginComponent, typeof PDFCommandDirective, typeof PDFTemplateDirective];
+export declare const KENDO_GRID_PDF_EXPORT: readonly [typeof PDFComponent, typeof PDFMarginComponent, typeof PDFCommandDirective, typeof PDFTemplateDirective, typeof PDFCommandToolbarDirective];
 /**
  * Utility array that contains all `Grid` related components and directives
  */
-export declare const KENDO_GRID: readonly [typeof GridComponent, typeof ToolbarTemplateDirective, typeof ToolbarComponent, typeof GridSpacerComponent, typeof StatusBarTemplateDirective, typeof DataBindingDirective, typeof SelectionDirective, typeof CustomMessagesComponent, typeof GroupBindingDirective, typeof TemplateEditingDirective, typeof ReactiveEditingDirective, typeof InCellEditingDirective, typeof ExpandDetailsDirective, typeof ExpandGroupDirective, typeof GridToolbarFocusableDirective, typeof GroupHeaderTemplateDirective, typeof GroupHeaderColumnTemplateDirective, typeof GroupFooterTemplateDirective, typeof GroupHeaderComponent, typeof GroupPanelComponent, typeof ColumnComponent, typeof ColumnGroupComponent, typeof LogicalCellDirective, typeof LogicalRowDirective, typeof FocusableDirective, typeof FooterTemplateDirective, typeof ColGroupComponent, typeof ResizableContainerDirective, typeof TemplateContextDirective, typeof FieldAccessorPipe, typeof DetailTemplateDirective, typeof SpanColumnComponent, typeof LoadingComponent, typeof GridTableDirective, typeof CommandColumnComponent, typeof CheckboxColumnComponent, typeof SelectionCheckboxDirective, typeof CellTemplateDirective, typeof EditTemplateDirective, typeof TableBodyComponent, typeof NoRecordsTemplateDirective, typeof CellComponent, typeof EditCommandDirective, typeof CancelCommandDirective, typeof SaveCommandDirective, typeof RemoveCommandDirective, typeof AddCommandDirective, typeof CellLoadingTemplateDirective, typeof LoadingTemplateDirective, typeof RowReorderColumnComponent, typeof HeaderComponent, typeof HeaderTemplateDirective, typeof ColumnHandleDirective, typeof SelectAllCheckboxDirective, typeof PagerComponent, typeof PagerPrevButtonsComponent, typeof PagerNextButtonsComponent, typeof PagerNumericButtonsComponent, typeof PagerInputComponent, typeof PagerInfoComponent, typeof PagerPageSizesComponent, typeof PagerTemplateDirective, typeof PagerDropDownListDirective, typeof PagerInputDirective, 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 FilterMenuComponent, typeof FilterMenuContainerComponent, typeof FilterMenuInputWrapperComponent, typeof StringFilterMenuInputComponent, typeof StringFilterMenuComponent, typeof FilterMenuTemplateDirective, typeof NumericFilterMenuComponent, typeof NumericFilterMenuInputComponent, typeof DateFilterMenuInputComponent, typeof DateFilterMenuComponent, typeof FilterMenuHostDirective, typeof BooleanFilterMenuComponent, typeof FilterMenuDropDownListDirective, typeof BooleanFilterRadioButtonDirective, typeof ColumnChooserComponent, typeof ColumnMenuFilterComponent, typeof ColumnMenuItemComponent, typeof ColumnMenuItemContentTemplateDirective, typeof ColumnMenuSortComponent, typeof ColumnMenuLockComponent, typeof ColumnMenuStickComponent, typeof ColumnMenuPositionComponent, typeof ColumnMenuChooserComponent, typeof ColumnMenuTemplateDirective, typeof ColumnMenuContainerComponent, typeof ColumnMenuItemDirective, typeof ColumnMenuComponent, typeof ColumnMenuAutoSizeColumnComponent, typeof ColumnMenuAutoSizeAllColumnsComponent, typeof GridClipboardDirective, typeof ExcelComponent, typeof ExcelCommandDirective, typeof PDFComponent, typeof PDFMarginComponent, typeof PDFCommandDirective, typeof PDFTemplateDirective];
+export declare const KENDO_GRID: readonly [typeof GridComponent, typeof ToolbarTemplateDirective, typeof ToolbarComponent, typeof GridSpacerComponent, typeof StatusBarTemplateDirective, typeof DataBindingDirective, typeof SelectionDirective, typeof CustomMessagesComponent, typeof GroupBindingDirective, typeof TemplateEditingDirective, typeof ReactiveEditingDirective, typeof InCellEditingDirective, typeof ExpandDetailsDirective, typeof ExpandGroupDirective, typeof GridToolbarFocusableDirective, typeof GroupHeaderTemplateDirective, typeof GroupHeaderColumnTemplateDirective, typeof GroupFooterTemplateDirective, typeof GroupHeaderComponent, typeof GroupPanelComponent, typeof ColumnComponent, typeof ColumnGroupComponent, typeof LogicalCellDirective, typeof LogicalRowDirective, typeof FocusableDirective, typeof FooterTemplateDirective, typeof ColGroupComponent, typeof ResizableContainerDirective, typeof TemplateContextDirective, typeof FieldAccessorPipe, typeof DetailTemplateDirective, typeof SpanColumnComponent, typeof LoadingComponent, typeof GridTableDirective, typeof CommandColumnComponent, typeof CheckboxColumnComponent, typeof SelectionCheckboxDirective, typeof CellTemplateDirective, typeof EditTemplateDirective, typeof TableBodyComponent, typeof NoRecordsTemplateDirective, typeof CellComponent, typeof EditCommandDirective, typeof CancelCommandDirective, typeof SaveCommandDirective, typeof RemoveCommandDirective, typeof AddCommandDirective, typeof AddCommandToolbarDirective, typeof CellLoadingTemplateDirective, typeof LoadingTemplateDirective, typeof RowReorderColumnComponent, typeof HeaderComponent, typeof HeaderTemplateDirective, typeof ColumnHandleDirective, typeof SelectAllCheckboxDirective, typeof PagerComponent, typeof PagerPrevButtonsComponent, typeof PagerNextButtonsComponent, typeof PagerNumericButtonsComponent, typeof PagerInputComponent, typeof PagerInfoComponent, typeof PagerPageSizesComponent, typeof PagerTemplateDirective, typeof PagerDropDownListDirective, typeof PagerInputDirective, 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 FilterMenuComponent, typeof FilterMenuContainerComponent, typeof FilterMenuInputWrapperComponent, typeof StringFilterMenuInputComponent, typeof StringFilterMenuComponent, typeof FilterMenuTemplateDirective, typeof NumericFilterMenuComponent, typeof NumericFilterMenuInputComponent, typeof DateFilterMenuInputComponent, typeof DateFilterMenuComponent, typeof FilterMenuHostDirective, typeof BooleanFilterMenuComponent, typeof FilterMenuDropDownListDirective, typeof BooleanFilterRadioButtonDirective, typeof ColumnChooserComponent, typeof ColumnMenuFilterComponent, typeof ColumnMenuItemComponent, typeof ColumnMenuItemContentTemplateDirective, typeof ColumnMenuSortComponent, typeof ColumnMenuLockComponent, typeof ColumnMenuStickComponent, typeof ColumnMenuPositionComponent, typeof ColumnMenuChooserComponent, typeof ColumnMenuTemplateDirective, typeof ColumnMenuContainerComponent, typeof ColumnMenuItemDirective, typeof ColumnMenuComponent, typeof ColumnMenuAutoSizeColumnComponent, typeof ColumnMenuAutoSizeAllColumnsComponent, typeof GridClipboardDirective, typeof ExcelComponent, typeof ExcelCommandDirective, typeof ExcelCommandToolbarDirective, typeof PDFComponent, typeof PDFMarginComponent, typeof PDFCommandDirective, typeof PDFTemplateDirective, typeof PDFCommandToolbarDirective];

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

@@ -0,0 +1,39 @@
+/**-----------------------------------------------------------------------------------------
+* 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 Grid.
+ * You can apply this directive to any `kendo-toolbar-button` element inside a
+ * ToolbarComponent used in the Grid.
+ *
+ * When the user clicks the toolbar button that is associated with the directive, , the
+ * [add]({% slug api_grid_gridcomponent %}#toc-add) event is triggered
+ * ([see example]({% slug basics_editing_grid %})).
+ *
+ * @example
+ * ```html-no-run
+ * <kendo-grid>
+ *      <kendo-toolbar>
+ *         <kendo-toolbar-button text="Add new" kendoGridAddTool></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, "[kendoGridAddTool]", never, {}, {}, never, never, true, never>;
+}

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

@@ -177,7 +177,7 @@ ColumnChooserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
                 (keydown.shift.tab)="onShiftTab($event)">
             </kendo-grid-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-grid-columnlist", inputs: ["columns", "autoSync", "ariaLabel", "allowHideAll", "applyText", "resetText", "actionsClass", "isLast", "isExpanded", "service"], 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-grid-columnlist", inputs: ["columns", "autoSync", "ariaLabel", "allowHideAll", "applyText", "resetText", "actionsClass", "isLast", "isExpanded", "service"], outputs: ["reset", "apply", "columnChange"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnChooserComponent, decorators: [{
             type: Component,
             args: [{

package/esm2020/common/error-messages.mjs

@@ -60,5 +60,8 @@ export const GridConfigurationErrorMessages = {
     groupBindingDirectives: `Using the "kendoGridGroupBinding" directive in combination with the "kendoGridExpandGroupBy" directive
         or the "isGroupExpanded" callback is not supported. To use grouping with the "kendoGridGroupBinding" directive,
         set the Grid "groupable" property to "true".`,
-    unsupportedMethod: (methodName, suggestedMethodName) => `Using ${methodName} in this context is not supported. Use ${suggestedMethodName} instead.`
+    unsupportedMethod: (methodName, suggestedMethodName) => `Using ${methodName} in this context is not supported. Use ${suggestedMethodName} instead.`,
+    unsupportedToolbarConfig: `
+        Defining both a toolbar template and a ToolBarComponent within the Grid is not supported.
+        Please use either the ToolBarComponent or a custom template.`
 };

package/esm2020/directives.mjs

@@ -149,6 +149,9 @@ import { StatusBarComponent } from "./aggregates/status-bar.component";
 import { StatusBarTemplateDirective } from "./aggregates/status-bar-template.directive";
 import { GridClipboardDirective } from "./common/clipboard.directive";
 import { TemplateContextDirective } from "@progress/kendo-angular-common";
+import { PDFCommandToolbarDirective } from "./pdf/pdf-command-tool.directive";
+import { ExcelCommandToolbarDirective } from "./excel/excel-command-tool.directive";
+import { AddCommandToolbarDirective } from "./editing/add-command-tool.directive";
 /**
  * @hidden
  *
@@ -363,6 +366,7 @@ export const KENDO_GRID_BODY_EXPORTS = [
     SaveCommandDirective,
     RemoveCommandDirective,
     AddCommandDirective,
+    AddCommandToolbarDirective,
     CellLoadingTemplateDirective,
     LoadingTemplateDirective,
     RowReorderColumnComponent
@@ -450,7 +454,8 @@ export const KENDO_GRID_EXPORTS = [
  */
 export const KENDO_GRID_EXCEL_EXPORT = [
     ExcelComponent,
-    ExcelCommandDirective
+    ExcelCommandDirective,
+    ExcelCommandToolbarDirective
 ];
 /**
  * @hidden
@@ -461,7 +466,8 @@ export const KENDO_GRID_PDF_EXPORT = [
     PDFComponent,
     PDFMarginComponent,
     PDFCommandDirective,
-    PDFTemplateDirective
+    PDFTemplateDirective,
+    PDFCommandToolbarDirective
 ];
 /**
  * Utility array that contains all `Grid` related components and directives

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

@@ -0,0 +1,62 @@
+/**-----------------------------------------------------------------------------------------
+* 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 Grid.
+ * You can apply this directive to any `kendo-toolbar-button` element inside a
+ * ToolbarComponent used in the Grid.
+ *
+ * When the user clicks the toolbar button that is associated with the directive, , the
+ * [add]({% slug api_grid_gridcomponent %}#toc-add) event is triggered
+ * ([see example]({% slug basics_editing_grid %})).
+ *
+ * @example
+ * ```html-no-run
+ * <kendo-grid>
+ *      <kendo-toolbar>
+ *         <kendo-toolbar-button text="Add new" kendoGridAddTool></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: "[kendoGridAddTool]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AddCommandToolbarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGridAddTool]',
+                    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 Grid.
+ * You can apply this directive to any `kendo-toolbar-button` element inside a
+ * ToolbarComponent used in the Grid.
+ *
+ * When the user clicks a button associated with the directive, the
+ * [excelExport]({% slug api_grid_gridcomponent %}#toc-excelexport) event
+ * fires ([see example]({% slug excelexport_grid %})).
+ *
+ * @example
+ * ```html-no-run
+ * <kendo-grid>
+ *      <kendo-toolbar>
+ *         <kendo-toolbar-button text="Excel Export" kendoGridExcelTool></kendo-toolbar-button>
+ *      </kendo-toolbar>
+ *      <kendo-grid-excel fileName="Grid.xlsx">
+ *      </kendo-grid-excel>
+ * </kendo-grid>
+ * ```
+ */
+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: "[kendoGridExcelTool]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelCommandToolbarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGridExcelTool]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ExcelService }, { type: i2.ToolBarButtonComponent }]; } });

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

@@ -23,7 +23,7 @@ import * as i2 from "../common/provider.service";
  * ```html
  * <kendo-grid>
  *      <ng-template kendoGridToolbarTemplate>
- *          <button kendoGridExcelCommand>Export to PDF</button>
+ *          <button kendoGridExcelCommand>Export to Excel</button>
  *      </ng-template>
  *      <kendo-grid-excel fileName="Grid.xlsx">
  *      </kendo-grid-excel>

package/esm2020/excel/excel.module.mjs

@@ -10,6 +10,7 @@ import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-icons";
 import * as i2 from "./excel.component";
 import * as i3 from "./excel-command.directive";
+import * as i4 from "./excel-command-tool.directive";
 // IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
@@ -35,8 +36,8 @@ import * as i3 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.IconComponent, i1.SVGIconComponent, i2.ExcelComponent, i3.ExcelCommandDirective], exports: [i2.ExcelComponent, i3.ExcelCommandDirective, ExcelExportModule] });
-ExcelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelModule, providers: [IconsService], imports: [KENDO_ICONS, KENDO_GRID_EXCEL_EXPORT, ExcelExportModule] });
+ExcelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ExcelModule, imports: [i1.IconComponent, i1.SVGIconComponent, i2.ExcelComponent, i3.ExcelCommandDirective, i4.ExcelCommandToolbarDirective], exports: [i2.ExcelComponent, i3.ExcelCommandDirective, i4.ExcelCommandToolbarDirective, ExcelExportModule] });
+ExcelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelModule, providers: [IconsService], imports: [KENDO_ICONS, i2.ExcelComponent, i3.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

@@ -155,7 +155,7 @@ FilterCellOperatorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
             [size]="size"
             (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: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { 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: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { 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: [{