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

package/esm2020/directives.mjs

@@ -0,0 +1,307 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TreeListComponent } from './treelist.component';
+import { CustomMessagesComponent } from './localization/custom-messages.component';
+import { ToolbarTemplateDirective } from "./rendering/toolbar/toolbar-template.directive";
+import { ToolbarComponent } from "./rendering/toolbar/toolbar.component";
+import { TreeListToolbarFocusableDirective } from './rendering/toolbar/toolbar-focusable.directive';
+import { TemplateEditingDirective } from './editing-directives/template-editing.directive';
+import { ReactiveEditingDirective } from './editing-directives/reactive-editing.directive';
+import { InCellEditingDirective } from './editing-directives/in-cell-editing.directive';
+import { HierarchyBindingDirective } from './binding-directives/hierarchy-binding.directive';
+import { FlatBindingDirective } from './binding-directives/flat-binding.directive';
+import { ExpandableDirective } from './expand-state/expandable.directive';
+import { SelectableDirective } from './selection/selectable.directive';
+import { TreeListSpacerComponent } from './rendering/common/spacer.component';
+import { ColumnComponent } from './columns/column.component';
+import { CheckboxColumnComponent } from './columns/checkbox-column.component';
+import { SpanColumnComponent } from './columns/span-column.component';
+import { ColumnGroupComponent } from './columns/column-group.component';
+import { FocusableDirective } from "./navigation/focusable.directive";
+import { RowReorderColumnComponent } from './columns/rowreorder-column.component';
+import { CommandColumnComponent } from './columns/command-column.component';
+import { NoRecordsTemplateDirective } from './rendering/no-records-template.directive';
+import { CellTemplateDirective } from './rendering/cell-template.directive';
+import { EditTemplateDirective } from './editing/edit-template.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 { FooterTemplateDirective } from './rendering/footer-template.directive';
+import { HeaderTemplateDirective } from './rendering/header/header-template.directive';
+import { PagerComponent } from './pager/pager.component';
+import { PagerPrevButtonsComponent } from './pager/pager-prev-buttons.component';
+import { PagerNextButtonsComponent } from './pager/pager-next-buttons.component';
+import { PagerNumericButtonsComponent } from './pager/pager-numeric-buttons.component';
+import { PagerInputComponent } from './pager/pager-input.component';
+import { PagerInfoComponent } from './pager/pager-info.component';
+import { PagerPageSizesComponent } from './pager/pager-page-sizes.component';
+import { PagerTemplateDirective } from './pager/pager-template.directive';
+import { FilterRowComponent } from './filtering/filter-row.component';
+import { FilterCellComponent } from './filtering/cell/filter-cell.component';
+import { FilterCellTemplateDirective } from './filtering/cell/filter-cell-template.directive';
+import { FilterCellOperatorsComponent } from './filtering/cell/filter-cell-operators.component';
+import { StringFilterCellComponent } from './filtering/cell/string-filter-cell.component';
+import { NumericFilterCellComponent } from './filtering/cell/numeric-filter-cell.component';
+import { AutoCompleteFilterCellComponent } from './filtering/cell/autocomplete-filter-cell.component';
+import { BooleanFilterCellComponent } from './filtering/cell/boolean-filter-cell.component';
+import { DateFilterCellComponent } from './filtering/cell/date-filter-cell.component';
+import { ContainsFilterOperatorComponent } from './filtering/operators/contains-filter-operator.component';
+import { DoesNotContainFilterOperatorComponent } from './filtering/operators/not-contains-filter-operator.component';
+import { EndsWithFilterOperatorComponent } from './filtering/operators/ends-with-filter-operator.component';
+import { EqualFilterOperatorComponent } from './filtering/operators/eq-filter-operator.component';
+import { IsEmptyFilterOperatorComponent } from './filtering/operators/is-empty-filter-operator.component';
+import { IsNotEmptyFilterOperatorComponent } from './filtering/operators/is-not-empty-filter-operator.component';
+import { IsNotNullFilterOperatorComponent } from './filtering/operators/is-not-null-filter-operator.component';
+import { IsNullFilterOperatorComponent } from './filtering/operators/isnull-filter-operator.component';
+import { NotEqualFilterOperatorComponent } from './filtering/operators/neq-filter-operator.component';
+import { StartsWithFilterOperatorComponent } from './filtering/operators/starts-with-filter-operator.component';
+import { GreaterFilterOperatorComponent } from './filtering/operators/gt-filter-operator.component';
+import { GreaterOrEqualToFilterOperatorComponent } from './filtering/operators/gte-filter-operator.component';
+import { LessFilterOperatorComponent } from './filtering/operators/lt-filter-operator.component';
+import { LessOrEqualToFilterOperatorComponent } from './filtering/operators/lte-filter-operator.component';
+import { AfterFilterOperatorComponent } from './filtering/operators/after-filter-operator.component';
+import { AfterEqFilterOperatorComponent } from './filtering/operators/after-eq-filter-operator.component';
+import { BeforeEqFilterOperatorComponent } from './filtering/operators/before-eq-filter-operator.component';
+import { BeforeFilterOperatorComponent } from './filtering/operators/before-filter-operator.component';
+import { StringFilterMenuComponent } from './filtering/menu/string-filter-menu.component';
+import { FilterMenuTemplateDirective } from './filtering/menu/filter-menu-template.directive';
+import { NumericFilterMenuComponent } from './filtering/menu/numeric-filter-menu.component';
+import { DateFilterMenuComponent } from './filtering/menu/date-filter-menu.component';
+import { BooleanFilterMenuComponent } from './filtering/menu/boolean-filter-menu.component';
+import { ColumnChooserComponent } from './column-menu/column-chooser.component';
+import { ColumnMenuFilterComponent } from './column-menu/column-menu-filter.component';
+import { ColumnMenuItemComponent } from './column-menu/column-menu-item.component';
+import { ColumnMenuItemContentTemplateDirective } from './column-menu/column-menu-item-content-template.directive';
+import { ColumnMenuSortComponent } from './column-menu/column-menu-sort.component';
+import { ColumnMenuLockComponent } from './column-menu/column-menu-lock.component';
+import { ColumnMenuChooserComponent } from './column-menu/column-menu-chooser.component';
+import { ColumnMenuTemplateDirective } from './column-menu/column-menu-template.directive';
+import { ColumnMenuComponent } from './column-menu/column-menu.component';
+import { LogicalCellDirective } from './navigation/logical-cell.directive';
+import { LogicalRowDirective } from './navigation/logical-row.directive';
+import { ColGroupComponent } from './rendering/common/col-group.component';
+import { ResizableContainerDirective } from './layout/resizable.directive';
+import { FieldAccessorPipe } from './rendering/common/field-accessor.pipe';
+import { TableDirective } from './column-resizing/table.directive';
+import { LoadingComponent } from './rendering/common/loading.component';
+import { KENDO_ICONS } from '@progress/kendo-angular-icons';
+import { KENDO_DRAGGABLE, TemplateContextDirective } from '@progress/kendo-angular-common';
+import { ExcelComponent } from './excel/excel.component';
+import { ExcelCommandDirective } from './excel/excel-command.directive';
+import { KENDO_EXCELEXPORT } from '@progress/kendo-angular-excel-export';
+import { FilterInputDirective } from './filtering/filter-input.directive';
+import { KENDO_AUTOCOMPLETE, KENDO_DROPDOWNLIST } from '@progress/kendo-angular-dropdowns';
+import { KENDO_INPUTS } from '@progress/kendo-angular-inputs';
+import { KENDO_DATEPICKER } from '@progress/kendo-angular-dateinputs';
+import { KENDO_POPUP } from '@progress/kendo-angular-popup';
+import { KENDO_BUTTON } from '@progress/kendo-angular-buttons';
+import { FilterCellHostDirective } from './filtering/cell/filter-cell-host.directive';
+import { FilterCellWrapperComponent } from './filtering/cell/filter-cell-wrapper.component';
+import { FilterMenuComponent } from './filtering/menu/filter-menu.component';
+import { FilterMenuContainerComponent } from './filtering/menu/filter-menu-container.component';
+import { FilterMenuInputWrapperComponent } from './filtering/menu/filter-menu-input-wrapper.component';
+import { StringFilterMenuInputComponent } from './filtering/menu/string-filter-menu-input.component';
+import { DateFilterMenuInputComponent } from './filtering/menu/date-filter-menu-input.component';
+import { NumericFilterMenuInputComponent } from './filtering/menu/numeric-filter-menu-input.component';
+import { FilterMenuHostDirective } from './filtering/menu/filter-menu-host.directive';
+import { PDFComponent } from './pdf/pdf.component';
+import { PDFMarginComponent } from './pdf/pdf-margin.component';
+import { PDFCommandDirective } from './pdf/pdf-command.directive';
+import { PDFTemplateDirective } from './pdf/pdf-template.directive';
+import { HeaderComponent } from './rendering/header/header.component';
+import { ColumnHandleDirective } from './column-resizing/column-handle.directive';
+import { CellComponent } from './rendering/cell.component';
+/**
+ * @hidden
+ * Utility array that contains the former Shared module exports
+ */
+export const SHARED_EXPORTS = [
+    ColumnComponent,
+    ColumnGroupComponent,
+    LogicalCellDirective,
+    LogicalRowDirective,
+    FocusableDirective,
+    ColGroupComponent,
+    ResizableContainerDirective,
+    TemplateContextDirective,
+    FieldAccessorPipe,
+    SpanColumnComponent,
+    TableDirective,
+    LoadingComponent,
+    FilterCellOperatorsComponent,
+    CheckboxColumnComponent,
+    RowReorderColumnComponent,
+    ...KENDO_DRAGGABLE,
+    ...KENDO_ICONS
+];
+/**
+ * @hidden
+ * Utility array that contains the Body module exports
+ */
+export const BODY_EXPORTS = [
+    CommandColumnComponent,
+    CellTemplateDirective,
+    CellComponent,
+    NoRecordsTemplateDirective,
+    EditTemplateDirective,
+    EditCommandDirective,
+    CancelCommandDirective,
+    SaveCommandDirective,
+    RemoveCommandDirective,
+    AddCommandDirective,
+    FooterTemplateDirective
+];
+/**
+ * @hidden
+ * Utility array that contains the Header module exports
+ */
+export const HEADER_EXPORTS = [
+    HeaderComponent,
+    HeaderTemplateDirective,
+    ColumnHandleDirective
+];
+/**
+ * @hidden
+ * Utility array that contains the former Pager module exports
+ */
+export const PAGER_EXPORTS = [
+    PagerComponent,
+    PagerPrevButtonsComponent,
+    PagerNextButtonsComponent,
+    PagerNumericButtonsComponent,
+    PagerInputComponent,
+    PagerInfoComponent,
+    PagerPageSizesComponent,
+    PagerTemplateDirective
+];
+/**
+ * @hidden
+ * Utility array that contains the former SharedFilter module exports
+ */
+export const SHARED_FILTER_EXPORTS = [
+    FilterCellOperatorsComponent,
+    ContainsFilterOperatorComponent,
+    DoesNotContainFilterOperatorComponent,
+    EndsWithFilterOperatorComponent,
+    EqualFilterOperatorComponent,
+    IsEmptyFilterOperatorComponent,
+    IsNotEmptyFilterOperatorComponent,
+    IsNotNullFilterOperatorComponent,
+    IsNullFilterOperatorComponent,
+    NotEqualFilterOperatorComponent,
+    StartsWithFilterOperatorComponent,
+    GreaterFilterOperatorComponent,
+    GreaterOrEqualToFilterOperatorComponent,
+    LessFilterOperatorComponent,
+    LessOrEqualToFilterOperatorComponent,
+    AfterFilterOperatorComponent,
+    AfterEqFilterOperatorComponent,
+    BeforeEqFilterOperatorComponent,
+    BeforeFilterOperatorComponent,
+    FilterInputDirective,
+    ...KENDO_DROPDOWNLIST,
+    ...KENDO_AUTOCOMPLETE,
+    ...KENDO_INPUTS,
+    ...KENDO_DATEPICKER,
+    ...KENDO_POPUP,
+    ...SHARED_EXPORTS,
+    ...KENDO_BUTTON
+];
+/**
+ * @hidden
+ * Utility array that contains the former ColumnMenu module exports
+ */
+export const ROW_FILTER_EXPORTS = [
+    FilterRowComponent,
+    FilterCellComponent,
+    FilterCellTemplateDirective,
+    StringFilterCellComponent,
+    NumericFilterCellComponent,
+    AutoCompleteFilterCellComponent,
+    BooleanFilterCellComponent,
+    FilterCellHostDirective,
+    FilterCellWrapperComponent,
+    DateFilterCellComponent,
+    ...SHARED_FILTER_EXPORTS
+];
+/**
+ * @hidden
+ * Utility array that contains the former FilterMenu module exports
+ */
+export const FILTER_MENU_EXPORTS = [
+    FilterMenuComponent,
+    FilterMenuContainerComponent,
+    FilterMenuInputWrapperComponent,
+    StringFilterMenuInputComponent,
+    StringFilterMenuComponent,
+    FilterMenuTemplateDirective,
+    NumericFilterMenuComponent,
+    NumericFilterMenuInputComponent,
+    DateFilterMenuInputComponent,
+    DateFilterMenuComponent,
+    FilterMenuHostDirective,
+    BooleanFilterMenuComponent
+];
+/**
+ * @hidden
+ * Utility array that contains the former ColumnMenu module exports
+ */
+export const COLUMN_MENU_EXPORTS = [
+    ColumnChooserComponent,
+    ColumnMenuChooserComponent,
+    ColumnMenuFilterComponent,
+    ColumnMenuItemComponent,
+    ColumnMenuItemContentTemplateDirective,
+    ColumnMenuSortComponent,
+    ColumnMenuComponent,
+    ColumnMenuLockComponent,
+    ColumnMenuTemplateDirective
+];
+/**
+ * @hidden
+ * Utility array that contains the Excel module exports
+ */
+export const EXCEL_EXPORTS = [
+    ExcelComponent,
+    ExcelCommandDirective,
+    ...KENDO_EXCELEXPORT
+];
+/**
+ * @hidden
+ * Utility array that contains the PDF module exports
+ */
+export const PDF_EXPORTS = [
+    PDFComponent,
+    PDFMarginComponent,
+    PDFCommandDirective,
+    PDFTemplateDirective
+];
+/**
+ * Utility array that contains all `@progress/kendo-angular-treelist` related components and directives
+ */
+export const KENDO_TREELIST = [
+    TreeListComponent,
+    ToolbarTemplateDirective,
+    ToolbarComponent,
+    TreeListSpacerComponent,
+    CustomMessagesComponent,
+    TemplateEditingDirective,
+    ReactiveEditingDirective,
+    InCellEditingDirective,
+    HierarchyBindingDirective,
+    FlatBindingDirective,
+    ExpandableDirective,
+    SelectableDirective,
+    TreeListToolbarFocusableDirective,
+    ...SHARED_EXPORTS,
+    ...BODY_EXPORTS,
+    ...HEADER_EXPORTS,
+    ...PAGER_EXPORTS,
+    ...ROW_FILTER_EXPORTS,
+    ...FILTER_MENU_EXPORTS,
+    ...COLUMN_MENU_EXPORTS
+];

