@progress/kendo-angular-treelist 16.5.0 → 16.6.0-develop.1

package/esm2020/pdf/pdf-margin.component.mjs

@@ -17,11 +17,12 @@ import * as i0 from "@angular/core";
 export class PDFMarginComponent extends PDFExportMarginComponent {
 }
 PDFMarginComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFMarginComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-PDFMarginComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PDFMarginComponent, selector: "kendo-treelist-pdf-margin", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+PDFMarginComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PDFMarginComponent, isStandalone: true, selector: "kendo-treelist-pdf-margin", usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFMarginComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-treelist-pdf-margin',
-                    template: ''
+                    template: '',
+                    standalone: true
                 }]
         }] });

package/esm2020/pdf/pdf-template.directive.mjs

@@ -33,11 +33,12 @@ export class PDFTemplateDirective extends PDFExportTemplateDirective {
     }
 }
 PDFTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-PDFTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PDFTemplateDirective, selector: "[kendoTreeListPDFTemplate]", usesInheritance: true, ngImport: i0 });
+PDFTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PDFTemplateDirective, isStandalone: true, selector: "[kendoTreeListPDFTemplate]", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFTemplateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoTreeListPDFTemplate]'
+                    selector: '[kendoTreeListPDFTemplate]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
                     type: Optional

package/esm2020/pdf/pdf.component.mjs

@@ -212,12 +212,13 @@ export class PDFComponent extends PDFExportComponent {
     }
 }
 PDFComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFComponent, deps: [{ token: i1.PDFService }, { token: i2.SuspendService }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-PDFComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PDFComponent, selector: "kendo-treelist-pdf", inputs: { allPages: "allPages" }, queries: [{ propertyName: "marginComponent", first: true, predicate: PDFMarginComponent, descendants: true }, { propertyName: "pageTemplateDirective", first: true, predicate: PDFTemplateDirective, descendants: true }, { propertyName: "columns", predicate: ColumnBase }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+PDFComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PDFComponent, isStandalone: true, selector: "kendo-treelist-pdf", inputs: { allPages: "allPages" }, queries: [{ propertyName: "marginComponent", first: true, predicate: PDFMarginComponent, descendants: true }, { propertyName: "pageTemplateDirective", first: true, predicate: PDFTemplateDirective, descendants: true }, { propertyName: "columns", predicate: ColumnBase }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-treelist-pdf',
-                    template: ''
+                    template: '',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1.PDFService }, { type: i2.SuspendService }, { type: i0.NgZone }, { type: i0.ElementRef }]; }, propDecorators: { allPages: [{
                 type: Input

package/esm2020/pdf/pdf.module.mjs

@@ -3,24 +3,15 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
-import { PDFComponent } from './pdf.component';
-import { PDFMarginComponent } from './pdf-margin.component';
-import { PDFCommandDirective } from './pdf-command.directive';
-import { PDFTemplateDirective } from './pdf-template.directive';
-import { IconsModule } from '@progress/kendo-angular-icons';
+import { IconsService, KENDO_ICONS } from '@progress/kendo-angular-icons';
+import { PDF_EXPORTS } from '../directives';
 import * as i0 from "@angular/core";
-const exportedModules = [
-    PDFComponent,
-    PDFMarginComponent,
-    PDFCommandDirective,
-    PDFTemplateDirective
-];
-const declarations = [
-    PDFComponent,
-    PDFMarginComponent,
-    PDFCommandDirective,
-    PDFTemplateDirective
-];
+import * as i1 from "./pdf.component";
+import * as i2 from "./pdf-margin.component";
+import * as i3 from "./pdf-command.directive";
+import * as i4 from "./pdf-template.directive";
+import * as i5 from "@progress/kendo-angular-icons";
+// IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the TreeList PDF component.
@@ -44,19 +35,13 @@ const declarations = [
 export class PDFModule {
 }
 PDFModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PDFModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PDFModule, declarations: [PDFComponent,
-        PDFMarginComponent,
-        PDFCommandDirective,
-        PDFTemplateDirective], imports: [IconsModule], exports: [PDFComponent,
-        PDFMarginComponent,
-        PDFCommandDirective,
-        PDFTemplateDirective] });
-PDFModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFModule, imports: [IconsModule] });
+PDFModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PDFModule, imports: [i1.PDFComponent, i2.PDFMarginComponent, i3.PDFCommandDirective, i4.PDFTemplateDirective, i5.IconComponent, i5.SVGIconComponent], exports: [i1.PDFComponent, i2.PDFMarginComponent, i3.PDFCommandDirective, i4.PDFTemplateDirective] });
+PDFModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFModule, providers: [IconsService], imports: [i1.PDFComponent, i2.PDFMarginComponent, i3.PDFCommandDirective, KENDO_ICONS] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [declarations],
-                    imports: [IconsModule],
-                    exports: [exportedModules]
+                    imports: [...PDF_EXPORTS, ...KENDO_ICONS],
+                    exports: [...PDF_EXPORTS],
+                    providers: [IconsService]
                 }]
         }] });

