@progress/kendo-angular-grid 17.0.0-develop.1 → 17.0.0-develop.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,56 +1,66 @@
1
- <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">
1
+ <a href="https://www.telerik.com/kendo-angular-ui/components/grid" target="_blank">
2
2
  <img [width]="631" src="https://www.telerik.com/kendo-angular-ui/npm-banner.svg" alt="Kendo UI for Angular Data Grid">
3
3
  </a>
4
4
 
5
- ## Kendo UI for Angular Data Grid (Table) Component
5
+ ## Kendo UI for Angular Data Grid Component
6
6
 
7
- > **Important**
8
- > * 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.
9
- > * 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).
10
- > * 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).
11
- > * 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!
12
- >
13
- > [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!
7
+ > * This package is part of the [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/)&mdash;a commercial UI library.
8
+ > * 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).
9
+ > * 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!
14
10
 
15
- 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.
11
+ 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.
16
12
 
17
- ## Angular Data Grid
18
-
19
- <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">
13
+ ## Key Features
20
14
 
21
15
  Among the many features which the Kendo UI for Angular Grid delivers are:
22
16
 
23
- * [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.
24
- * [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.
25
- * [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.
26
- * [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.
27
- * [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.
28
- * 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.
29
- * [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.
30
- * [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.
31
- * [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.
32
- * [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.
33
- * [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.
34
- * [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.
35
- * [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.
36
- * [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.
17
+ * 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)
18
+ * 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)
19
+ * 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)
20
+ * 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)
21
+ * 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)
22
+ * 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)
23
+ * 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).
24
+ * Rows Options&mdash;The Data Grid provides an extensive collection of row configuration options, including:
25
+
26
+ - [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.
27
+ - [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.
28
+ - [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.
29
+ - [Row reordering](https://www.telerik.com/kendo-angular-ui/components/grid/rows/reordering)&mdash;Allows you to reorder rows by dragging and dropping them.
30
+ - [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.
31
+ * Columns Options&mdash;The Data Grid provides an extensive collection of column configuration options, including:
32
+
33
+ - [Hiding columns](https://www.telerik.com/kendo-angular-ui/components/grid/columns/hidden)&mdash;Allows you to show or hide columns.
34
+ - [Spanning columns](https://www.telerik.com/kendo-angular-ui/components/grid/columns/spanned)&mdash;Spanning of the row content over multiple cells of data.
35
+ - [Setting multi-column headers](https://www.telerik.com/kendo-angular-ui/components/grid/columns/headers)&mdash;Grouping columns under a common header.
36
+ - [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.
37
+ - [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.
38
+ - [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.
39
+ - [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.
40
+ - [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.
41
+ * 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)
42
+ * 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).
43
+ * 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.
44
+ * 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)
45
+ * 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)
46
+ * 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)
47
+ * 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)
37
48
 
38
49
  ## Support Options
39
50
 
40
51
  For any issues you might encounter while working with the Kendo UI for Angular Grid, you have the following support channels available:
41
52
 
42
- * 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).
43
- * 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.
44
- * 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.
53
+ * 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).
54
+ * 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.
55
+ * 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.
45
56
 
46
57
  ## Resources
47
58
 
48
- * [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)
49
- * [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)
50
- * [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)
51
- * [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)
52
- * [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)
53
- * [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)
59
+ * [Getting Started with Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/getting-started)
60
+ * [Getting Started with the Kendo UI for Angular Grid](https://www.telerik.com/kendo-angular-ui/components/grid/installation/getting-started)
61
+ * [Demos, documentation, and component reference](https://www.telerik.com/kendo-angular-ui/components)
62
+ * [Blogs](http://www.telerik.com/blogs/kendo-ui)
63
+ * [Kendo UI for Angular pricing and licensing](https://www.telerik.com/purchase/kendo-ui)
54
64
 
55
65
  *Copyright © 2024 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
56
66
 
@@ -177,7 +177,7 @@ ColumnChooserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
177
177
  (keydown.shift.tab)="onShiftTab($event)">
178
178
  </kendo-grid-columnlist>
179
179
  </ng-template>
180
- `, 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"] }] });
180
+ `, 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"] }] });
181
181
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnChooserComponent, decorators: [{
182
182
  type: Component,
183
183
  args: [{
@@ -155,7 +155,7 @@ FilterCellOperatorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
155
155
  [size]="size"
156
156
  (click)="clearClick()"
157
157
  (keydown)="clearKeydown($event)"></button>
158
- `, 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"] }] });
158
+ `, 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"] }] });
159
159
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterCellOperatorsComponent, decorators: [{
160
160
  type: Component,
161
161
  args: [{
@@ -2330,7 +2330,6 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
2330
2330
  >
2331
2331
  </ng-container>
2332
2332
  <kendo-grid-toolbar
2333
- class="k-toolbar k-grid-toolbar"
2334
2333
  *ngIf="showTopToolbar"
2335
2334
  [size]="size"
2336
2335
  [attr.aria-label]="messageFor('topToolbarLabel')"
@@ -2642,7 +2641,7 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
2642
2641
  (pageChange)="notifyPageChange('pager', $event)">
2643
2642
  </kendo-pager>
2644
2643
  <kendo-grid-toolbar
2645
- class="k-toolbar k-grid-toolbar k-grid-toolbar-bottom"
2644
+ class="k-grid-toolbar-bottom"
2646
2645
  *ngIf="showBottomToolbar"
2647
2646
  [size]="size"
2648
2647
  [navigable]="navigation.toolbarEnabled"
@@ -2967,7 +2966,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
2967
2966
  >
2968
2967
  </ng-container>
2969
2968
  <kendo-grid-toolbar
2970
- class="k-toolbar k-grid-toolbar"
2971
2969
  *ngIf="showTopToolbar"
2972
2970
  [size]="size"
2973
2971
  [attr.aria-label]="messageFor('topToolbarLabel')"
@@ -3279,7 +3277,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
3279
3277
  (pageChange)="notifyPageChange('pager', $event)">
3280
3278
  </kendo-pager>
3281
3279
  <kendo-grid-toolbar
3282
- class="k-toolbar k-grid-toolbar k-grid-toolbar-bottom"
3280
+ class="k-grid-toolbar-bottom"
3283
3281
  *ngIf="showBottomToolbar"
3284
3282
  [size]="size"
3285
3283
  [navigable]="navigation.toolbarEnabled"
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-grid',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1728903519,
13
- version: '17.0.0-develop.1',
12
+ publishDate: 1729239086,
13
+ version: '17.0.0-develop.11',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
@@ -70,7 +70,7 @@ PagerNextButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
70
70
  [attr.aria-label]="textFor('pagerLastPage')"
71
71
  (click)="currentPage !== totalPages ? changePage(totalPages-1) : false">
72
72
  </button>
73
- `, 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: "[kendoGridFocusable],\n [kendoGridEditCommand],\n [kendoGridRemoveCommand],\n [kendoGridSaveCommand],\n [kendoGridCancelCommand],\n [kendoGridSelectionCheckbox]\n ", inputs: ["kendoGridFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
73
+ `, 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: "[kendoGridFocusable],\n [kendoGridEditCommand],\n [kendoGridRemoveCommand],\n [kendoGridSaveCommand],\n [kendoGridCancelCommand],\n [kendoGridSelectionCheckbox]\n ", inputs: ["kendoGridFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
74
74
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerNextButtonsComponent, decorators: [{
75
75
  type: Component,
76
76
  args: [{
@@ -162,7 +162,7 @@ PagerNumericButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
162
162
  [attr.title]="pageLabel(end + 1)"
163
163
  (click)="changePage(end)">...</button>
164
164
  </div>
165
- `, isInline: true, dependencies: [{ kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n [kendoGridEditCommand],\n [kendoGridRemoveCommand],\n [kendoGridSaveCommand],\n [kendoGridCancelCommand],\n [kendoGridSelectionCheckbox]\n ", inputs: ["kendoGridFocusable"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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 });
165
+ `, isInline: true, dependencies: [{ kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n [kendoGridEditCommand],\n [kendoGridRemoveCommand],\n [kendoGridSaveCommand],\n [kendoGridCancelCommand],\n [kendoGridSelectionCheckbox]\n ", inputs: ["kendoGridFocusable"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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 });
166
166
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerNumericButtonsComponent, decorators: [{
167
167
  type: Component,
168
168
  args: [{
@@ -71,7 +71,7 @@ PagerPrevButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
71
71
  [attr.aria-label]="textFor('pagerPreviousPage')"
72
72
  (click)="currentPage !== 1 ? changePage(currentPage-2) : false">
73
73
  </button>
74
- `, 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: "[kendoGridFocusable],\n [kendoGridEditCommand],\n [kendoGridRemoveCommand],\n [kendoGridSaveCommand],\n [kendoGridCancelCommand],\n [kendoGridSelectionCheckbox]\n ", inputs: ["kendoGridFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
74
+ `, 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: "[kendoGridFocusable],\n [kendoGridEditCommand],\n [kendoGridRemoveCommand],\n [kendoGridSaveCommand],\n [kendoGridCancelCommand],\n [kendoGridSelectionCheckbox]\n ", inputs: ["kendoGridFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
75
75
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerPrevButtonsComponent, decorators: [{
76
76
  type: Component,
77
77
  args: [{
@@ -17,6 +17,7 @@ export class ToolbarComponent {
17
17
  this.wrapper = wrapper;
18
18
  this.context = {};
19
19
  this.role = 'toolbar';
20
+ this.hostClasses = true;
20
21
  this._size = 'medium';
21
22
  this.navigationService = this.ctx[`${this.wrapper.nativeElement.getAttribute('position')}ToolbarNavigation`];
22
23
  }
@@ -88,7 +89,7 @@ export class ToolbarComponent {
88
89
  }
89
90
  }
90
91
  ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.ContextService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
91
- ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarComponent, isStandalone: true, selector: "kendo-grid-toolbar", inputs: { position: "position", size: "size", navigable: "navigable" }, host: { listeners: { "click": "clickHandler($event)", "keydown.arrowleft": "arrowLeftListener($event)", "keydown.arrowright": "arrowRightListener($event)", "keydown.home": "homeKeyListener($event)", "keydown.end": "endKeyListener($event)" }, properties: { "attr.role": "this.role", "class.k-toolbar-sm": "this.sizeSmallClass", "class.k-toolbar-md": "this.sizeMediumClass" } }, ngImport: i0, template: `
92
+ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarComponent, isStandalone: true, selector: "kendo-grid-toolbar", inputs: { position: "position", size: "size", navigable: "navigable" }, host: { listeners: { "click": "clickHandler($event)", "keydown.arrowleft": "arrowLeftListener($event)", "keydown.arrowright": "arrowRightListener($event)", "keydown.home": "homeKeyListener($event)", "keydown.end": "endKeyListener($event)" }, properties: { "attr.role": "this.role", "class.k-toolbar": "this.hostClasses", "class.k-grid-toolbar": "this.hostClasses", "class.k-toolbar-solid": "this.hostClasses", "class.k-toolbar-sm": "this.sizeSmallClass", "class.k-toolbar-md": "this.sizeMediumClass" } }, ngImport: i0, template: `
92
93
  <ng-template
93
94
  *ngIf="toolbarTemplateRef"
94
95
  [ngTemplateOutlet]="toolbarTemplateRef"
@@ -110,6 +111,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
110
111
  }], ctorParameters: function () { return [{ type: i1.ContextService }, { type: i0.ElementRef }]; }, propDecorators: { role: [{
111
112
  type: HostBinding,
112
113
  args: ['attr.role']
114
+ }], hostClasses: [{
115
+ type: HostBinding,
116
+ args: ['class.k-toolbar']
117
+ }, {
118
+ type: HostBinding,
119
+ args: ['class.k-grid-toolbar']
120
+ }, {
121
+ type: HostBinding,
122
+ args: ['class.k-toolbar-solid']
113
123
  }], sizeSmallClass: [{
114
124
  type: HostBinding,
115
125
  args: ['class.k-toolbar-sm']
@@ -6375,7 +6375,7 @@ FilterCellOperatorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
6375
6375
  [size]="size"
6376
6376
  (click)="clearClick()"
6377
6377
  (keydown)="clearKeydown($event)"></button>
6378
- `, 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"] }] });
6378
+ `, 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"] }] });
6379
6379
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterCellOperatorsComponent, decorators: [{
6380
6380
  type: Component,
6381
6381
  args: [{
@@ -10614,7 +10614,7 @@ ColumnChooserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
10614
10614
  (keydown.shift.tab)="onShiftTab($event)">
10615
10615
  </kendo-grid-columnlist>
10616
10616
  </ng-template>
10617
- `, 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"] }] });
10617
+ `, 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"] }] });
10618
10618
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnChooserComponent, decorators: [{
10619
10619
  type: Component,
10620
10620
  args: [{
@@ -18776,7 +18776,7 @@ PagerNumericButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
18776
18776
  [attr.title]="pageLabel(end + 1)"
18777
18777
  (click)="changePage(end)">...</button>
18778
18778
  </div>
18779
- `, isInline: true, dependencies: [{ kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n [kendoGridEditCommand],\n [kendoGridRemoveCommand],\n [kendoGridSaveCommand],\n [kendoGridCancelCommand],\n [kendoGridSelectionCheckbox]\n ", inputs: ["kendoGridFocusable"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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 });
18779
+ `, isInline: true, dependencies: [{ kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n [kendoGridEditCommand],\n [kendoGridRemoveCommand],\n [kendoGridSaveCommand],\n [kendoGridCancelCommand],\n [kendoGridSelectionCheckbox]\n ", inputs: ["kendoGridFocusable"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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 });
18780
18780
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerNumericButtonsComponent, decorators: [{
18781
18781
  type: Component,
18782
18782
  args: [{
@@ -18927,7 +18927,7 @@ PagerNextButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
18927
18927
  [attr.aria-label]="textFor('pagerLastPage')"
18928
18928
  (click)="currentPage !== totalPages ? changePage(totalPages-1) : false">
18929
18929
  </button>
18930
- `, 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: "[kendoGridFocusable],\n [kendoGridEditCommand],\n [kendoGridRemoveCommand],\n [kendoGridSaveCommand],\n [kendoGridCancelCommand],\n [kendoGridSelectionCheckbox]\n ", inputs: ["kendoGridFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
18930
+ `, 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: "[kendoGridFocusable],\n [kendoGridEditCommand],\n [kendoGridRemoveCommand],\n [kendoGridSaveCommand],\n [kendoGridCancelCommand],\n [kendoGridSelectionCheckbox]\n ", inputs: ["kendoGridFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
18931
18931
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerNextButtonsComponent, decorators: [{
18932
18932
  type: Component,
18933
18933
  args: [{
@@ -19177,7 +19177,7 @@ PagerPrevButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
19177
19177
  [attr.aria-label]="textFor('pagerPreviousPage')"
19178
19178
  (click)="currentPage !== 1 ? changePage(currentPage-2) : false">
19179
19179
  </button>
19180
- `, 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: "[kendoGridFocusable],\n [kendoGridEditCommand],\n [kendoGridRemoveCommand],\n [kendoGridSaveCommand],\n [kendoGridCancelCommand],\n [kendoGridSelectionCheckbox]\n ", inputs: ["kendoGridFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
19180
+ `, 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: "[kendoGridFocusable],\n [kendoGridEditCommand],\n [kendoGridRemoveCommand],\n [kendoGridSaveCommand],\n [kendoGridCancelCommand],\n [kendoGridSelectionCheckbox]\n ", inputs: ["kendoGridFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
19181
19181
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerPrevButtonsComponent, decorators: [{
19182
19182
  type: Component,
19183
19183
  args: [{
@@ -19735,8 +19735,8 @@ const packageMetadata = {
19735
19735
  name: '@progress/kendo-angular-grid',
19736
19736
  productName: 'Kendo UI for Angular',
19737
19737
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
19738
- publishDate: 1728903519,
19739
- version: '17.0.0-develop.1',
19738
+ publishDate: 1729239086,
19739
+ version: '17.0.0-develop.11',
19740
19740
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
19741
19741
  };
19742
19742
 
@@ -22485,6 +22485,7 @@ class ToolbarComponent {
22485
22485
  this.wrapper = wrapper;
22486
22486
  this.context = {};
22487
22487
  this.role = 'toolbar';
22488
+ this.hostClasses = true;
22488
22489
  this._size = 'medium';
22489
22490
  this.navigationService = this.ctx[`${this.wrapper.nativeElement.getAttribute('position')}ToolbarNavigation`];
22490
22491
  }
@@ -22556,7 +22557,7 @@ class ToolbarComponent {
22556
22557
  }
22557
22558
  }
22558
22559
  ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarComponent, deps: [{ token: ContextService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
22559
- ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarComponent, isStandalone: true, selector: "kendo-grid-toolbar", inputs: { position: "position", size: "size", navigable: "navigable" }, host: { listeners: { "click": "clickHandler($event)", "keydown.arrowleft": "arrowLeftListener($event)", "keydown.arrowright": "arrowRightListener($event)", "keydown.home": "homeKeyListener($event)", "keydown.end": "endKeyListener($event)" }, properties: { "attr.role": "this.role", "class.k-toolbar-sm": "this.sizeSmallClass", "class.k-toolbar-md": "this.sizeMediumClass" } }, ngImport: i0, template: `
22560
+ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarComponent, isStandalone: true, selector: "kendo-grid-toolbar", inputs: { position: "position", size: "size", navigable: "navigable" }, host: { listeners: { "click": "clickHandler($event)", "keydown.arrowleft": "arrowLeftListener($event)", "keydown.arrowright": "arrowRightListener($event)", "keydown.home": "homeKeyListener($event)", "keydown.end": "endKeyListener($event)" }, properties: { "attr.role": "this.role", "class.k-toolbar": "this.hostClasses", "class.k-grid-toolbar": "this.hostClasses", "class.k-toolbar-solid": "this.hostClasses", "class.k-toolbar-sm": "this.sizeSmallClass", "class.k-toolbar-md": "this.sizeMediumClass" } }, ngImport: i0, template: `
22560
22561
  <ng-template
22561
22562
  *ngIf="toolbarTemplateRef"
22562
22563
  [ngTemplateOutlet]="toolbarTemplateRef"
@@ -22578,6 +22579,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
22578
22579
  }], ctorParameters: function () { return [{ type: ContextService }, { type: i0.ElementRef }]; }, propDecorators: { role: [{
22579
22580
  type: HostBinding,
22580
22581
  args: ['attr.role']
22582
+ }], hostClasses: [{
22583
+ type: HostBinding,
22584
+ args: ['class.k-toolbar']
22585
+ }, {
22586
+ type: HostBinding,
22587
+ args: ['class.k-grid-toolbar']
22588
+ }, {
22589
+ type: HostBinding,
22590
+ args: ['class.k-toolbar-solid']
22581
22591
  }], sizeSmallClass: [{
22582
22592
  type: HostBinding,
22583
22593
  args: ['class.k-toolbar-sm']
@@ -25032,7 +25042,6 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
25032
25042
  >
25033
25043
  </ng-container>
25034
25044
  <kendo-grid-toolbar
25035
- class="k-toolbar k-grid-toolbar"
25036
25045
  *ngIf="showTopToolbar"
25037
25046
  [size]="size"
25038
25047
  [attr.aria-label]="messageFor('topToolbarLabel')"
@@ -25344,7 +25353,7 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
25344
25353
  (pageChange)="notifyPageChange('pager', $event)">
25345
25354
  </kendo-pager>
25346
25355
  <kendo-grid-toolbar
25347
- class="k-toolbar k-grid-toolbar k-grid-toolbar-bottom"
25356
+ class="k-grid-toolbar-bottom"
25348
25357
  *ngIf="showBottomToolbar"
25349
25358
  [size]="size"
25350
25359
  [navigable]="navigation.toolbarEnabled"
@@ -25669,7 +25678,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
25669
25678
  >
25670
25679
  </ng-container>
25671
25680
  <kendo-grid-toolbar
25672
- class="k-toolbar k-grid-toolbar"
25673
25681
  *ngIf="showTopToolbar"
25674
25682
  [size]="size"
25675
25683
  [attr.aria-label]="messageFor('topToolbarLabel')"
@@ -25981,7 +25989,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
25981
25989
  (pageChange)="notifyPageChange('pager', $event)">
25982
25990
  </kendo-pager>
25983
25991
  <kendo-grid-toolbar
25984
- class="k-toolbar k-grid-toolbar k-grid-toolbar-bottom"
25992
+ class="k-grid-toolbar-bottom"
25985
25993
  *ngIf="showBottomToolbar"
25986
25994
  [size]="size"
25987
25995
  [navigable]="navigation.toolbarEnabled"
@@ -6349,7 +6349,7 @@ FilterCellOperatorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
6349
6349
  [size]="size"
6350
6350
  (click)="clearClick()"
6351
6351
  (keydown)="clearKeydown($event)"></button>
6352
- `, 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"] }] });
6352
+ `, 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"] }] });
6353
6353
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FilterCellOperatorsComponent, decorators: [{
6354
6354
  type: Component,
6355
6355
  args: [{
@@ -10612,7 +10612,7 @@ ColumnChooserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
10612
10612
  (keydown.shift.tab)="onShiftTab($event)">
10613
10613
  </kendo-grid-columnlist>
10614
10614
  </ng-template>
10615
- `, 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"] }] });
10615
+ `, 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"] }] });
10616
10616
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnChooserComponent, decorators: [{
10617
10617
  type: Component,
10618
10618
  args: [{
@@ -18718,7 +18718,7 @@ PagerNumericButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
18718
18718
  [attr.title]="pageLabel(end + 1)"
18719
18719
  (click)="changePage(end)">...</button>
18720
18720
  </div>
18721
- `, isInline: true, dependencies: [{ kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n [kendoGridEditCommand],\n [kendoGridRemoveCommand],\n [kendoGridSaveCommand],\n [kendoGridCancelCommand],\n [kendoGridSelectionCheckbox]\n ", inputs: ["kendoGridFocusable"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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 });
18721
+ `, isInline: true, dependencies: [{ kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n [kendoGridEditCommand],\n [kendoGridRemoveCommand],\n [kendoGridSaveCommand],\n [kendoGridCancelCommand],\n [kendoGridSelectionCheckbox]\n ", inputs: ["kendoGridFocusable"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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 });
18722
18722
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerNumericButtonsComponent, decorators: [{
18723
18723
  type: Component,
18724
18724
  args: [{
@@ -18869,7 +18869,7 @@ PagerNextButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
18869
18869
  [attr.aria-label]="textFor('pagerLastPage')"
18870
18870
  (click)="currentPage !== totalPages ? changePage(totalPages-1) : false">
18871
18871
  </button>
18872
- `, 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: "[kendoGridFocusable],\n [kendoGridEditCommand],\n [kendoGridRemoveCommand],\n [kendoGridSaveCommand],\n [kendoGridCancelCommand],\n [kendoGridSelectionCheckbox]\n ", inputs: ["kendoGridFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
18872
+ `, 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: "[kendoGridFocusable],\n [kendoGridEditCommand],\n [kendoGridRemoveCommand],\n [kendoGridSaveCommand],\n [kendoGridCancelCommand],\n [kendoGridSelectionCheckbox]\n ", inputs: ["kendoGridFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
18873
18873
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerNextButtonsComponent, decorators: [{
18874
18874
  type: Component,
18875
18875
  args: [{
@@ -19119,7 +19119,7 @@ PagerPrevButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
19119
19119
  [attr.aria-label]="textFor('pagerPreviousPage')"
19120
19120
  (click)="currentPage !== 1 ? changePage(currentPage-2) : false">
19121
19121
  </button>
19122
- `, 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: "[kendoGridFocusable],\n [kendoGridEditCommand],\n [kendoGridRemoveCommand],\n [kendoGridSaveCommand],\n [kendoGridCancelCommand],\n [kendoGridSelectionCheckbox]\n ", inputs: ["kendoGridFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
19122
+ `, 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: "[kendoGridFocusable],\n [kendoGridEditCommand],\n [kendoGridRemoveCommand],\n [kendoGridSaveCommand],\n [kendoGridCancelCommand],\n [kendoGridSelectionCheckbox]\n ", inputs: ["kendoGridFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
19123
19123
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerPrevButtonsComponent, decorators: [{
19124
19124
  type: Component,
19125
19125
  args: [{
@@ -19630,8 +19630,8 @@ const packageMetadata = {
19630
19630
  name: '@progress/kendo-angular-grid',
19631
19631
  productName: 'Kendo UI for Angular',
19632
19632
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
19633
- publishDate: 1728903519,
19634
- version: '17.0.0-develop.1',
19633
+ publishDate: 1729239086,
19634
+ version: '17.0.0-develop.11',
19635
19635
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
19636
19636
  };
19637
19637
 
@@ -22374,6 +22374,7 @@ class ToolbarComponent {
22374
22374
  this.wrapper = wrapper;
22375
22375
  this.context = {};
22376
22376
  this.role = 'toolbar';
22377
+ this.hostClasses = true;
22377
22378
  this._size = 'medium';
22378
22379
  this.navigationService = this.ctx[`${this.wrapper.nativeElement.getAttribute('position')}ToolbarNavigation`];
22379
22380
  }
@@ -22445,7 +22446,7 @@ class ToolbarComponent {
22445
22446
  }
22446
22447
  }
22447
22448
  ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarComponent, deps: [{ token: ContextService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
22448
- ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarComponent, isStandalone: true, selector: "kendo-grid-toolbar", inputs: { position: "position", size: "size", navigable: "navigable" }, host: { listeners: { "click": "clickHandler($event)", "keydown.arrowleft": "arrowLeftListener($event)", "keydown.arrowright": "arrowRightListener($event)", "keydown.home": "homeKeyListener($event)", "keydown.end": "endKeyListener($event)" }, properties: { "attr.role": "this.role", "class.k-toolbar-sm": "this.sizeSmallClass", "class.k-toolbar-md": "this.sizeMediumClass" } }, ngImport: i0, template: `
22449
+ ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarComponent, isStandalone: true, selector: "kendo-grid-toolbar", inputs: { position: "position", size: "size", navigable: "navigable" }, host: { listeners: { "click": "clickHandler($event)", "keydown.arrowleft": "arrowLeftListener($event)", "keydown.arrowright": "arrowRightListener($event)", "keydown.home": "homeKeyListener($event)", "keydown.end": "endKeyListener($event)" }, properties: { "attr.role": "this.role", "class.k-toolbar": "this.hostClasses", "class.k-grid-toolbar": "this.hostClasses", "class.k-toolbar-solid": "this.hostClasses", "class.k-toolbar-sm": "this.sizeSmallClass", "class.k-toolbar-md": "this.sizeMediumClass" } }, ngImport: i0, template: `
22449
22450
  <ng-template
22450
22451
  *ngIf="toolbarTemplateRef"
22451
22452
  [ngTemplateOutlet]="toolbarTemplateRef"
@@ -22467,6 +22468,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
22467
22468
  }], ctorParameters: function () { return [{ type: ContextService }, { type: i0.ElementRef }]; }, propDecorators: { role: [{
22468
22469
  type: HostBinding,
22469
22470
  args: ['attr.role']
22471
+ }], hostClasses: [{
22472
+ type: HostBinding,
22473
+ args: ['class.k-toolbar']
22474
+ }, {
22475
+ type: HostBinding,
22476
+ args: ['class.k-grid-toolbar']
22477
+ }, {
22478
+ type: HostBinding,
22479
+ args: ['class.k-toolbar-solid']
22470
22480
  }], sizeSmallClass: [{
22471
22481
  type: HostBinding,
22472
22482
  args: ['class.k-toolbar-sm']
@@ -24916,7 +24926,6 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
24916
24926
  >
24917
24927
  </ng-container>
24918
24928
  <kendo-grid-toolbar
24919
- class="k-toolbar k-grid-toolbar"
24920
24929
  *ngIf="showTopToolbar"
24921
24930
  [size]="size"
24922
24931
  [attr.aria-label]="messageFor('topToolbarLabel')"
@@ -25228,7 +25237,7 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
25228
25237
  (pageChange)="notifyPageChange('pager', $event)">
25229
25238
  </kendo-pager>
25230
25239
  <kendo-grid-toolbar
25231
- class="k-toolbar k-grid-toolbar k-grid-toolbar-bottom"
25240
+ class="k-grid-toolbar-bottom"
25232
25241
  *ngIf="showBottomToolbar"
25233
25242
  [size]="size"
25234
25243
  [navigable]="navigation.toolbarEnabled"
@@ -25553,7 +25562,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
25553
25562
  >
25554
25563
  </ng-container>
25555
25564
  <kendo-grid-toolbar
25556
- class="k-toolbar k-grid-toolbar"
25557
25565
  *ngIf="showTopToolbar"
25558
25566
  [size]="size"
25559
25567
  [attr.aria-label]="messageFor('topToolbarLabel')"
@@ -25865,7 +25873,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
25865
25873
  (pageChange)="notifyPageChange('pager', $event)">
25866
25874
  </kendo-pager>
25867
25875
  <kendo-grid-toolbar
25868
- class="k-toolbar k-grid-toolbar k-grid-toolbar-bottom"
25876
+ class="k-grid-toolbar-bottom"
25869
25877
  *ngIf="showBottomToolbar"
25870
25878
  [size]="size"
25871
25879
  [navigable]="navigation.toolbarEnabled"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-grid",
3
- "version": "17.0.0-develop.1",
3
+ "version": "17.0.0-develop.11",
4
4
  "description": "Kendo UI Grid for Angular - high performance data grid with paging, filtering, virtualization, CRUD, and more.",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -33,25 +33,25 @@
33
33
  "@progress/kendo-data-query": "^1.0.0",
34
34
  "@progress/kendo-drawing": "^1.20.4",
35
35
  "@progress/kendo-licensing": "^1.0.2",
36
- "@progress/kendo-angular-buttons": "17.0.0-develop.1",
37
- "@progress/kendo-angular-common": "17.0.0-develop.1",
38
- "@progress/kendo-angular-dateinputs": "17.0.0-develop.1",
39
- "@progress/kendo-angular-layout": "17.0.0-develop.1",
40
- "@progress/kendo-angular-dropdowns": "17.0.0-develop.1",
41
- "@progress/kendo-angular-excel-export": "17.0.0-develop.1",
42
- "@progress/kendo-angular-icons": "17.0.0-develop.1",
43
- "@progress/kendo-angular-inputs": "17.0.0-develop.1",
44
- "@progress/kendo-angular-intl": "17.0.0-develop.1",
45
- "@progress/kendo-angular-l10n": "17.0.0-develop.1",
46
- "@progress/kendo-angular-label": "17.0.0-develop.1",
47
- "@progress/kendo-angular-pdf-export": "17.0.0-develop.1",
48
- "@progress/kendo-angular-popup": "17.0.0-develop.1",
49
- "@progress/kendo-angular-utils": "17.0.0-develop.1",
36
+ "@progress/kendo-angular-buttons": "17.0.0-develop.11",
37
+ "@progress/kendo-angular-common": "17.0.0-develop.11",
38
+ "@progress/kendo-angular-dateinputs": "17.0.0-develop.11",
39
+ "@progress/kendo-angular-layout": "17.0.0-develop.11",
40
+ "@progress/kendo-angular-dropdowns": "17.0.0-develop.11",
41
+ "@progress/kendo-angular-excel-export": "17.0.0-develop.11",
42
+ "@progress/kendo-angular-icons": "17.0.0-develop.11",
43
+ "@progress/kendo-angular-inputs": "17.0.0-develop.11",
44
+ "@progress/kendo-angular-intl": "17.0.0-develop.11",
45
+ "@progress/kendo-angular-l10n": "17.0.0-develop.11",
46
+ "@progress/kendo-angular-label": "17.0.0-develop.11",
47
+ "@progress/kendo-angular-pdf-export": "17.0.0-develop.11",
48
+ "@progress/kendo-angular-popup": "17.0.0-develop.11",
49
+ "@progress/kendo-angular-utils": "17.0.0-develop.11",
50
50
  "rxjs": "^6.5.3 || ^7.0.0"
51
51
  },
52
52
  "dependencies": {
53
53
  "tslib": "^2.3.1",
54
- "@progress/kendo-angular-schematics": "17.0.0-develop.1",
54
+ "@progress/kendo-angular-schematics": "17.0.0-develop.11",
55
55
  "@progress/kendo-common": "^0.2.0",
56
56
  "@progress/kendo-file-saver": "^1.0.0"
57
57
  },
@@ -15,6 +15,7 @@ export declare class ToolbarComponent {
15
15
  private wrapper;
16
16
  context: any;
17
17
  role: string;
18
+ hostClasses: boolean;
18
19
  get sizeSmallClass(): boolean;
19
20
  get sizeMediumClass(): boolean;
20
21
  set position(value: ToolbarPosition);
@@ -4,14 +4,14 @@ const schematics_1 = require("@angular-devkit/schematics");
4
4
  function default_1(options) {
5
5
  const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'GridModule', package: 'grid', peerDependencies: {
6
6
  // peer deps of the dropdowns
7
- '@progress/kendo-angular-treeview': '17.0.0-develop.1',
8
- '@progress/kendo-angular-navigation': '17.0.0-develop.1',
7
+ '@progress/kendo-angular-treeview': '17.0.0-develop.11',
8
+ '@progress/kendo-angular-navigation': '17.0.0-develop.11',
9
9
  // peer dependency of kendo-angular-inputs
10
- '@progress/kendo-angular-dialog': '17.0.0-develop.1',
10
+ '@progress/kendo-angular-dialog': '17.0.0-develop.11',
11
11
  // peer dependency of kendo-angular-icons
12
12
  '@progress/kendo-svg-icons': '^3.0.0',
13
13
  // peer dependency of kendo-angular-layout
14
- '@progress/kendo-angular-progressbar': '17.0.0-develop.1'
14
+ '@progress/kendo-angular-progressbar': '17.0.0-develop.11'
15
15
  } });
16
16
  return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
17
17
  }