@progress/kendo-angular-treelist 17.0.0-develop.8 → 17.0.0

package/{esm2020 → esm2022}/editing-directives/reactive-editing.directive.mjs

@@ -13,6 +13,11 @@ import * as i1 from "../treelist.component";
  * Reactive Forms ([see example](slug:editing_directives_treelist#toc-reactive-editing-directive)).
  */
 export class ReactiveEditingDirective extends RowEditingDirectiveBase {
+    treelist;
+    /**
+     * The function that creates the `FormGroup` for the edited model.
+     */
+    createFormGroup;
     constructor(treelist) {
         super(treelist);
         this.treelist = treelist;
@@ -30,10 +35,10 @@ export class ReactiveEditingDirective extends RowEditingDirectiveBase {
         }
         markAllAsTouched(formGroup);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReactiveEditingDirective, deps: [{ token: i1.TreeListComponent }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ReactiveEditingDirective, isStandalone: true, selector: "[kendoTreeListReactiveEditing]", inputs: { createFormGroup: ["kendoTreeListReactiveEditing", "createFormGroup"] }, exportAs: ["kendoTreeListReactiveEditing"], usesInheritance: true, ngImport: i0 });
 }
-ReactiveEditingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ReactiveEditingDirective, deps: [{ token: i1.TreeListComponent }], target: i0.ɵɵFactoryTarget.Directive });
-ReactiveEditingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ReactiveEditingDirective, isStandalone: true, selector: "[kendoTreeListReactiveEditing]", inputs: { createFormGroup: ["kendoTreeListReactiveEditing", "createFormGroup"] }, exportAs: ["kendoTreeListReactiveEditing"], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ReactiveEditingDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReactiveEditingDirective, decorators: [{
             type: Directive,
             args: [{
                     exportAs: 'kendoTreeListReactiveEditing',

package/{esm2020 → esm2022}/editing-directives/row-editing-directive-base.mjs

@@ -30,10 +30,10 @@ export class RowEditingDirectiveBase extends EditingDirectiveBase {
         super.saveHandler(args);
         this.clean();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RowEditingDirectiveBase, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: RowEditingDirectiveBase, usesInheritance: true, ngImport: i0 });
 }
-RowEditingDirectiveBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RowEditingDirectiveBase, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-RowEditingDirectiveBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: RowEditingDirectiveBase, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RowEditingDirectiveBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RowEditingDirectiveBase, decorators: [{
             type: Directive,
             args: [{}]
         }] });

package/{esm2020 → esm2022}/editing-directives/template-editing.directive.mjs