package/esm2020/rendering/body.module.mjs

@@ -3,108 +3,38 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ReactiveFormsModule, FormsModule } from '@angular/forms';
-import { CommandColumnComponent } from '../columns/command-column.component';
-import { CellTemplateDirective } from './cell-template.directive';
-import { NoRecordsTemplateDirective } from './no-records-template.directive';
-import { EditTemplateDirective } from '../editing/edit-template.directive';
-import { TableBodyComponent } from './table-body.component';
-import { CellComponent } from './cell.component';
-import { BaseCommandDirective } from '../editing/base-command.directive';
-import { EditCommandDirective } from '../editing/edit-command.directive';
-import { CancelCommandDirective } from '../editing/cancel-command.directive';
-import { SaveCommandDirective } from '../editing/save-command.directive';
-import { RemoveCommandDirective } from '../editing/remove-command.directive';
-import { AddCommandDirective } from '../editing/add-command.directive';
-import { SharedModule } from "../shared.module";
-import { NumericTextBoxModule } from "@progress/kendo-angular-inputs";
-import { DatePickerModule } from '@progress/kendo-angular-dateinputs';
-import { LevelItemsPipe } from './common/level-items.pipe';
-import { FooterTemplateDirective } from './footer-template.directive';
+import { KENDO_NUMERICTEXTBOX } from "@progress/kendo-angular-inputs";
+import { KENDO_DATEPICKER } from '@progress/kendo-angular-dateinputs';
+import { BODY_EXPORTS } from '../directives';
 import * as i0 from "@angular/core";