package/esm2020/dragdrop/draggable-column.directive.mjs

@@ -111,11 +111,12 @@ export class DraggableColumnDirective {
     }
 }
 DraggableColumnDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DraggableColumnDirective, deps: [{ token: i1.DraggableDirective, host: true }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i2.DragAndDropService }, { token: i3.DragHintService }, { token: i4.DropCueService }, { token: i5.NavigationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-DraggableColumnDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DraggableColumnDirective, selector: "[kendoDraggableColumn]", inputs: { context: "context", enableDrag: "enableDrag" }, outputs: { drag: "drag" }, host: { properties: { "class.k-grid-draggable-header": "this.hostClass" } }, ngImport: i0 });
+DraggableColumnDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DraggableColumnDirective, isStandalone: true, selector: "[kendoDraggableColumn]", inputs: { context: "context", enableDrag: "enableDrag" }, outputs: { drag: "drag" }, host: { properties: { "class.k-grid-draggable-header": "this.hostClass" } }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DraggableColumnDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoDraggableColumn]'
+                    selector: '[kendoDraggableColumn]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1.DraggableDirective, decorators: [{
                     type: Host

package/esm2020/dragdrop/drop-target.directive.mjs

@@ -51,11 +51,12 @@ export class DropTargetDirective {
     }
 }
 DropTargetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropTargetDirective, deps: [{ token: i0.ElementRef }, { token: i1.DragAndDropService }], target: i0.ɵɵFactoryTarget.Directive });
-DropTargetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DropTargetDirective, selector: "[kendoDropTarget]", inputs: { context: "context" }, outputs: { enter: "enter", leave: "leave", drop: "drop" }, ngImport: i0 });
+DropTargetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DropTargetDirective, isStandalone: true, selector: "[kendoDropTarget]", inputs: { context: "context" }, outputs: { enter: "enter", leave: "leave", drop: "drop" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DropTargetDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoDropTarget]'
+                    selector: '[kendoDropTarget]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.DragAndDropService }]; }, propDecorators: { context: [{
                 type: Input

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

@@ -3,14 +3,14 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, ElementRef, Renderer2, NgZone, HostBinding, Input } from '@angular/core';
+import { NgIf, NgClass } from '@angular/common';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { IconWrapperComponent } from '@progress/kendo-angular-icons';
 import { EditService } from './edit.service';
 import { BaseCommandDirective } from './base-command.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "./edit.service";
 import * as i2 from "@progress/kendo-angular-l10n";
-import * as i3 from "@angular/common";
-import * as i4 from "@progress/kendo-angular-icons";
 /**
  * Represents the command for adding a new item to the TreeList. You can apply this directive to any
  * `button` element inside a [`ToolbarTemplate`](slug:toolbartemplate_treelist) or
@@ -46,7 +46,7 @@ export class AddCommandDirective extends BaseCommandDirective {
     }
 }
 AddCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AddCommandDirective, deps: [{ token: i1.EditService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-AddCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AddCommandDirective, selector: "[kendoTreeListAddCommand]", inputs: { cellContext: ["kendoTreeListAddCommand", "cellContext"] }, host: { properties: { "class.k-grid-add-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
+AddCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: AddCommandDirective, isStandalone: true, selector: "[kendoTreeListAddCommand]", inputs: { cellContext: ["kendoTreeListAddCommand", "cellContext"] }, host: { properties: { "class.k-grid-add-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="icon || svgIcon"
             innerCssClass="k-button-icon"
@@ -57,7 +57,7 @@ AddCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
         </span>
         <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
         <span class="k-button-text"><ng-content></ng-content></span>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AddCommandDirective, decorators: [{
             type: Component,
             args: [{
@@ -73,7 +73,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         </span>
         <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
         <span class="k-button-text"><ng-content></ng-content></span>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgIf, IconWrapperComponent, NgClass]
                 }]
         }], ctorParameters: function () { return [{ type: i1.EditService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { cellContext: [{
                 type: Input,

package/esm2020/editing/base-command.directive.mjs

@@ -3,14 +3,14 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { HostListener, HostBinding, ElementRef, Renderer2, NgZone, Component } from '@angular/core';
+import { NgIf, NgClass } from '@angular/common';
 import { Button } from '@progress/kendo-angular-buttons';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { IconWrapperComponent } from '@progress/kendo-angular-icons';
 import { EditService } from './edit.service';
 import * as i0 from "@angular/core";
 import * as i1 from "./edit.service";
 import * as i2 from "@progress/kendo-angular-l10n";
-import * as i3 from "@angular/common";
-import * as i4 from "@progress/kendo-angular-icons";
 /**
  * @hidden
  */
