@progress/kendo-angular-treelist 17.0.0-develop.37 → 17.0.0-develop.38

package/esm2022/rendering/header/header.component.mjs

@@ -35,6 +35,7 @@ import { ColumnMenuComponent } from '../../column-menu/column-menu.component';
 import { FilterMenuComponent } from '../../filtering/menu/filter-menu.component';
 import { LogicalCellDirective } from '../../navigation/logical-cell.directive';
 import { LogicalRowDirective } from '../../navigation/logical-row.directive';
+import { CheckBoxComponent } from '@progress/kendo-angular-inputs';
 import * as i0 from "@angular/core";
 import * as i1 from "../../common/single-popup.service";
 import * as i2 from "../../dragdrop/drag-hint.service";
@@ -271,8 +272,8 @@ export class HeaderComponent {
         return column.isCheckboxColumn && column.showSelectAll && !column.headerTemplateRef &&
             this.selectionService.enableMultiple;
     }
-    selectAllClick(args) {
-        this.selectionService.toggleAll(args.target.checked);
+    selectAllChange(state) {
+        this.selectionService.toggleAll(state);
     }
     sortDescriptor(field) {
         return this.sort.find(item => item.field === field) || { field };
@@ -438,7 +439,7 @@ export class HeaderComponent {
                                 <ng-container *ngIf="!column.headerTemplateRef">
                                     <span class="k-column-title">{{column.displayTitle}}</span>
                                 </ng-container>
-                                <span class="k-sort-icon">
+                                <span [class.k-sort-icon]="sortDescriptor(getColumnComponent(column).field).dir">
                                 <kendo-icon-wrapper
                                         *ngIf="sortDescriptor(getColumnComponent(column).field).dir"
                                         role="note" [attr.aria-label]="sortableLabel"
@@ -465,12 +466,11 @@ export class HeaderComponent {
                         </span>
                     </ng-template>
                     <ng-template [ngIf]="renderSelectAll(column)">
-                        <input
-                            type="checkbox"
-                            class="k-checkbox k-checkbox-md k-rounded-md"
-                            [attr.aria-label]="messageFor('selectAllRowsCheckboxLabel')"
+                        <kendo-checkbox
+                            [inputAttributes]="{'aria-label': messageFor('selectAllRowsCheckboxLabel')}"
                             kendoTreeListFocusable
-                            (click)="selectAllClick($event)" />
+                            (checkedStateChange)="selectAllChange($event)"
+                        ></kendo-checkbox>
                     </ng-template>
                     <span kendoTreeListColumnHandle
                         kendoDraggable
@@ -543,7 +543,7 @@ export class HeaderComponent {
             [logicalSlaveCellsCount]="unlockedColumnsCount"
         >
         </tr>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: LogicalRowDirective, selector: "[kendoTreeListLogicalRow]", inputs: ["logicalRowIndex", "logicalSlaveRow", "logicalCellsCount", "logicalSlaveCellsCount", "dataRowIndex", "dataItem", "isNew", "totalColumns"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: LogicalCellDirective, selector: "[kendoTreeListLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "column", "colIndex", "colSpan", "rowSpan", "dataRowIndex", "dataItem", "expandable"] }, { kind: "directive", type: DropTargetDirective, selector: "[kendoDropTarget]", inputs: ["context"], outputs: ["enter", "leave", "drop"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: DraggableColumnDirective, selector: "[kendoDraggableColumn]", inputs: ["context", "enableDrag"], outputs: ["drag"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: FilterMenuComponent, selector: "kendo-treelist-filter-menu", inputs: ["column", "filter"] }, { kind: "component", type: ColumnMenuComponent, selector: "kendo-treelist-column-menu", inputs: ["standalone", "column", "settings", "sort", "filter", "sortable", "columnMenuTemplate"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoTreeListFocusable],\n        [kendoTreeListAddCommand],\n        [kendoTreeListEditCommand],\n        [kendoTreeListRemoveCommand],\n        [kendoTreeListSaveCommand],\n        [kendoTreeListCancelCommand]\n    ", inputs: ["kendoTreeListFocusable", "enabled", "kendoTreeListAddCommand", "kendoTreeListEditCommand", "kendoTreeListRemoveCommand", "kendoTreeListSaveCommand", "kendoTreeListCancelCommand"] }, { kind: "directive", type: ColumnHandleDirective, selector: "[kendoTreeListColumnHandle]", inputs: ["columns", "column"] }, { kind: "component", type: FilterRowComponent, selector: "[kendoTreeListFilterRow]", inputs: ["columns", "filter", "logicalRowIndex", "lockedColumnsCount"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: LogicalRowDirective, selector: "[kendoTreeListLogicalRow]", inputs: ["logicalRowIndex", "logicalSlaveRow", "logicalCellsCount", "logicalSlaveCellsCount", "dataRowIndex", "dataItem", "isNew", "totalColumns"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: LogicalCellDirective, selector: "[kendoTreeListLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "column", "colIndex", "colSpan", "rowSpan", "dataRowIndex", "dataItem", "expandable"] }, { kind: "directive", type: DropTargetDirective, selector: "[kendoDropTarget]", inputs: ["context"], outputs: ["enter", "leave", "drop"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: DraggableColumnDirective, selector: "[kendoDraggableColumn]", inputs: ["context", "enableDrag"], outputs: ["drag"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: FilterMenuComponent, selector: "kendo-treelist-filter-menu", inputs: ["column", "filter"] }, { kind: "component", type: ColumnMenuComponent, selector: "kendo-treelist-column-menu", inputs: ["standalone", "column", "settings", "sort", "filter", "sortable", "columnMenuTemplate"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoTreeListFocusable],\n        [kendoTreeListAddCommand],\n        [kendoTreeListEditCommand],\n        [kendoTreeListRemoveCommand],\n        [kendoTreeListSaveCommand],\n        [kendoTreeListCancelCommand]\n    ", inputs: ["kendoTreeListFocusable", "enabled", "kendoTreeListAddCommand", "kendoTreeListEditCommand", "kendoTreeListRemoveCommand", "kendoTreeListSaveCommand", "kendoTreeListCancelCommand"] }, { kind: "directive", type: ColumnHandleDirective, selector: "[kendoTreeListColumnHandle]", inputs: ["columns", "column"] }, { kind: "component", type: FilterRowComponent, selector: "[kendoTreeListFilterRow]", inputs: ["columns", "filter", "logicalRowIndex", "lockedColumnsCount"] }, { kind: "component", type: CheckBoxComponent, selector: "kendo-checkbox", inputs: ["checkedState", "rounded"], outputs: ["checkedStateChange"], exportAs: ["kendoCheckBox"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderComponent, decorators: [{
             type: Component,
@@ -626,7 +626,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                                 <ng-container *ngIf="!column.headerTemplateRef">
                                     <span class="k-column-title">{{column.displayTitle}}</span>
                                 </ng-container>
-                                <span class="k-sort-icon">
+                                <span [class.k-sort-icon]="sortDescriptor(getColumnComponent(column).field).dir">
                                 <kendo-icon-wrapper
                                         *ngIf="sortDescriptor(getColumnComponent(column).field).dir"
                                         role="note" [attr.aria-label]="sortableLabel"
@@ -653,12 +653,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         </span>
                     </ng-template>
                     <ng-template [ngIf]="renderSelectAll(column)">
-                        <input
-                            type="checkbox"
-                            class="k-checkbox k-checkbox-md k-rounded-md"
-                            [attr.aria-label]="messageFor('selectAllRowsCheckboxLabel')"
+                        <kendo-checkbox
+                            [inputAttributes]="{'aria-label': messageFor('selectAllRowsCheckboxLabel')}"
                             kendoTreeListFocusable
-                            (click)="selectAllClick($event)" />
+                            (checkedStateChange)="selectAllChange($event)"
+                        ></kendo-checkbox>
                     </ng-template>
                     <span kendoTreeListColumnHandle
                         kendoDraggable
@@ -733,7 +732,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         </tr>
     `,
                     standalone: true,
-                    imports: [NgFor, LogicalRowDirective, NgIf, LogicalCellDirective, DropTargetDirective, DraggableDirective, DraggableColumnDirective, NgClass, NgStyle, FilterMenuComponent, ColumnMenuComponent, TemplateContextDirective, IconWrapperComponent, FocusableDirective, ColumnHandleDirective, FilterRowComponent]
+                    imports: [NgFor, LogicalRowDirective, NgIf, LogicalCellDirective, DropTargetDirective, DraggableDirective, DraggableColumnDirective, NgClass, NgStyle, FilterMenuComponent, ColumnMenuComponent, TemplateContextDirective, IconWrapperComponent, FocusableDirective, ColumnHandleDirective, FilterRowComponent, CheckBoxComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i1.SinglePopupService }, { type: i2.DragHintService }, { type: i3.DropCueService }, { type: i4.ColumnReorderService }, { type: i5.SortService }, { type: i6.SelectionService }, { type: i7.LocalizationService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { totalColumnLevels: [{
                 type: Input

package/esm2022/rendering/header/header.module.mjs

@@ -84,7 +84,7 @@ import * as i69 from "../../column-menu/column-menu-template.directive";
 export class HeaderModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: HeaderModule, imports: [i1.HeaderComponent, i2.HeaderTemplateDirective, i3.ColumnHandleDirective, i4.FilterRowComponent, i5.FilterCellComponent, i6.FilterCellTemplateDirective, i7.StringFilterCellComponent, i8.NumericFilterCellComponent, i9.AutoCompleteFilterCellComponent, i10.BooleanFilterCellComponent, i11.FilterCellHostDirective, i12.FilterCellWrapperComponent, i13.DateFilterCellComponent, i14.FilterCellOperatorsComponent, i15.ContainsFilterOperatorComponent, i16.DoesNotContainFilterOperatorComponent, i17.EndsWithFilterOperatorComponent, i18.EqualFilterOperatorComponent, i19.IsEmptyFilterOperatorComponent, i20.IsNotEmptyFilterOperatorComponent, i21.IsNotNullFilterOperatorComponent, i22.IsNullFilterOperatorComponent, i23.NotEqualFilterOperatorComponent, i24.StartsWithFilterOperatorComponent, i25.GreaterFilterOperatorComponent, i26.GreaterOrEqualToFilterOperatorComponent, i27.LessFilterOperatorComponent, i28.LessOrEqualToFilterOperatorComponent, i29.AfterFilterOperatorComponent, i30.AfterEqFilterOperatorComponent, i31.BeforeEqFilterOperatorComponent, i32.BeforeFilterOperatorComponent, i33.FilterInputDirective, i34.ColumnComponent, i35.ColumnGroupComponent, i36.LogicalCellDirective, i37.LogicalRowDirective, i38.FocusableDirective, i39.ColGroupComponent, i40.ResizableContainerDirective, i41.TemplateContextDirective, i42.FieldAccessorPipe, i43.SpanColumnComponent, i44.LoadingComponent, i14.FilterCellOperatorsComponent, i45.CheckboxColumnComponent, i46.RowReorderColumnComponent, i47.CustomMessagesComponent, i47.PagerFocusableDirective, i47.PagerInfoComponent, i47.PagerInputComponent, i47.PagerNextButtonsComponent, i47.PagerNumericButtonsComponent, i47.PagerPageSizesComponent, i47.PagerPrevButtonsComponent, i47.PagerTemplateDirective, i47.PagerComponent, i47.PagerSpacerComponent, i48.FilterMenuComponent, i49.FilterMenuContainerComponent, i50.FilterMenuInputWrapperComponent, i51.StringFilterMenuInputComponent, i52.StringFilterMenuComponent, i53.FilterMenuTemplateDirective, i54.NumericFilterMenuComponent, i55.NumericFilterMenuInputComponent, i56.DateFilterMenuInputComponent, i57.DateFilterMenuComponent, i58.FilterMenuHostDirective, i59.BooleanFilterMenuComponent, i60.BooleanFilterRadioButtonDirective, i34.ColumnComponent, i35.ColumnGroupComponent, i36.LogicalCellDirective, i37.LogicalRowDirective, i38.FocusableDirective, i39.ColGroupComponent, i40.ResizableContainerDirective, i41.TemplateContextDirective, i42.FieldAccessorPipe, i43.SpanColumnComponent, i44.LoadingComponent, i14.FilterCellOperatorsComponent, i45.CheckboxColumnComponent, i46.RowReorderColumnComponent, i47.CustomMessagesComponent, i47.PagerFocusableDirective, i47.PagerInfoComponent, i47.PagerInputComponent, i47.PagerNextButtonsComponent, i47.PagerNumericButtonsComponent, i47.PagerPageSizesComponent, i47.PagerPrevButtonsComponent, i47.PagerTemplateDirective, i47.PagerComponent, i47.PagerSpacerComponent, i61.ColumnChooserComponent, i62.ColumnMenuChooserComponent, i63.ColumnMenuFilterComponent, i64.ColumnMenuItemComponent, i65.ColumnMenuItemContentTemplateDirective, i66.ColumnMenuSortComponent, i67.ColumnMenuComponent, i68.ColumnMenuLockComponent, i69.ColumnMenuTemplateDirective, DraggableColumnDirective, DropTargetDirective], exports: [i1.HeaderComponent, i2.HeaderTemplateDirective, i3.ColumnHandleDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderModule, imports: [i1.HeaderComponent, i7.StringFilterCellComponent, i8.NumericFilterCellComponent, i9.AutoCompleteFilterCellComponent, i10.BooleanFilterCellComponent, i12.FilterCellWrapperComponent, i13.DateFilterCellComponent, i14.FilterCellOperatorsComponent, i14.FilterCellOperatorsComponent, i47.CustomMessagesComponent, i47.PagerInfoComponent, i47.PagerInputComponent, i47.PagerNextButtonsComponent, i47.PagerNumericButtonsComponent, i47.PagerPageSizesComponent, i47.PagerPrevButtonsComponent, i47.PagerComponent, i47.PagerSpacerComponent, i48.FilterMenuComponent, i49.FilterMenuContainerComponent, i50.FilterMenuInputWrapperComponent, i51.StringFilterMenuInputComponent, i52.StringFilterMenuComponent, i54.NumericFilterMenuComponent, i55.NumericFilterMenuInputComponent, i56.DateFilterMenuInputComponent, i57.DateFilterMenuComponent, i14.FilterCellOperatorsComponent, i47.CustomMessagesComponent, i47.PagerInfoComponent, i47.PagerInputComponent, i47.PagerNextButtonsComponent, i47.PagerNumericButtonsComponent, i47.PagerPageSizesComponent, i47.PagerPrevButtonsComponent, i47.PagerComponent, i47.PagerSpacerComponent, i61.ColumnChooserComponent, i62.ColumnMenuChooserComponent, i63.ColumnMenuFilterComponent, i64.ColumnMenuItemComponent, i66.ColumnMenuSortComponent, i67.ColumnMenuComponent, i68.ColumnMenuLockComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderModule, imports: [i1.HeaderComponent, i7.StringFilterCellComponent, i8.NumericFilterCellComponent, i9.AutoCompleteFilterCellComponent, i10.BooleanFilterCellComponent, i12.FilterCellWrapperComponent, i13.DateFilterCellComponent, i14.FilterCellOperatorsComponent, i14.FilterCellOperatorsComponent, i47.CustomMessagesComponent, i47.PagerInfoComponent, i47.PagerInputComponent, i47.PagerNextButtonsComponent, i47.PagerNumericButtonsComponent, i47.PagerPageSizesComponent, i47.PagerPrevButtonsComponent, i47.PagerComponent, i47.PagerSpacerComponent, i48.FilterMenuComponent, i49.FilterMenuContainerComponent, i50.FilterMenuInputWrapperComponent, i51.StringFilterMenuInputComponent, i52.StringFilterMenuComponent, i54.NumericFilterMenuComponent, i55.NumericFilterMenuInputComponent, i56.DateFilterMenuInputComponent, i57.DateFilterMenuComponent, i59.BooleanFilterMenuComponent, i14.FilterCellOperatorsComponent, i47.CustomMessagesComponent, i47.PagerInfoComponent, i47.PagerInputComponent, i47.PagerNextButtonsComponent, i47.PagerNumericButtonsComponent, i47.PagerPageSizesComponent, i47.PagerPrevButtonsComponent, i47.PagerComponent, i47.PagerSpacerComponent, i61.ColumnChooserComponent, i62.ColumnMenuChooserComponent, i63.ColumnMenuFilterComponent, i64.ColumnMenuItemComponent, i66.ColumnMenuSortComponent, i67.ColumnMenuComponent, i68.ColumnMenuLockComponent] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderModule, decorators: [{
             type: NgModule,

package/esm2022/rendering/list.component.mjs

@@ -572,7 +572,7 @@ export class ListComponent {
             DOMMouseScroll: lockedMousewheel
         }"
         [scope]="this">
-        <div role="presentation" class="k-grid-table-wrap">
+        <div role="presentation">
             <table
                 kendoTreeListResizableTable
                 [locked]="true"
@@ -611,7 +611,7 @@ export class ListComponent {
         [kendoTreeListResizableContainer]="lockedLeafColumns.length > 0"
         [lockedWidth]="lockedWidth + 1"
     >
-        <div role="presentation" class="k-grid-table-wrap">
+        <div role="presentation">
             <table 
                 [style.width.px]="nonLockedWidth" 
                 #table
@@ -674,7 +674,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             DOMMouseScroll: lockedMousewheel
         }"
         [scope]="this">
-        <div role="presentation" class="k-grid-table-wrap">
+        <div role="presentation">
             <table
                 kendoTreeListResizableTable
                 [locked]="true"
@@ -713,7 +713,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         [kendoTreeListResizableContainer]="lockedLeafColumns.length > 0"
         [lockedWidth]="lockedWidth + 1"
     >
-        <div role="presentation" class="k-grid-table-wrap">
+        <div role="presentation">
             <table 
                 [style.width.px]="nonLockedWidth" 
                 #table

package/esm2022/rendering/table-body.component.mjs

@@ -352,7 +352,7 @@ export class TableBodyComponent {
     }
     checkboxClick(cell, row, eventArg) {
         const isCheckboxCell = hasClasses(cell, 'k-checkbox-cell');
-        const isCheckbox = hasClasses(eventArg.target, 'k-checkbox');
+        const isCheckbox = eventArg.target.closest('.k-checkbox-wrap');
         if (isCheckboxCell && !isCheckbox && this.selection.settings.checkboxOnly) {
             return;
         }
@@ -360,7 +360,8 @@ export class TableBodyComponent {
             this.selection.enabled && this.selection.rowSelection) {
             const args = this.cellClickArgs(cell, row, eventArg);
             this.selection.checkboxClick(args);
-            if (eventArg.target.checked !== this.selection.isRowSelected(args.dataItem)) {
+            const isChecked = isCheckbox?.firstElementChild.classList.contains('k-checked');
+            if (isChecked !== this.selection.isRowSelected(args.dataItem)) {
                 eventArg.preventDefault();
             }
             return true;

package/esm2022/selection/selection.service.mjs

@@ -102,6 +102,7 @@ export class SelectionService {
             this.dragging = false;
             return;
         }
+        //
         const isCheckbox = args.originalEvent.target ? hasClasses(args.originalEvent.target, 'k-checkbox') : true;
         if (this.rowSelection && this.settings.checkboxOnly && !isCheckbox) {
             return;

package/esm2022/treelist.module.mjs

@@ -146,7 +146,7 @@ export class TreeListModule {
             DialogService,
             WindowService,
             WindowContainerService
-        ], imports: [i1.TreeListComponent, i25.FilterCellOperatorsComponent, i28.CustomMessagesComponent, i28.PagerInfoComponent, i28.PagerInputComponent, i28.PagerNextButtonsComponent, i28.PagerNumericButtonsComponent, i28.PagerPageSizesComponent, i28.PagerPrevButtonsComponent, i28.PagerComponent, i28.PagerSpacerComponent, i31.CellComponent, i34.EditCommandDirective, i35.CancelCommandDirective, i36.SaveCommandDirective, i37.RemoveCommandDirective, i38.AddCommandDirective, i41.HeaderComponent, i47.StringFilterCellComponent, i48.NumericFilterCellComponent, i49.AutoCompleteFilterCellComponent, i50.BooleanFilterCellComponent, i52.FilterCellWrapperComponent, i53.DateFilterCellComponent, i25.FilterCellOperatorsComponent, i25.FilterCellOperatorsComponent, i28.CustomMessagesComponent, i28.PagerInfoComponent, i28.PagerInputComponent, i28.PagerNextButtonsComponent, i28.PagerNumericButtonsComponent, i28.PagerPageSizesComponent, i28.PagerPrevButtonsComponent, i28.PagerComponent, i28.PagerSpacerComponent, i73.FilterMenuComponent, i74.FilterMenuContainerComponent, i75.FilterMenuInputWrapperComponent, i76.StringFilterMenuInputComponent, i77.StringFilterMenuComponent, i79.NumericFilterMenuComponent, i80.NumericFilterMenuInputComponent, i81.DateFilterMenuInputComponent, i82.DateFilterMenuComponent, i86.ColumnChooserComponent, i87.ColumnMenuChooserComponent, i88.ColumnMenuFilterComponent, i89.ColumnMenuItemComponent, i91.ColumnMenuSortComponent, i92.ColumnMenuComponent, i93.ColumnMenuLockComponent, i95.ToolBarComponent, i95.ToolbarCustomMessagesComponent, i95.ToolBarButtonComponent, i95.ToolBarButtonGroupComponent, i95.ToolBarDropDownButtonComponent, i95.ToolBarSeparatorComponent, i95.ToolBarSpacerComponent, i95.ToolBarSplitButtonComponent] });
+        ], imports: [i1.TreeListComponent, i25.FilterCellOperatorsComponent, i28.CustomMessagesComponent, i28.PagerInfoComponent, i28.PagerInputComponent, i28.PagerNextButtonsComponent, i28.PagerNumericButtonsComponent, i28.PagerPageSizesComponent, i28.PagerPrevButtonsComponent, i28.PagerComponent, i28.PagerSpacerComponent, i31.CellComponent, i34.EditCommandDirective, i35.CancelCommandDirective, i36.SaveCommandDirective, i37.RemoveCommandDirective, i38.AddCommandDirective, i41.HeaderComponent, i47.StringFilterCellComponent, i48.NumericFilterCellComponent, i49.AutoCompleteFilterCellComponent, i50.BooleanFilterCellComponent, i52.FilterCellWrapperComponent, i53.DateFilterCellComponent, i25.FilterCellOperatorsComponent, i25.FilterCellOperatorsComponent, i28.CustomMessagesComponent, i28.PagerInfoComponent, i28.PagerInputComponent, i28.PagerNextButtonsComponent, i28.PagerNumericButtonsComponent, i28.PagerPageSizesComponent, i28.PagerPrevButtonsComponent, i28.PagerComponent, i28.PagerSpacerComponent, i73.FilterMenuComponent, i74.FilterMenuContainerComponent, i75.FilterMenuInputWrapperComponent, i76.StringFilterMenuInputComponent, i77.StringFilterMenuComponent, i79.NumericFilterMenuComponent, i80.NumericFilterMenuInputComponent, i81.DateFilterMenuInputComponent, i82.DateFilterMenuComponent, i84.BooleanFilterMenuComponent, i86.ColumnChooserComponent, i87.ColumnMenuChooserComponent, i88.ColumnMenuFilterComponent, i89.ColumnMenuItemComponent, i91.ColumnMenuSortComponent, i92.ColumnMenuComponent, i93.ColumnMenuLockComponent, i95.ToolBarComponent, i95.ToolbarCustomMessagesComponent, i95.ToolBarButtonComponent, i95.ToolBarButtonGroupComponent, i95.ToolBarDropDownButtonComponent, i95.ToolBarSeparatorComponent, i95.ToolBarSpacerComponent, i95.ToolBarSplitButtonComponent] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeListModule, decorators: [{
             type: NgModule,