-const exported = [
-    CommandColumnComponent,
-    CellTemplateDirective,
-    EditTemplateDirective,
-    TableBodyComponent,
-    NoRecordsTemplateDirective,
-    CellComponent,
-    BaseCommandDirective,
-    EditCommandDirective,
-    CancelCommandDirective,
-    SaveCommandDirective,
-    RemoveCommandDirective,
-    AddCommandDirective,
-    LevelItemsPipe,
-    FooterTemplateDirective
-];
-const importedModules = [
-    CommonModule,
-    ReactiveFormsModule,
-    FormsModule,
-    SharedModule,
-    NumericTextBoxModule,
-    DatePickerModule
-];
+import * as i1 from "../columns/command-column.component";
+import * as i2 from "./cell-template.directive";
+import * as i3 from "./cell.component";
+import * as i4 from "./no-records-template.directive";
+import * as i5 from "../editing/edit-template.directive";
+import * as i6 from "../editing/edit-command.directive";
+import * as i7 from "../editing/cancel-command.directive";
+import * as i8 from "../editing/save-command.directive";
+import * as i9 from "../editing/remove-command.directive";
+import * as i10 from "../editing/add-command.directive";
+import * as i11 from "./footer-template.directive";
+import * as i12 from "@progress/kendo-angular-inputs";
+import * as i13 from "@progress/kendo-angular-common";
+import * as i14 from "@progress/kendo-angular-dateinputs";
+// IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * @hidden
+ * @deprecated
  */
 export class BodyModule {
-    static exports() {
-        return [
-            CommandColumnComponent,
-            CellTemplateDirective,
-            NoRecordsTemplateDirective,
-            EditTemplateDirective,
-            EditCommandDirective,
-            CancelCommandDirective,
-            SaveCommandDirective,
-            RemoveCommandDirective,
-            AddCommandDirective,
-            FooterTemplateDirective
-        ];
-    }
 }
 BodyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BodyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-BodyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: BodyModule, declarations: [CommandColumnComponent,
-        CellTemplateDirective,
-        EditTemplateDirective,
-        TableBodyComponent,
-        NoRecordsTemplateDirective,
-        CellComponent,
-        BaseCommandDirective,
-        EditCommandDirective,
-        CancelCommandDirective,
-        SaveCommandDirective,
-        RemoveCommandDirective,
-        AddCommandDirective,
-        LevelItemsPipe,
-        FooterTemplateDirective], imports: [CommonModule,
-        ReactiveFormsModule,
-        FormsModule,
-        SharedModule,
-        NumericTextBoxModule,
-        DatePickerModule], exports: [CommandColumnComponent,
-        CellTemplateDirective,
-        EditTemplateDirective,
-        TableBodyComponent,
-        NoRecordsTemplateDirective,
-        CellComponent,
-        BaseCommandDirective,
-        EditCommandDirective,
-        CancelCommandDirective,
-        SaveCommandDirective,
-        RemoveCommandDirective,
-        AddCommandDirective,
-        LevelItemsPipe,
-        FooterTemplateDirective] });
-BodyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BodyModule, imports: [importedModules] });
+BodyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: BodyModule, imports: [i1.CommandColumnComponent, i2.CellTemplateDirective, i3.CellComponent, i4.NoRecordsTemplateDirective, i5.EditTemplateDirective, i6.EditCommandDirective, i7.CancelCommandDirective, i8.SaveCommandDirective, i9.RemoveCommandDirective, i10.AddCommandDirective, i11.FooterTemplateDirective, i12.NumericTextBoxComponent, i12.NumericTextBoxCustomMessagesComponent, i13.PrefixTemplateDirective, i13.SuffixTemplateDirective, i14.DatePickerCustomMessagesComponent, i14.DatePickerComponent, i14.CellTemplateDirective, i14.CenturyCellTemplateDirective, i14.DecadeCellTemplateDirective, i14.FooterTemplateDirective, i14.HeaderTemplateDirective, i14.HeaderTitleTemplateDirective, i14.MonthCellTemplateDirective, i14.NavigationItemTemplateDirective, i14.WeekNumberCellTemplateDirective, i14.YearCellTemplateDirective, i14.NavigationItemTemplateDirective], exports: [i1.CommandColumnComponent, i2.CellTemplateDirective, i3.CellComponent, i4.NoRecordsTemplateDirective, i5.EditTemplateDirective, i6.EditCommandDirective, i7.CancelCommandDirective, i8.SaveCommandDirective, i9.RemoveCommandDirective, i10.AddCommandDirective, i11.FooterTemplateDirective] });
+BodyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BodyModule, imports: [i1.CommandColumnComponent, i3.CellComponent, i6.EditCommandDirective, i7.CancelCommandDirective, i8.SaveCommandDirective, i9.RemoveCommandDirective, i10.AddCommandDirective, i12.NumericTextBoxComponent, i12.NumericTextBoxCustomMessagesComponent, i14.DatePickerCustomMessagesComponent, i14.DatePickerComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BodyModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [exported],
-                    exports: [exported],
-                    imports: [...importedModules]
+                    exports: [...BODY_EXPORTS],
+                    imports: [...BODY_EXPORTS, ...KENDO_NUMERICTEXTBOX, ...KENDO_DATEPICKER]
                 }]
         }] });

package/esm2020/rendering/cell-template.directive.mjs

@@ -37,11 +37,12 @@ export class CellTemplateDirective {
     }
 }
 CellTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CellTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-CellTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CellTemplateDirective, selector: "[kendoTreeListCellTemplate]", ngImport: i0 });
+CellTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CellTemplateDirective, isStandalone: true, selector: "[kendoTreeListCellTemplate]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CellTemplateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoTreeListCellTemplate]'
+                    selector: '[kendoTreeListCellTemplate]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
                     type: Optional

package/esm2020/rendering/cell.component.mjs