@@ -44,7 +44,7 @@ export class BaseCommandDirective extends Button {
     }
 }
 BaseCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BaseCommandDirective, deps: [{ token: i1.EditService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BaseCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BaseCommandDirective, selector: "[kendoTreeListBaseCommand]", host: { listeners: { "click": "clickHandler($event)" }, properties: { "style.display": "this.visible" } }, usesInheritance: true, ngImport: i0, template: `
+BaseCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BaseCommandDirective, isStandalone: true, selector: "[kendoTreeListBaseCommand]", host: { listeners: { "click": "clickHandler($event)" }, properties: { "style.display": "this.visible" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="icon || svgIcon"
             innerCssClass="k-button-icon"
@@ -55,7 +55,7 @@ BaseCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
         </span>
         <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
         <span class="k-button-text"><ng-content></ng-content></span>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BaseCommandDirective, decorators: [{
             type: Component,
             args: [{
@@ -71,7 +71,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         </span>
         <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
         <span class="k-button-text"><ng-content></ng-content></span>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgIf, IconWrapperComponent, NgClass]
                 }]
         }], ctorParameters: function () { return [{ type: i1.EditService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { visible: [{
                 type: HostBinding,

package/esm2020/editing/cancel-command.directive.mjs

@@ -3,14 +3,14 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, ElementRef, Renderer2, NgZone, HostBinding, Input } from '@angular/core';
+import { NgIf, NgClass } from '@angular/common';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { IconWrapperComponent } from '@progress/kendo-angular-icons';
 import { EditService } from './edit.service';
 import { BaseCommandDirective } from './base-command.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "./edit.service";
 import * as i2 from "@progress/kendo-angular-l10n";
-import * as i3 from "@angular/common";
-import * as i4 from "@progress/kendo-angular-icons";
 /**
  * Represents the `cancel` command of the TreeList. You can apply this directive to any `button`
  * element inside a [`CommandColumnComponent`]({% slug api_treelist_commandcolumncomponent %}).
@@ -46,7 +46,7 @@ export class CancelCommandDirective extends BaseCommandDirective {
     }
 }
 CancelCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CancelCommandDirective, deps: [{ token: i1.EditService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-CancelCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CancelCommandDirective, selector: "[kendoTreeListCancelCommand]", inputs: { cellContext: ["kendoTreeListCancelCommand", "cellContext"] }, host: { properties: { "class.k-grid-cancel-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
+CancelCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CancelCommandDirective, isStandalone: true, selector: "[kendoTreeListCancelCommand]", inputs: { cellContext: ["kendoTreeListCancelCommand", "cellContext"] }, host: { properties: { "class.k-grid-cancel-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="icon || svgIcon"
             innerCssClass="k-button-icon"
@@ -57,7 +57,7 @@ CancelCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
         </span>
         <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
         <span class="k-button-text"><ng-content></ng-content></span>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CancelCommandDirective, decorators: [{
             type: Component,
             args: [{
@@ -73,7 +73,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         </span>
         <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
         <span class="k-button-text"><ng-content></ng-content></span>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgIf, IconWrapperComponent, NgClass]
                 }]
         }], ctorParameters: function () { return [{ type: i1.EditService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { cellContext: [{
                 type: Input,

package/esm2020/editing/edit-command.directive.mjs

@@ -3,14 +3,14 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, ElementRef, Renderer2, NgZone, HostBinding, Input } from '@angular/core';
+import { NgIf, NgClass } from '@angular/common';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { IconWrapperComponent } from '@progress/kendo-angular-icons';
 import { EditService } from './edit.service';
 import { BaseCommandDirective } from './base-command.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "./edit.service";
 import * as i2 from "@progress/kendo-angular-l10n";
-import * as i3 from "@angular/common";
-import * as i4 from "@progress/kendo-angular-icons";
 /**
  * Represents the `edit` command of the TreeList. You can apply this directive to any `button`
  * element inside a [`CommandColumnComponent`]({% slug api_treelist_commandcolumncomponent %}).
@@ -46,7 +46,7 @@ export class EditCommandDirective extends BaseCommandDirective {
     }
 }
 EditCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditCommandDirective, deps: [{ token: i1.EditService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-EditCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: EditCommandDirective, selector: "[kendoTreeListEditCommand]", inputs: { cellContext: ["kendoTreeListEditCommand", "cellContext"] }, host: { properties: { "class.k-grid-edit-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
+EditCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: EditCommandDirective, isStandalone: true, selector: "[kendoTreeListEditCommand]", inputs: { cellContext: ["kendoTreeListEditCommand", "cellContext"] }, host: { properties: { "class.k-grid-edit-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="icon || svgIcon"
             innerCssClass="k-button-icon"
@@ -57,7 +57,7 @@ EditCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
         </span>
         <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
         <span class="k-button-text"><ng-content></ng-content></span>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: EditCommandDirective, decorators: [{
             type: Component,
             args: [{
@@ -73,7 +73,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         </span>
         <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
         <span class="k-button-text"><ng-content></ng-content></span>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgIf, IconWrapperComponent, NgClass]
                 }]
         }], ctorParameters: function () { return [{ type: i1.EditService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { cellContext: [{
                 type: Input,

package/esm2020/editing/edit-template.directive.mjs

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

package/esm2020/editing/remove-command.directive.mjs

@@ -3,14 +3,14 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, ElementRef, Renderer2, NgZone, HostBinding, Input } from '@angular/core';
+import { NgIf, NgClass } from '@angular/common';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { IconWrapperComponent } from '@progress/kendo-angular-icons';
 import { EditService } from './edit.service';
 import { BaseCommandDirective } from './base-command.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "./edit.service";
 import * as i2 from "@progress/kendo-angular-l10n";
-import * as i3 from "@angular/common";
-import * as i4 from "@progress/kendo-angular-icons";
 /**
  * Represents the `remove` command of the TreeList. You can apply this directive to any `button` element
  * inside a [`CommandColumnComponent`]({% slug api_treelist_commandcolumncomponent %}).
@@ -45,7 +45,7 @@ export class RemoveCommandDirective extends BaseCommandDirective {
     }
 }
 RemoveCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RemoveCommandDirective, deps: [{ token: i1.EditService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-RemoveCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RemoveCommandDirective, selector: "[kendoTreeListRemoveCommand]", inputs: { cellContext: ["kendoTreeListRemoveCommand", "cellContext"] }, host: { properties: { "class.k-grid-remove-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
+RemoveCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RemoveCommandDirective, isStandalone: true, selector: "[kendoTreeListRemoveCommand]", inputs: { cellContext: ["kendoTreeListRemoveCommand", "cellContext"] }, host: { properties: { "class.k-grid-remove-command": "this.commandClass" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="icon || svgIcon"
             innerCssClass="k-button-icon"
@@ -56,7 +56,7 @@ RemoveCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
         </span>
         <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
         <span class="k-button-text"><ng-content></ng-content></span>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RemoveCommandDirective, decorators: [{
             type: Component,
             args: [{
@@ -72,7 +72,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         </span>
         <span *ngIf="iconClass" class="k-button-icon" [ngClass]="iconClass"></span>
         <span class="k-button-text"><ng-content></ng-content></span>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgIf, IconWrapperComponent, NgClass]
                 }]
         }], ctorParameters: function () { return [{ type: i1.EditService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { cellContext: [{
                 type: Input,