@@ -12,6 +12,12 @@ import * as i1 from "../treelist.component";
  * the Template-Driven Angular Forms ([see example](slug:editing_directives_treelist#toc-template-editing-directive)).
  */
 export class TemplateEditingDirective extends RowEditingDirectiveBase {
+    treelist;
+    /**
+     * The function that creates the `dataItem` for the new rows.
+     */
+    createNewItem;
+    originalValues;
     constructor(treelist) {
         super(treelist);
         this.treelist = treelist;
@@ -36,10 +42,10 @@ export class TemplateEditingDirective extends RowEditingDirectiveBase {
     saveModel(args) {
         return args.dataItem;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TemplateEditingDirective, deps: [{ token: i1.TreeListComponent }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TemplateEditingDirective, isStandalone: true, selector: "[kendoTreeListTemplateEditing]", inputs: { createNewItem: ["kendoTreeListTemplateEditing", "createNewItem"] }, exportAs: ["kendoTreeListTemplateEditing"], usesInheritance: true, ngImport: i0 });
 }
-TemplateEditingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TemplateEditingDirective, deps: [{ token: i1.TreeListComponent }], target: i0.ɵɵFactoryTarget.Directive });
-TemplateEditingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TemplateEditingDirective, isStandalone: true, selector: "[kendoTreeListTemplateEditing]", inputs: { createNewItem: ["kendoTreeListTemplateEditing", "createNewItem"] }, exportAs: ["kendoTreeListTemplateEditing"], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TemplateEditingDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TemplateEditingDirective, decorators: [{
             type: Directive,
             args: [{
                     exportAs: 'kendoTreeListTemplateEditing',

package/esm2022/excel/excel-command-tool.directive.mjs

@@ -0,0 +1,66 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive } from '@angular/core';
+import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
+import { Subscription } from 'rxjs';
+import { fileExcelIcon } from '@progress/kendo-svg-icons';
+import { ExcelService } from './excel.service';
+import * as i0 from "@angular/core";
+import * as i1 from "./excel.service";
+import * as i2 from "@progress/kendo-angular-toolbar";
+/**
+ * Represents the `export-to-Excel` toolbar tool of the TreeList.
+ * You can apply this directive to any `kendo-toolbar-button` element inside a
+ * ToolbarComponent used in the TreeList.
+ *
+ * When the user clicks a button associated with the directive, the
+ * [excelExport]({% slug api_treelist_treelistcomponent %}#toc-excelexport) event
+ * fires ([see example]({% slug excelexport_treelist %})).
+ *
+ * @example
+ * ```html-no-run
+ * <kendo-treelist>
+ *      <kendo-toolbar>
+ *         <kendo-toolbar-button text="Excel Export" kendoTreeListExcelTool></kendo-toolbar-button>
+ *      </kendo-toolbar>
+ *      <kendo-treelist-excel fileName="TreeList.xlsx">
+ *      </kendo-treelist-excel>
+ * </kendo-treelist>
+ * ```
+ */
+export class ExcelCommandToolbarDirective {
+    excelService;
+    host;
+    clickSub = new Subscription();
+    constructor(excelService, host) {
+        this.excelService = excelService;
+        this.host = host;
+    }
+    ngOnInit() {
+        this.clickSub = this.host.click.subscribe(e => this.onClick(e));
+        this.host.className = 'k-grid-excel';
+        this.host.svgIcon = fileExcelIcon;
+        this.host.icon = 'file-excel';
+    }
+    ngOnDestroy() {
+        this.clickSub.unsubscribe();
+    }
+    /**
+     * @hidden
+     */
+    onClick(e) {
+        e.preventDefault();
+        this.excelService.exportClick.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelCommandToolbarDirective, deps: [{ token: i1.ExcelService }, { token: i2.ToolBarButtonComponent }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ExcelCommandToolbarDirective, isStandalone: true, selector: "[kendoTreeListExcelTool]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelCommandToolbarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoTreeListExcelTool]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ExcelService }, { type: i2.ToolBarButtonComponent }]; } });

package/{esm2020 → esm2022}/excel/excel-command.directive.mjs

@@ -30,11 +30,7 @@ import * as i2 from "@progress/kendo-angular-l10n";
  * ```
  */
 export class ExcelCommandDirective extends Button {
-    constructor(excelService, element, renderer, localization, ngZone) {
-        super(element, renderer, null, localization, ngZone);
-        this.excelService = excelService;
-        this.ngZone = ngZone;
-    }
+    excelService;
     /**
      * @hidden
      */
@@ -48,9 +44,13 @@ export class ExcelCommandDirective extends Button {
     get excelClass() {
         return true;
     }
-}
-ExcelCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelCommandDirective, deps: [{ token: i1.ExcelService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-ExcelCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ExcelCommandDirective, isStandalone: true, selector: "[kendoTreeListExcelCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-grid-excel": "this.excelClass" } }, usesInheritance: true, ngImport: i0, template: `
+    constructor(excelService, element, renderer, localization, ngZone) {
+        super(element, renderer, null, localization, ngZone);
+        this.excelService = excelService;
+        this.ngZone = ngZone;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelCommandDirective, deps: [{ token: i1.ExcelService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ExcelCommandDirective, isStandalone: true, selector: "[kendoTreeListExcelCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-grid-excel": "this.excelClass" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="icon || svgIcon"
             innerCssClass="k-button-icon"
@@ -62,7 +62,8 @@ ExcelCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
         <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: 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: ExcelCommandDirective, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelCommandDirective, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoTreeListExcelCommand]',

package/{esm2020 → esm2022}/excel/excel-export-event.mjs

@@ -7,6 +7,7 @@ import { PreventableEvent } from '../common/preventable-event';
  * Arguments for the `excelExport` event. [See example](slug:excelexport_treelist#toc-customizing-generated-workbooks).
  */
 export class ExcelExportEvent extends PreventableEvent {
+    workbook;
     constructor(workbook) {
         super();
         this.workbook = workbook;

package/{esm2020 → esm2022}/excel/excel.component.mjs

@@ -79,29 +79,78 @@ const componentColumns = (component) => {
  * Configures the settings for the export of TreeList in Excel ([see example]({% slug excelexport_treelist %})).
  */
 export class ExcelComponent {
+    excelService;
+    localization;
+    zone;
+    /**
+     * Specifies the file name of the exported Excel file.
+     * @default "Export.xlsx"
+     */
+    fileName = 'Export.xlsx';
+    /**
+     * Enables or disables column filtering in the Excel file. This behavior is different from the filtering feature of the TreeList.
+     */
+    filterable;
+    /**
+     * The author of the workbook.
+     */
+    creator;
+    /**
+     * The date on which the workbook was created. Defaults to `new Date()`.
+     */
+    date;
+    /**
+     * If set to `true`, the content is forwarded to `proxyURL` even if the browser supports the saving of files locally.
+     */
+    forceProxy;
+    /**
+     * The URL of the server-side proxy which streams the file to the end user.
+     * Using a proxy is required if the browser is not capable of saving files locally.
+     *
+     * Optionally, set up a proxy to reduce memory usage. This avoids copying the file contents into memory,
+     * but transmits it over the network instead. For this use case, set [forceProxy](#toc-forceproxy) to `true`
+     * to skip client-side saving even in browsers that support it.
+     *
+     * In the request body, the proxy receives a POST request with the specific parameters. [See example](slug:server_proxy#toc-implementations).
+     * The proxy returns the decoded file with the `"Content-Disposition"` header set to `attachment; filename="<fileName.xslx>"`.
+     *
+     * For details on the server-side proxy usage and implementation, see the [File Saver]({% slug overview_filesaver %}) documentation.
+     *
+     */
+    proxyURL;
+    /**
+     * The function that is used to get the exported data options. By default, uses the current data of the TreeList.
+     * To export data that is different from the current TreeList data, provide a custom function.
+     */
+    fetchData;
+    /**
+     * Specifies if the item levels in the Excel file are collapsible. Applicable only if the treelist has footers.
+     */
+    collapsible;
+    /**
+     * Specifies if export should include all pages
+     * @default true
+     */
+    allPages = true;
+    /**
+     * Specifies if the export should expand all items or should use the current TreeList state.
+     * @default true
+     */
+    expandAll = true;
+    /**
+     * The options of the cells that are inserted before the data to indicate the hierarchy.
+     */
+    paddingCellOptions;
+    /**
+     * @hidden
+     */
+    columns = new QueryList();
+    saveSubscription;
+    dataSubscription;
     constructor(excelService, localization, zone) {
         this.excelService = excelService;
         this.localization = localization;
         this.zone = zone;
-        /**
-         * Specifies the file name of the exported Excel file.
-         * @default "Export.xlsx"
-         */
-        this.fileName = 'Export.xlsx';
-        /**
-         * Specifies if export should include all pages
-         * @default true
-         */
-        this.allPages = true;
-        /**
-         * Specifies if the export should expand all items or should use the current TreeList state.
-         * @default true
-         */
-        this.expandAll = true;
-        /**
-         * @hidden
-         */
-        this.columns = new QueryList();
         this.saveSubscription = excelService.saveToExcel.subscribe(this.save.bind(this));
     }
     ngOnDestroy() {
@@ -184,10 +233,10 @@ export class ExcelComponent {
             loaded: new Map(component.view.loaded)
         };
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelComponent, deps: [{ token: i1.ExcelService }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ExcelComponent, isStandalone: true, selector: "kendo-treelist-excel", inputs: { fileName: "fileName", filterable: "filterable", creator: "creator", date: "date", forceProxy: "forceProxy", proxyURL: "proxyURL", fetchData: "fetchData", collapsible: "collapsible", allPages: "allPages", expandAll: "expandAll", paddingCellOptions: "paddingCellOptions" }, queries: [{ propertyName: "columns", predicate: ColumnBase, descendants: true }], ngImport: i0, template: ``, isInline: true });
 }
-ExcelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelComponent, deps: [{ token: i1.ExcelService }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-ExcelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ExcelComponent, isStandalone: true, selector: "kendo-treelist-excel", inputs: { fileName: "fileName", filterable: "filterable", creator: "creator", date: "date", forceProxy: "forceProxy", proxyURL: "proxyURL", fetchData: "fetchData", collapsible: "collapsible", allPages: "allPages", expandAll: "expandAll", paddingCellOptions: "paddingCellOptions" }, queries: [{ propertyName: "columns", predicate: ColumnBase, descendants: true }], ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-treelist-excel',

package/{esm2020 → esm2022}/excel/excel.module.mjs

@@ -9,6 +9,7 @@ import { ExcelExportModule } from '@progress/kendo-angular-excel-export';
 import * as i0 from "@angular/core";
 import * as i1 from "./excel.component";
 import * as i2 from "./excel-command.directive";
+import * as i3 from "./excel-command-tool.directive";
 // IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
@@ -30,11 +31,11 @@ import * as i2 from "./excel-command.directive";
  * ```
  */
 export class ExcelModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ExcelModule, imports: [i1.ExcelComponent, i2.ExcelCommandDirective, i3.ExcelCommandToolbarDirective], exports: [i1.ExcelComponent, i2.ExcelCommandDirective, i3.ExcelCommandToolbarDirective, ExcelExportModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelModule, providers: [IconsService], imports: [i2.ExcelCommandDirective, ExcelExportModule] });
 }
-ExcelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ExcelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ExcelModule, imports: [i1.ExcelComponent, i2.ExcelCommandDirective], exports: [i1.ExcelComponent, i2.ExcelCommandDirective, ExcelExportModule] });
-ExcelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelModule, providers: [IconsService], imports: [EXCEL_EXPORTS, ExcelExportModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...EXCEL_EXPORTS],

package/{esm2020 → esm2022}/excel/excel.service.mjs

@@ -8,11 +8,10 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class ExcelService {
-    constructor() {
-        this.saveToExcel = new EventEmitter();
-        this.exportClick = new EventEmitter();
-        this.loadingChange = new EventEmitter();
-    }
+    saveToExcel = new EventEmitter();
+    exportClick = new EventEmitter();
+    loadingChange = new EventEmitter();
+    loading;
     save(component) {
         if (this.saveToExcel.observers.length === 0) {
             if (isDevMode()) {
@@ -27,9 +26,9 @@ export class ExcelService {
         this.loading = value;
         this.loadingChange.emit();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelService });
 }
-ExcelService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ExcelService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExcelService, decorators: [{
             type: Injectable
         }] });

package/{esm2020 → esm2022}/expand-state/expand-event.mjs

@@ -7,6 +7,18 @@ import { PreventableEvent } from '../common/preventable-event';
  * Arguments for the TreeList expand and collapse events ([see examples]({% slug treelist_expanded_state %})).
  */
 export class ExpandEvent extends PreventableEvent {
+    /**
+     * The expanded/collapsed data item.
+     */
+    dataItem;
+    /**
+     * The TreeList component that triggered the event.
+     */
+    sender;
+    /**
+     * @hidden
+     */
+    expand;
     /**
      * @hidden
      */

package/{esm2020 → esm2022}/expand-state/expand-state.service.mjs

@@ -14,10 +14,8 @@ export const defaultExpanded = (_item) => true;
  * @hidden
  */
 export class ExpandStateService {
-    constructor() {
-        this.changes = new Subject();
-        this.isExpanded = defaultExpanded;
-    }
+    changes = new Subject();
+    isExpanded = defaultExpanded;
     toggleState(dataItem) {
         const isExpanded = this.isExpanded(dataItem);
         this.changes.next(new ExpandEvent({ dataItem: dataItem, expand: !isExpanded }));
@@ -32,9 +30,9 @@ export class ExpandStateService {
             this.changes.next(new ExpandEvent({ dataItem: dataItem, expand: false }));
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandStateService });
 }
-ExpandStateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpandStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ExpandStateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpandStateService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpandStateService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandStateService, decorators: [{
             type: Injectable
         }] });

package/{esm2020 → esm2022}/expand-state/expandable-tree-component.mjs

@@ -10,9 +10,9 @@ import * as i0 from "@angular/core";
  * An injection token used by the expand-directive to interface with the TreeList or the Gantt.
  */
 export class ExpandableTreeComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandableTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandableTreeComponent });
 }
-ExpandableTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpandableTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ExpandableTreeComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpandableTreeComponent });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpandableTreeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandableTreeComponent, decorators: [{
             type: Injectable
         }] });

package/{esm2020 → esm2022}/expand-state/expandable.directive.mjs

@@ -20,22 +20,11 @@ import * as i1 from "./expandable-tree-component";
  * ```
  */
 export class ExpandableDirective {
-    constructor(component) {
-        this.component = component;
-        /**
-         * Fires when the expandedKeys are changed.
-         */
-        this.expandedKeysChange = new EventEmitter();
-        /**
-         * Specifies if the items should be initially expanded.
-         * @default false
-         */
-        this.initiallyExpanded = false;
-        this.state = new Set();
-        this.component.isExpanded = this.isExpanded.bind(this);
-        this.toggleState = this.toggleState.bind(this);
-        this.subscriptions = this.component.expandStateChange.subscribe(this.toggleState);
-    }
+    component;
+    /**
+     * Fires when the expandedKeys are changed.
+     */
+    expandedKeysChange = new EventEmitter();
     /**
      * Sets the expanded item keys.
      */
@@ -48,6 +37,11 @@ export class ExpandableDirective {
     get expandedKeys() {
         return Array.from(this.state.keys());
     }
+    /**
+     * Specifies if the items should be initially expanded.
+     * @default false
+     */
+    initiallyExpanded = false;
     /**
      * Defines the item key that will be stored in the expandedKeys collection.
      * Defaults to the component idField.
@@ -63,6 +57,16 @@ export class ExpandableDirective {
     get keyGetter() {
         return this._expandBy || this.component.idGetter;
     }
+    subscriptions;
+    state = new Set();
+    _expandBy;
+    _expandedKeys;
+    constructor(component) {
+        this.component = component;
+        this.component.isExpanded = this.isExpanded.bind(this);
+        this.toggleState = this.toggleState.bind(this);
+        this.subscriptions = this.component.expandStateChange.subscribe(this.toggleState);
+    }
     /**
      * @hidden
      */
@@ -91,10 +95,10 @@ export class ExpandableDirective {
         }
         this.expandedKeysChange.emit(this.expandedKeys);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandableDirective, deps: [{ token: i1.ExpandableTreeComponent }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ExpandableDirective, isStandalone: true, selector: "[kendoTreeListExpandable]", inputs: { expandedKeys: "expandedKeys", initiallyExpanded: "initiallyExpanded", expandBy: "expandBy" }, outputs: { expandedKeysChange: "expandedKeysChange" }, exportAs: ["kendoTreeListExpandable"], usesOnChanges: true, ngImport: i0 });
 }
-ExpandableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpandableDirective, deps: [{ token: i1.ExpandableTreeComponent }], target: i0.ɵɵFactoryTarget.Directive });
-ExpandableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ExpandableDirective, isStandalone: true, selector: "[kendoTreeListExpandable]", inputs: { expandedKeys: "expandedKeys", initiallyExpanded: "initiallyExpanded", expandBy: "expandBy" }, outputs: { expandedKeysChange: "expandedKeysChange" }, exportAs: ["kendoTreeListExpandable"], usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExpandableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpandableDirective, decorators: [{
             type: Directive,
             args: [{
                     exportAs: 'kendoTreeListExpandable',

package/{esm2020 → esm2022}/filtering/base-filter-cell.component.mjs

@@ -88,19 +88,28 @@ export const localizeOperators = operators => localization => Object.keys(operat
  * An abstract base class for the filter-cell component ([see example](slug:filter_row_treelist#toc-custom-filter-row-components).
  */
 export class BaseFilterCellComponent {
-    constructor(filterService) {
-        this.filterService = filterService;
-        this.operatorList = new QueryList();
-    }
+    filterService;
     get hostClasses() {
         return true;
     }
+    operatorList = new QueryList();
     get operators() {
         return this._operators?.length ? this._operators : this.defaultOperators;
     }
     set operators(values) {
         this._operators = values;
     }
+    /**
+     * The current root filter.
+     * @type {CompositeFilterDescriptor}
+     */
+    filter;
+    defaultOperators;
+    _operators;
+    operationListSubscription;
+    constructor(filterService) {
+        this.filterService = filterService;
+    }
     /**
      * @hidden
      */
@@ -142,10 +151,10 @@ export class BaseFilterCellComponent {
     applyFilter(filter) {
         this.filterService.filter(filter);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseFilterCellComponent, deps: [{ token: i1.FilterService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: BaseFilterCellComponent, inputs: { operators: "operators", filter: "filter" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, queries: [{ propertyName: "operatorList", predicate: FilterOperatorBase }], ngImport: i0 });
 }
-BaseFilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BaseFilterCellComponent, deps: [{ token: i1.FilterService }], target: i0.ɵɵFactoryTarget.Directive });
-BaseFilterCellComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: BaseFilterCellComponent, inputs: { operators: "operators" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, queries: [{ propertyName: "operatorList", predicate: FilterOperatorBase }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BaseFilterCellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BaseFilterCellComponent, decorators: [{
             type: Directive,
             args: [{}]
         }], ctorParameters: function () { return [{ type: i1.FilterService }]; }, propDecorators: { hostClasses: [{
@@ -156,4 +165,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 args: [FilterOperatorBase]
             }], operators: [{
                 type: Input
+            }], filter: [{
+                type: Input
             }] } });

package/{esm2020 → esm2022}/filtering/boolean-filter.component.mjs

@@ -2,7 +2,7 @@
 * Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Input, HostBinding, Directive } from '@angular/core';
+import { Input, Directive } from '@angular/core';
 import { ColumnComponent } from '../columns/column.component';
 import { FilterService } from './filter.service';
 import { BaseFilterCellComponent } from './base-filter-cell.component';
@@ -14,31 +14,22 @@ import * as i2 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class BooleanFilterComponent extends BaseFilterCellComponent {
-    constructor(filterService, localization) {
-        super(filterService);
-        this.localization = localization;
-        /**
-         * @hidden
-         */
-        this.operator = "eq";
-        /**
-         * @hidden
-         */
-        this.items = [
-            { text: this.localization.get("filterIsTrue"), value: true },
-            { text: this.localization.get("filterIsFalse"), value: false }
-        ];
-        /**
-         * @hidden
-         */
-        this.defaultItem = { text: this.localization.get("filterBooleanAll"), value: null };
-    }
+    localization;
     /**
      * @hidden
      */
     get hostClasses() {
         return true;
     }
+    /**
+     * The column with which the filter is associated.
+     * @type {ColumnComponent}
+     */
+    column;
+    /**
+     * @hidden
+     */
+    operator = "eq";
     /**
      * The current filter for the associated column field.
      * @readonly
@@ -55,6 +46,24 @@ export class BooleanFilterComponent extends BaseFilterCellComponent {
     get currentOperator() {
         return this.currentFilter ? this.currentFilter.operator : this.operator;
     }
+    /**
+     * @hidden
+     */
+    items;
+    /**
+     * @hidden
+     */
+    defaultItem;
+    subscription;
+    constructor(filterService, localization) {
+        super(filterService);
+        this.localization = localization;
+        this.items = [
+            { text: this.localization.get("filterIsTrue"), value: true },
+            { text: this.localization.get("filterIsFalse"), value: false }
+        ];
+        this.defaultItem = { text: this.localization.get("filterBooleanAll"), value: null };
+    }
     ngOnInit() {
         this.subscription = this.localization.changes.subscribe(this.localizationChange.bind(this));
     }
@@ -71,17 +80,12 @@ export class BooleanFilterComponent extends BaseFilterCellComponent {
         ];
         this.defaultItem = { text: this.localization.get("filterBooleanAll"), value: null };
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BooleanFilterComponent, deps: [{ token: i1.FilterService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: BooleanFilterComponent, inputs: { column: "column" }, usesInheritance: true, ngImport: i0 });
 }
-BooleanFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BooleanFilterComponent, deps: [{ token: i1.FilterService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-BooleanFilterComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: BooleanFilterComponent, inputs: { column: "column", filter: "filter" }, host: { properties: { "class.k-filtercell-boolean": "this.hostClasses" } }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BooleanFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BooleanFilterComponent, decorators: [{
             type: Directive,
             args: [{}]
-        }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.LocalizationService }]; }, propDecorators: { hostClasses: [{
-                type: HostBinding,
-                args: ['class.k-filtercell-boolean']
-            }], column: [{
-                type: Input
-            }], filter: [{
+        }], ctorParameters: function () { return [{ type: i1.FilterService }, { type: i2.LocalizationService }]; }, propDecorators: { column: [{
                 type: Input
             }] } });