@@ -3,26 +3,29 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, HostBinding, Input } from '@angular/core';
+import { ReactiveFormsModule } from '@angular/forms';
+import { NgSwitch, NgSwitchCase, NgIf, NgFor, NgTemplateOutlet, NgSwitchDefault } from '@angular/common';
+import { caretAltDownIcon, caretAltLeftIcon, caretAltRightIcon, reorderIcon } from '@progress/kendo-svg-icons';
+import { LocalizationService } from "@progress/kendo-angular-l10n";
+import { SharedModule } from '@progress/kendo-angular-grid';
+import { DatePickerComponent } from '@progress/kendo-angular-dateinputs';
+import { NumericTextBoxComponent } from '@progress/kendo-angular-inputs';
+import { IconWrapperComponent } from '@progress/kendo-angular-icons';
 import { EditService } from '../editing/edit.service';
 import { isSpanColumn, isCheckboxColumn, isRowReorderColumn } from '../columns/column-base';
 import { isColumnComponent } from '../columns/column.component';
 import { columnsToRender } from "../columns/column-common";
 import { isNullOrEmptyString, extractFormat, isColumnEditable } from '../utils';
 import { FocusGroup } from '../navigation/focus-group';
-import { caretAltDownIcon, caretAltLeftIcon, caretAltRightIcon, reorderIcon } from '@progress/kendo-svg-icons';
-import { LocalizationService } from "@progress/kendo-angular-l10n";
+import { LevelItemsPipe } from './common/level-items.pipe';
+import { FieldAccessorPipe } from './common/field-accessor.pipe';
+import { FocusableDirective } from '../navigation/focusable.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "../editing/edit.service";
 import * as i2 from "@progress/kendo-angular-l10n";
 import * as i3 from "../navigation/focus-group";
-import * as i4 from "@angular/common";
-import * as i5 from "@angular/forms";
-import * as i6 from "../navigation/focusable.directive";
-import * as i7 from "@progress/kendo-angular-icons";
-import * as i8 from "@progress/kendo-angular-inputs";
-import * as i9 from "@progress/kendo-angular-dateinputs";
-import * as i10 from "./common/field-accessor.pipe";
-import * as i11 from "./common/level-items.pipe";
+import * as i4 from "@angular/forms";
+import * as i5 from "@progress/kendo-angular-grid";
 /**
  * @hidden
  */
@@ -150,7 +153,7 @@ export class CellComponent {
     }
 }
 CellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CellComponent, deps: [{ token: i1.EditService }, { token: i2.LocalizationService }, { token: i3.FocusGroup }], target: i0.ɵɵFactoryTarget.Component });
-CellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CellComponent, selector: "[kendoTreeListCell]", inputs: { column: "column", columnIndex: "columnIndex", isNew: "isNew", level: "level", hasChildren: "hasChildren", isExpanded: "isExpanded", loading: "loading", expandIcons: "expandIcons", selected: "selected", dataItem: "dataItem", viewItem: "viewItem" }, host: { properties: { "class.k-command-cell": "this.commandCellClass", "class.k-checkbox-cell": "this.isCheckboxColumn", "class.k-text-nowrap": "this.textNoWrapClass", "class.k-drag-cell": "this.dragHandleCellClass", "class.k-touch-action-none": "this.dragHandleCellClass", "attr.aria-label": "this.dragRowHandleLabel" } }, ngImport: i0, template: `
+CellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CellComponent, isStandalone: true, selector: "[kendoTreeListCell]", inputs: { column: "column", columnIndex: "columnIndex", isNew: "isNew", level: "level", hasChildren: "hasChildren", isExpanded: "isExpanded", loading: "loading", expandIcons: "expandIcons", selected: "selected", dataItem: "dataItem", viewItem: "viewItem" }, host: { properties: { "class.k-command-cell": "this.commandCellClass", "class.k-checkbox-cell": "this.isCheckboxColumn", "class.k-text-nowrap": "this.textNoWrapClass", "class.k-drag-cell": "this.dragHandleCellClass", "class.k-touch-action-none": "this.dragHandleCellClass", "attr.aria-label": "this.dragRowHandleLabel" } }, ngImport: i0, template: `
         <ng-container [ngSwitch]="isEdited">
             <ng-container *ngSwitchCase="false">
                 <ng-container *ngIf="column.expandable">
@@ -226,7 +229,7 @@ CellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
                 </ng-container>
             </ng-container>
         </ng-container>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i6.FocusableDirective, selector: "[kendoTreeListFocusable],\n        [kendoTreeListAddCommand],\n        [kendoTreeListEditCommand],\n        [kendoTreeListRemoveCommand],\n        [kendoTreeListSaveCommand],\n        [kendoTreeListCancelCommand]\n    ", inputs: ["kendoTreeListFocusable", "enabled", "kendoTreeListAddCommand", "kendoTreeListEditCommand", "kendoTreeListRemoveCommand", "kendoTreeListSaveCommand", "kendoTreeListCancelCommand"] }, { kind: "component", type: i7.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i8.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "component", type: i9.DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "clearButton", "inputAttributes", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "footer", "navigationItemTemplate", "weekDaysFormat", "showOtherMonthDays", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "subtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-datepicker"] }, { kind: "pipe", type: i10.FieldAccessorPipe, name: "valueOf" }, { kind: "pipe", type: i11.LevelItemsPipe, name: "levelItems" }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoTreeListFocusable],\n        [kendoTreeListAddCommand],\n        [kendoTreeListEditCommand],\n        [kendoTreeListRemoveCommand],\n        [kendoTreeListSaveCommand],\n        [kendoTreeListCancelCommand]\n    ", inputs: ["kendoTreeListFocusable", "enabled", "kendoTreeListAddCommand", "kendoTreeListEditCommand", "kendoTreeListRemoveCommand", "kendoTreeListSaveCommand", "kendoTreeListCancelCommand"] }, { kind: "component", type: NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "clearButton", "inputAttributes", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "footer", "navigationItemTemplate", "weekDaysFormat", "showOtherMonthDays", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "subtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-datepicker"] }, { kind: "directive", type: NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: LevelItemsPipe, name: "levelItems" }, { kind: "ngmodule", type: SharedModule }, { kind: "pipe", type: i5.FieldAccessorPipe, name: "valueOf" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CellComponent, decorators: [{
             type: Component,
             args: [{
@@ -307,7 +310,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 </ng-container>
             </ng-container>
         </ng-container>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgSwitch, NgSwitchCase, NgIf, NgFor, IconWrapperComponent, NgTemplateOutlet, FocusableDirective, NumericTextBoxComponent, ReactiveFormsModule, DatePickerComponent, NgSwitchDefault, FieldAccessorPipe, LevelItemsPipe, SharedModule]
                 }]
         }], ctorParameters: function () { return [{ type: i1.EditService }, { type: i2.LocalizationService }, { type: i3.FocusGroup }]; }, propDecorators: { commandCellClass: [{
                 type: HostBinding,

package/esm2020/rendering/common/col-group.component.mjs

@@ -4,8 +4,8 @@
 *-------------------------------------------------------------------------------------------*/
 import { Component, Input } from '@angular/core';
 import { columnsToRender } from '../../columns/column-common';
+import { NgFor } from '@angular/common';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
 /**
  * @hidden
  */
@@ -21,16 +21,18 @@ export class ColGroupComponent {
     }
 }
 ColGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ColGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ColGroupComponent, selector: "[kendoTreeListColGroup]", inputs: { columns: "columns" }, ngImport: i0, template: `
+ColGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ColGroupComponent, isStandalone: true, selector: "[kendoTreeListColGroup]", inputs: { columns: "columns" }, ngImport: i0, template: `
         <col *ngFor="let column of columnsToRender; trackBy: trackBy;" [style.width.px]="column.width"/>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColGroupComponent, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoTreeListColGroup]',
                     template: `
         <col *ngFor="let column of columnsToRender; trackBy: trackBy;" [style.width.px]="column.width"/>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgFor]
                 }]
         }], propDecorators: { columns: [{
                 type: Input

package/esm2020/rendering/common/field-accessor.pipe.mjs

@@ -35,12 +35,13 @@ export class FieldAccessorPipe {
     }
 }
 FieldAccessorPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FieldAccessorPipe, deps: [{ token: i1.IntlService }], target: i0.ɵɵFactoryTarget.Pipe });
-FieldAccessorPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: FieldAccessorPipe, name: "valueOf", pure: false });
+FieldAccessorPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: FieldAccessorPipe, isStandalone: true, name: "valueOf", pure: false });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FieldAccessorPipe, decorators: [{
             type: Pipe,
             args: [{
                     // eslint-disable-next-line @angular-eslint/pipe-prefix
                     name: 'valueOf',
-                    pure: false
+                    pure: false,
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1.IntlService }]; } });

package/esm2020/rendering/common/level-items.pipe.mjs

@@ -19,11 +19,12 @@ export class LevelItemsPipe {
     }
 }
 LevelItemsPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LevelItemsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-LevelItemsPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: LevelItemsPipe, name: "levelItems" });
+LevelItemsPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: LevelItemsPipe, isStandalone: true, name: "levelItems" });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LevelItemsPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'levelItems',
-                    pure: true
+                    pure: true,
+                    standalone: true
                 }]
         }] });

package/esm2020/rendering/common/loading.component.mjs

@@ -19,7 +19,7 @@ export class LoadingComponent {
     }
 }
 LoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoadingComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-LoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LoadingComponent, selector: "[kendoTreeListLoading]", host: { properties: { "class.k-loading-mask": "this.hostClass" } }, ngImport: i0, template: `
+LoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LoadingComponent, isStandalone: true, selector: "[kendoTreeListLoading]", host: { properties: { "class.k-loading-mask": "this.hostClass" } }, ngImport: i0, template: `
         <span class="k-loading-text">{{ loadingText }}</span>
         <div class="k-loading-image"></div>
         <div class="k-loading-color"></div>
@@ -32,7 +32,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         <span class="k-loading-text">{{ loadingText }}</span>
         <div class="k-loading-image"></div>
         <div class="k-loading-color"></div>
-    `
+    `,
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { hostClass: [{
                 type: HostBinding,

package/esm2020/rendering/common/spacer.component.mjs

@@ -23,12 +23,13 @@ export class TreeListSpacerComponent {
     }
 }
 TreeListSpacerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeListSpacerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TreeListSpacerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TreeListSpacerComponent, selector: "kendo-treelist-spacer, kendo-treelist-pager-spacer", inputs: { width: "width" }, host: { properties: { "class.k-spacer": "this.hostClass", "class.k-spacer-sized": "this.sizedClass", "style.flexBasis": "this.flexBasisStyle" } }, ngImport: i0, template: ``, isInline: true });
+TreeListSpacerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TreeListSpacerComponent, isStandalone: true, selector: "kendo-treelist-spacer, kendo-treelist-pager-spacer", inputs: { width: "width" }, host: { properties: { "class.k-spacer": "this.hostClass", "class.k-spacer-sized": "this.sizedClass", "style.flexBasis": "this.flexBasisStyle" } }, ngImport: i0, template: ``, isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TreeListSpacerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-treelist-spacer, kendo-treelist-pager-spacer',
-                    template: ``
+                    template: ``,
+                    standalone: true
                 }]
         }], propDecorators: { hostClass: [{
                 type: HostBinding,

package/esm2020/rendering/footer-template.directive.mjs

@@ -34,11 +34,12 @@ export class FooterTemplateDirective {
     }
 }
 FooterTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FooterTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-FooterTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FooterTemplateDirective, selector: "[kendoTreeListFooterTemplate]", ngImport: i0 });
+FooterTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FooterTemplateDirective, isStandalone: true, selector: "[kendoTreeListFooterTemplate]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FooterTemplateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoTreeListFooterTemplate]'
+                    selector: '[kendoTreeListFooterTemplate]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
                     type: Optional

package/esm2020/rendering/header/header-template.directive.mjs

@@ -32,11 +32,12 @@ export class HeaderTemplateDirective {
     }
 }
 HeaderTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-HeaderTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: HeaderTemplateDirective, selector: "[kendoTreeListHeaderTemplate]", ngImport: i0 });
+HeaderTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: HeaderTemplateDirective, isStandalone: true, selector: "[kendoTreeListHeaderTemplate]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderTemplateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoTreeListHeaderTemplate]'
+                    selector: '[kendoTreeListHeaderTemplate]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
                     type: Optional

package/esm2020/rendering/header/header.component.mjs

@@ -4,17 +4,21 @@
 *-------------------------------------------------------------------------------------------*/
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { Component, ChangeDetectorRef, HostBinding, Input, QueryList, ViewChildren, TemplateRef } from '@angular/core';
+import { NgFor, NgIf, NgClass, NgStyle } from '@angular/common';
 import { Subscription, of, merge } from "rxjs";
 import { filter, map, switchMap, tap, takeUntil } from 'rxjs/operators';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { Keys, DraggableDirective, TemplateContextDirective } from '@progress/kendo-angular-common';
+import { IconWrapperComponent } from '@progress/kendo-angular-icons';
+import { sortAscSmallIcon, sortDescSmallIcon } from '@progress/kendo-svg-icons';
 import { isColumnGroupComponent } from '../../columns/column-group.component';
 import { normalize } from '../../columns/sort-settings';
 import { and, isNullOrEmptyString, isPresent, isTruthy, not, observe } from '../../utils';
 import { columnsToRender, sortColumns, isInSpanColumn } from "../../columns/column-common";
 import { SinglePopupService } from '../../common/single-popup.service';
 import { hasFilterMenu, hasFilterRow } from '../../filtering/filterable';
-import { Keys } from '@progress/kendo-angular-common';
 import { DropTargetDirective } from '../../dragdrop/drop-target.directive';
+import { DraggableColumnDirective } from '../../dragdrop/draggable-column.directive';
 import { DragHintService } from '../../dragdrop/drag-hint.service';
 import { DropCueService } from '../../dragdrop/drop-cue.service';
 import { ColumnReorderService } from '../../dragdrop/column-reorder.service';
@@ -23,8 +27,14 @@ import { SortService } from '../../common/sort.service';
 import { hasItems } from '../../column-menu/utils';
 import { closestInScope, isFocusable } from '../common/dom-queries';
 import { SelectionService } from '../../selection/selection.service';
-import { sortAscSmallIcon, sortDescSmallIcon } from '@progress/kendo-svg-icons';
 import { ColumnsContainer } from '../../columns/columns-container';
+import { FilterRowComponent } from '../../filtering/filter-row.component';
+import { ColumnHandleDirective } from '../../column-resizing/column-handle.directive';
+import { FocusableDirective } from '../../navigation/focusable.directive';
+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 * as i0 from "@angular/core";
 import * as i1 from "../../common/single-popup.service";
 import * as i2 from "../../dragdrop/drag-hint.service";
@@ -33,19 +43,6 @@ import * as i4 from "../../dragdrop/column-reorder.service";
 import * as i5 from "../../common/sort.service";
 import * as i6 from "../../selection/selection.service";
 import * as i7 from "@progress/kendo-angular-l10n";
-import * as i8 from "@angular/common";
-import * as i9 from "../../filtering/filter-row.component";
-import * as i10 from "../../navigation/logical-cell.directive";
-import * as i11 from "../../navigation/logical-row.directive";
-import * as i12 from "../../navigation/focusable.directive";
-import * as i13 from "../common/template-context.directive";
-import * as i14 from "@progress/kendo-angular-common";
-import * as i15 from "@progress/kendo-angular-icons";
-import * as i16 from "../../filtering/menu/filter-menu.component";
-import * as i17 from "../../dragdrop/draggable-column.directive";
-import * as i18 from "../../dragdrop/drop-target.directive";
-import * as i19 from "../../column-menu/column-menu.component";
-import * as i20 from "../../column-resizing/column-handle.directive";
 const mergeObjects = (...args) => Object.assign.apply(null, [{}].concat(args));
 const directions = initialDirection => initialDirection === "asc" ? ["asc", "desc"] : ["desc", "asc"];
 /**
@@ -346,7 +343,7 @@ export class HeaderComponent {
     }
 }
 HeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderComponent, deps: [{ token: i1.SinglePopupService }, { token: i2.DragHintService }, { token: i3.DropCueService }, { token: i4.ColumnReorderService }, { token: i5.SortService }, { token: i6.SelectionService }, { token: i7.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: HeaderComponent, selector: "[kendoTreeListHeader]", inputs: { totalColumnLevels: "totalColumnLevels", columns: "columns", scrollable: "scrollable", filterable: "filterable", sort: "sort", filter: "filter", sortable: "sortable", lockedColumnsCount: "lockedColumnsCount", resizable: "resizable", reorderable: "reorderable", columnMenu: "columnMenu", columnMenuTemplate: "columnMenuTemplate", totalColumnsCount: "totalColumnsCount", totalColumns: "totalColumns" }, host: { properties: { "class.k-grid-header": "this.headerClass", "class.k-table-thead": "this.hostClass" } }, viewQueries: [{ propertyName: "dropTargets", predicate: DropTargetDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: HeaderComponent, isStandalone: true, selector: "[kendoTreeListHeader]", inputs: { totalColumnLevels: "totalColumnLevels", columns: "columns", scrollable: "scrollable", filterable: "filterable", sort: "sort", filter: "filter", sortable: "sortable", lockedColumnsCount: "lockedColumnsCount", resizable: "resizable", reorderable: "reorderable", columnMenu: "columnMenu", columnMenuTemplate: "columnMenuTemplate", totalColumnsCount: "totalColumnsCount", totalColumns: "totalColumns" }, host: { properties: { "class.k-grid-header": "this.headerClass", "class.k-table-thead": "this.hostClass" } }, viewQueries: [{ propertyName: "dropTargets", predicate: DropTargetDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
         <tr *ngFor="let i of columnLevels; let levelIndex = index" role="row"
             kendoTreeListLogicalRow
                 [logicalRowIndex]="levelIndex"
@@ -528,7 +525,7 @@ HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
             [logicalSlaveCellsCount]="unlockedColumnsCount"
         >
         </tr>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i8.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i9.FilterRowComponent, selector: "[kendoTreeListFilterRow]", inputs: ["columns", "filter", "logicalRowIndex", "lockedColumnsCount"] }, { kind: "directive", type: i10.LogicalCellDirective, selector: "[kendoTreeListLogicalCell]", inputs: ["logicalColIndex", "logicalRowIndex", "logicalSlaveCell", "column", "colIndex", "colSpan", "rowSpan", "dataRowIndex", "dataItem", "expandable"] }, { kind: "directive", type: i11.LogicalRowDirective, selector: "[kendoTreeListLogicalRow]", inputs: ["logicalRowIndex", "logicalSlaveRow", "logicalCellsCount", "logicalSlaveCellsCount", "dataRowIndex", "dataItem", "isNew", "totalColumns"] }, { kind: "directive", type: i12.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: i13.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "directive", type: i14.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "component", type: i15.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i16.FilterMenuComponent, selector: "kendo-treelist-filter-menu", inputs: ["column", "filter"] }, { kind: "directive", type: i17.DraggableColumnDirective, selector: "[kendoDraggableColumn]", inputs: ["context", "enableDrag"], outputs: ["drag"] }, { kind: "directive", type: i18.DropTargetDirective, selector: "[kendoDropTarget]", inputs: ["context"], outputs: ["enter", "leave", "drop"] }, { kind: "component", type: i19.ColumnMenuComponent, selector: "kendo-treelist-column-menu", inputs: ["standalone", "column", "settings", "sort", "filter", "sortable", "columnMenuTemplate"] }, { kind: "directive", type: i20.ColumnHandleDirective, selector: "[kendoTreeListColumnHandle]", inputs: ["columns", "column"] }] });
+    `, 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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderComponent, decorators: [{
             type: Component,
             args: [{
@@ -715,7 +712,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             [logicalSlaveCellsCount]="unlockedColumnsCount"
         >
         </tr>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgFor, LogicalRowDirective, NgIf, LogicalCellDirective, DropTargetDirective, DraggableDirective, DraggableColumnDirective, NgClass, NgStyle, FilterMenuComponent, ColumnMenuComponent, TemplateContextDirective, IconWrapperComponent, FocusableDirective, ColumnHandleDirective, FilterRowComponent]
                 }]
         }], 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