@progress/kendo-angular-treelist 17.0.0-develop.13 → 17.0.0-develop.14

package/directives.d.ts

@@ -108,6 +108,9 @@ import { HeaderComponent } from './rendering/header/header.component';
 import { ColumnHandleDirective } from './column-resizing/column-handle.directive';
 import { CellComponent } from './rendering/cell.component';
 import { BooleanFilterRadioButtonDirective } from './filtering/menu/filter-radio-button.directive';
+import { AddCommandToolbarDirective } from './editing/add-command-tool.directive';
+import { ExcelCommandToolbarDirective } from './excel/excel-command-tool.directive';
+import { PDFCommandToolbarDirective } from './pdf/pdf-command-tool.directive';
 /**
  * @hidden
  * Utility array that contains the former Shared module exports
@@ -117,7 +120,7 @@ export declare const SHARED_EXPORTS: readonly [typeof ColumnComponent, typeof Co
  * @hidden
  * Utility array that contains the Body module exports
  */
-export declare const BODY_EXPORTS: readonly [typeof CommandColumnComponent, typeof CellTemplateDirective, typeof CellComponent, typeof NoRecordsTemplateDirective, typeof EditTemplateDirective, typeof EditCommandDirective, typeof CancelCommandDirective, typeof SaveCommandDirective, typeof RemoveCommandDirective, typeof AddCommandDirective, typeof FooterTemplateDirective];
+export declare const BODY_EXPORTS: readonly [typeof CommandColumnComponent, typeof CellTemplateDirective, typeof CellComponent, typeof NoRecordsTemplateDirective, typeof EditTemplateDirective, typeof EditCommandDirective, typeof CancelCommandDirective, typeof SaveCommandDirective, typeof RemoveCommandDirective, typeof AddCommandDirective, typeof AddCommandToolbarDirective, typeof FooterTemplateDirective];
 /**
  * @hidden
  * Utility array that contains the Header module exports
@@ -152,13 +155,13 @@ export declare const COLUMN_MENU_EXPORTS: readonly [typeof ColumnChooserComponen
  * @hidden
  * Utility array that contains the Excel module exports
  */
-export declare const EXCEL_EXPORTS: readonly [typeof ExcelComponent, typeof ExcelCommandDirective];
+export declare const EXCEL_EXPORTS: readonly [typeof ExcelComponent, typeof ExcelCommandDirective, typeof ExcelCommandToolbarDirective];
 /**
  * @hidden
  * Utility array that contains the PDF module exports
  */
-export declare const PDF_EXPORTS: readonly [typeof PDFComponent, typeof PDFMarginComponent, typeof PDFCommandDirective, typeof PDFTemplateDirective];
+export declare const PDF_EXPORTS: readonly [typeof PDFComponent, typeof PDFMarginComponent, typeof PDFCommandDirective, typeof PDFTemplateDirective, typeof PDFCommandToolbarDirective];
 /**
  * Utility array that contains all `@progress/kendo-angular-treelist` related components and directives
  */
-export declare const KENDO_TREELIST: readonly [typeof TreeListComponent, typeof ToolbarTemplateDirective, typeof ToolbarComponent, typeof TreeListSpacerComponent, typeof CustomMessagesComponent, typeof TemplateEditingDirective, typeof ReactiveEditingDirective, typeof InCellEditingDirective, typeof HierarchyBindingDirective, typeof FlatBindingDirective, typeof ExpandableDirective, typeof SelectableDirective, typeof TreeListToolbarFocusableDirective, typeof ColumnComponent, typeof ColumnGroupComponent, typeof LogicalCellDirective, typeof LogicalRowDirective, typeof FocusableDirective, typeof ColGroupComponent, typeof ResizableContainerDirective, typeof TemplateContextDirective, typeof FieldAccessorPipe, typeof SpanColumnComponent, typeof LoadingComponent, typeof FilterCellOperatorsComponent, typeof CheckboxColumnComponent, typeof RowReorderColumnComponent, typeof CommandColumnComponent, typeof CellTemplateDirective, typeof CellComponent, typeof NoRecordsTemplateDirective, typeof EditTemplateDirective, typeof EditCommandDirective, typeof CancelCommandDirective, typeof SaveCommandDirective, typeof RemoveCommandDirective, typeof AddCommandDirective, typeof FooterTemplateDirective, typeof HeaderComponent, typeof HeaderTemplateDirective, typeof ColumnHandleDirective, typeof PagerComponent, typeof PagerPrevButtonsComponent, typeof PagerNextButtonsComponent, typeof PagerNumericButtonsComponent, typeof PagerInputComponent, typeof PagerInfoComponent, typeof PagerPageSizesComponent, typeof PagerTemplateDirective, typeof FilterRowComponent, typeof FilterCellComponent, typeof FilterCellTemplateDirective, typeof StringFilterCellComponent, typeof NumericFilterCellComponent, typeof AutoCompleteFilterCellComponent, typeof BooleanFilterCellComponent, typeof FilterCellHostDirective, typeof FilterCellWrapperComponent, typeof DateFilterCellComponent, typeof FilterCellOperatorsComponent, typeof ContainsFilterOperatorComponent, typeof DoesNotContainFilterOperatorComponent, typeof EndsWithFilterOperatorComponent, typeof EqualFilterOperatorComponent, typeof IsEmptyFilterOperatorComponent, typeof IsNotEmptyFilterOperatorComponent, typeof IsNotNullFilterOperatorComponent, typeof IsNullFilterOperatorComponent, typeof NotEqualFilterOperatorComponent, typeof StartsWithFilterOperatorComponent, typeof GreaterFilterOperatorComponent, typeof GreaterOrEqualToFilterOperatorComponent, typeof LessFilterOperatorComponent, typeof LessOrEqualToFilterOperatorComponent, typeof AfterFilterOperatorComponent, typeof AfterEqFilterOperatorComponent, typeof BeforeEqFilterOperatorComponent, typeof BeforeFilterOperatorComponent, typeof FilterInputDirective, typeof ColumnComponent, typeof ColumnGroupComponent, typeof LogicalCellDirective, typeof LogicalRowDirective, typeof FocusableDirective, typeof ColGroupComponent, typeof ResizableContainerDirective, typeof TemplateContextDirective, typeof FieldAccessorPipe, typeof SpanColumnComponent, typeof LoadingComponent, typeof FilterCellOperatorsComponent, typeof CheckboxColumnComponent, typeof RowReorderColumnComponent, typeof FilterMenuComponent, typeof FilterMenuContainerComponent, typeof FilterMenuInputWrapperComponent, typeof StringFilterMenuInputComponent, typeof StringFilterMenuComponent, typeof FilterMenuTemplateDirective, typeof NumericFilterMenuComponent, typeof NumericFilterMenuInputComponent, typeof DateFilterMenuInputComponent, typeof DateFilterMenuComponent, typeof FilterMenuHostDirective, typeof BooleanFilterMenuComponent, typeof BooleanFilterRadioButtonDirective, typeof ColumnChooserComponent, typeof ColumnMenuChooserComponent, typeof ColumnMenuFilterComponent, typeof ColumnMenuItemComponent, typeof ColumnMenuItemContentTemplateDirective, typeof ColumnMenuSortComponent, typeof ColumnMenuComponent, typeof ColumnMenuLockComponent, typeof ColumnMenuTemplateDirective];
+export declare const KENDO_TREELIST: readonly [typeof TreeListComponent, typeof ToolbarTemplateDirective, typeof ToolbarComponent, typeof TreeListSpacerComponent, typeof CustomMessagesComponent, typeof TemplateEditingDirective, typeof ReactiveEditingDirective, typeof InCellEditingDirective, typeof HierarchyBindingDirective, typeof FlatBindingDirective, typeof ExpandableDirective, typeof SelectableDirective, typeof TreeListToolbarFocusableDirective, typeof ColumnComponent, typeof ColumnGroupComponent, typeof LogicalCellDirective, typeof LogicalRowDirective, typeof FocusableDirective, typeof ColGroupComponent, typeof ResizableContainerDirective, typeof TemplateContextDirective, typeof FieldAccessorPipe, typeof SpanColumnComponent, typeof LoadingComponent, typeof FilterCellOperatorsComponent, typeof CheckboxColumnComponent, typeof RowReorderColumnComponent, typeof CommandColumnComponent, typeof CellTemplateDirective, typeof CellComponent, typeof NoRecordsTemplateDirective, typeof EditTemplateDirective, typeof EditCommandDirective, typeof CancelCommandDirective, typeof SaveCommandDirective, typeof RemoveCommandDirective, typeof AddCommandDirective, typeof AddCommandToolbarDirective, typeof FooterTemplateDirective, typeof HeaderComponent, typeof HeaderTemplateDirective, typeof ColumnHandleDirective, typeof PagerComponent, typeof PagerPrevButtonsComponent, typeof PagerNextButtonsComponent, typeof PagerNumericButtonsComponent, typeof PagerInputComponent, typeof PagerInfoComponent, typeof PagerPageSizesComponent, typeof PagerTemplateDirective, typeof FilterRowComponent, typeof FilterCellComponent, typeof FilterCellTemplateDirective, typeof StringFilterCellComponent, typeof NumericFilterCellComponent, typeof AutoCompleteFilterCellComponent, typeof BooleanFilterCellComponent, typeof FilterCellHostDirective, typeof FilterCellWrapperComponent, typeof DateFilterCellComponent, typeof FilterCellOperatorsComponent, typeof ContainsFilterOperatorComponent, typeof DoesNotContainFilterOperatorComponent, typeof EndsWithFilterOperatorComponent, typeof EqualFilterOperatorComponent, typeof IsEmptyFilterOperatorComponent, typeof IsNotEmptyFilterOperatorComponent, typeof IsNotNullFilterOperatorComponent, typeof IsNullFilterOperatorComponent, typeof NotEqualFilterOperatorComponent, typeof StartsWithFilterOperatorComponent, typeof GreaterFilterOperatorComponent, typeof GreaterOrEqualToFilterOperatorComponent, typeof LessFilterOperatorComponent, typeof LessOrEqualToFilterOperatorComponent, typeof AfterFilterOperatorComponent, typeof AfterEqFilterOperatorComponent, typeof BeforeEqFilterOperatorComponent, typeof BeforeFilterOperatorComponent, typeof FilterInputDirective, typeof ColumnComponent, typeof ColumnGroupComponent, typeof LogicalCellDirective, typeof LogicalRowDirective, typeof FocusableDirective, typeof ColGroupComponent, typeof ResizableContainerDirective, typeof TemplateContextDirective, typeof FieldAccessorPipe, typeof SpanColumnComponent, typeof LoadingComponent, typeof FilterCellOperatorsComponent, typeof CheckboxColumnComponent, typeof RowReorderColumnComponent, typeof FilterMenuComponent, typeof FilterMenuContainerComponent, typeof FilterMenuInputWrapperComponent, typeof StringFilterMenuInputComponent, typeof StringFilterMenuComponent, typeof FilterMenuTemplateDirective, typeof NumericFilterMenuComponent, typeof NumericFilterMenuInputComponent, typeof DateFilterMenuInputComponent, typeof DateFilterMenuComponent, typeof FilterMenuHostDirective, typeof BooleanFilterMenuComponent, typeof BooleanFilterRadioButtonDirective, typeof ColumnChooserComponent, typeof ColumnMenuChooserComponent, typeof ColumnMenuFilterComponent, typeof ColumnMenuItemComponent, typeof ColumnMenuItemContentTemplateDirective, typeof ColumnMenuSortComponent, typeof ColumnMenuComponent, typeof ColumnMenuLockComponent, typeof ColumnMenuTemplateDirective];

package/editing/add-command-tool.directive.d.ts

@@ -0,0 +1,38 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { EditService } from './edit.service';
+import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
+import * as i0 from "@angular/core";
+/**
+ * Represents the command for adding a new item to the TreeList.
+ * You can apply this directive to any `kendo-toolbar-button` element inside a
+ * ToolbarComponent used in the TreeList.
+ *
+ * When the user clicks the toolbar button that is associated with the directive, the
+ * [add]({% slug api_treelist_treelistcomponent %}#toc-add) event is triggered.
+ *
+ * @example
+ * ```html-no-run
+ * <kendo-grid>
+ *      <kendo-toolbar>
+ *         <kendo-toolbar-button text="Add new" kendoTreeListAddTool></kendo-toolbar-button>
+ *      </kendo-toolbar>
+ * </kendo-grid>
+ * ```
+ */
+export declare class AddCommandToolbarDirective {
+    private editService;
+    private host;
+    private clickSub;
+    constructor(editService: EditService, host: ToolBarButtonComponent);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * @hidden
+     */
+    onClick(e: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AddCommandToolbarDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AddCommandToolbarDirective, "[kendoTreeListAddTool]", never, {}, {}, never, never, true, never>;
+}

package/esm2020/directives.mjs

@@ -108,6 +108,9 @@ import { HeaderComponent } from './rendering/header/header.component';
 import { ColumnHandleDirective } from './column-resizing/column-handle.directive';
 import { CellComponent } from './rendering/cell.component';
 import { BooleanFilterRadioButtonDirective } from './filtering/menu/filter-radio-button.directive';
+import { AddCommandToolbarDirective } from './editing/add-command-tool.directive';
+import { ExcelCommandToolbarDirective } from './excel/excel-command-tool.directive';
+import { PDFCommandToolbarDirective } from './pdf/pdf-command-tool.directive';
 /**
  * @hidden
  * Utility array that contains the former Shared module exports
@@ -143,6 +146,7 @@ export const BODY_EXPORTS = [
     SaveCommandDirective,
     RemoveCommandDirective,
     AddCommandDirective,
+    AddCommandToolbarDirective,
     FooterTemplateDirective
 ];
 /**
@@ -252,7 +256,8 @@ export const COLUMN_MENU_EXPORTS = [
  */
 export const EXCEL_EXPORTS = [
     ExcelComponent,
-    ExcelCommandDirective
+    ExcelCommandDirective,
+    ExcelCommandToolbarDirective
 ];
 /**
  * @hidden
@@ -262,7 +267,8 @@ export const PDF_EXPORTS = [
     PDFComponent,
     PDFMarginComponent,
     PDFCommandDirective,
-    PDFTemplateDirective
+    PDFTemplateDirective,
+    PDFCommandToolbarDirective
 ];
 /**
  * Utility array that contains all `@progress/kendo-angular-treelist` related components and directives

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

@@ -0,0 +1,61 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { EditService } from './edit.service';
+import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
+import { Subscription } from 'rxjs';
+import { plusIcon } from '@progress/kendo-svg-icons';
+import * as i0 from "@angular/core";
+import * as i1 from "./edit.service";
+import * as i2 from "@progress/kendo-angular-toolbar";
+/**
+ * Represents the command for adding a new item to the TreeList.
+ * You can apply this directive to any `kendo-toolbar-button` element inside a
+ * ToolbarComponent used in the TreeList.
+ *
+ * When the user clicks the toolbar button that is associated with the directive, the
+ * [add]({% slug api_treelist_treelistcomponent %}#toc-add) event is triggered.
+ *
+ * @example
+ * ```html-no-run
+ * <kendo-grid>
+ *      <kendo-toolbar>
+ *         <kendo-toolbar-button text="Add new" kendoTreeListAddTool></kendo-toolbar-button>
+ *      </kendo-toolbar>
+ * </kendo-grid>
+ * ```
+ */
+export class AddCommandToolbarDirective {
+    constructor(editService, host) {
+        this.editService = editService;
+        this.host = host;
+        this.clickSub = new Subscription();
+    }
+    ngOnInit() {
+        this.clickSub = this.host.click.subscribe(e => this.onClick(e));
+        this.host.className = 'k-grid-add-command';
+        this.host.svgIcon = plusIcon;
+        this.host.icon = 'plus';
+    }
+    ngOnDestroy() {
+        this.clickSub.unsubscribe();
+    }
+    /**
+     * @hidden
+     */
+    onClick(e) {
+        e.preventDefault();
+        this.editService.beginAdd();
+    }
+}
+AddCommandToolbarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AddCommandToolbarDirective, deps: [{ token: i1.EditService }, { token: i2.ToolBarButtonComponent }], target: i0.ɵɵFactoryTarget.Directive });
+AddCommandToolbarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: AddCommandToolbarDirective, isStandalone: true, selector: "[kendoTreeListAddTool]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: AddCommandToolbarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoTreeListAddTool]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1.EditService }, { type: i2.ToolBarButtonComponent }]; } });

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

@@ -0,0 +1,64 @@
+/**-----------------------------------------------------------------------------------------
+* 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 {
+    constructor(excelService, host) {
+        this.excelService = excelService;
+        this.host = host;
+        this.clickSub = new Subscription();
+    }
+    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();
+    }
+}
+ExcelCommandToolbarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelCommandToolbarDirective, deps: [{ token: i1.ExcelService }, { token: i2.ToolBarButtonComponent }], target: i0.ɵɵFactoryTarget.Directive });
+ExcelCommandToolbarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ExcelCommandToolbarDirective, isStandalone: true, selector: "[kendoTreeListExcelTool]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelCommandToolbarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoTreeListExcelTool]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ExcelService }, { type: i2.ToolBarButtonComponent }]; } });

package/esm2020/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'])
@@ -32,8 +33,8 @@ import * as i2 from "./excel-command.directive";
 export class ExcelModule {
 }
 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] });
+ExcelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: ExcelModule, imports: [i1.ExcelComponent, i2.ExcelCommandDirective, i3.ExcelCommandToolbarDirective], exports: [i1.ExcelComponent, i2.ExcelCommandDirective, i3.ExcelCommandToolbarDirective, ExcelExportModule] });
+ExcelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelModule, providers: [IconsService], imports: [i1.ExcelComponent, i2.ExcelCommandDirective, ExcelExportModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ExcelModule, decorators: [{
             type: NgModule,
             args: [{

package/esm2020/index.mjs

@@ -86,6 +86,7 @@ export { PDFComponent } from './pdf/pdf.component';
 export { PDFMarginComponent } from './pdf/pdf-margin.component';
 export { PDFService } from './pdf/pdf.service';
 export { PDFCommandDirective } from './pdf/pdf-command.directive';
+export { PDFCommandToolbarDirective } from './pdf/pdf-command-tool.directive';
 export { PDFTemplateDirective } from './pdf/pdf-template.directive';
 //Excel
 export { ExcelModule } from './excel/excel.module';
@@ -93,9 +94,11 @@ export { ExcelComponent } from './excel/excel.component';
 export { ExcelService } from './excel/excel.service';
 export { ExcelExportEvent } from './excel/excel-export-event';
 export { ExcelCommandDirective } from './excel/excel-command.directive';
+export { ExcelCommandToolbarDirective } from './excel/excel-command-tool.directive';
 export { SelectableDirective } from './selection/selectable.directive';
 export { SelectionChangeEvent } from './selection/selection-change-event';
 export { CellCloseEvent } from './editing/cell-close-event';
+export { AddCommandToolbarDirective } from './editing/add-command-tool.directive';
 export { SuspendService } from './scrolling/suspend.service';
 export { Skip } from './utils';
 export { ColumnsContainer } from './columns/columns-container';

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-treelist',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1729258148,
-    version: '17.0.0-develop.13',
+    publishDate: 1729261140,
+    version: '17.0.0-develop.14',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2020/pdf/pdf-command-tool.directive.mjs

@@ -0,0 +1,64 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { PDFService } from './pdf.service';
+import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
+import { Subscription } from 'rxjs';
+import { filePdfIcon } from '@progress/kendo-svg-icons';
+import * as i0 from "@angular/core";
+import * as i1 from "./pdf.service";
+import * as i2 from "@progress/kendo-angular-toolbar";
+/**
+ * Represents the `export-to-PDF` 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 the toolbar button that is associated with the directive, the
+ * [pdfExport]({% slug api_treelist_treelistcomponent %}#toc-pdfexport) event
+ * fires ([see example]({% slug pdfexport_treelist %})).
+ *
+ * @example
+ * ```html-no-run
+ * <kendo-treelist>
+ *      <kendo-toolbar>
+ *         <kendo-toolbar-button text="PDF Export" kendoTreeListPDFTool></kendo-toolbar-button>
+ *      </kendo-toolbar>
+ *      <kendo-treelist-pdf fileName="TreeList.pdf">
+ *      </kendo-treelist-pdf>
+ * </kendo-treelist>
+ * ```
+ */
+export class PDFCommandToolbarDirective {
+    constructor(pdfService, host) {
+        this.pdfService = pdfService;
+        this.host = host;
+        this.clickSub = new Subscription();
+    }
+    ngOnInit() {
+        this.clickSub = this.host.click.subscribe(e => this.onClick(e));
+        this.host.className = 'k-grid-pdf';
+        this.host.svgIcon = filePdfIcon;
+        this.host.icon = 'file-pdf';
+    }
+    ngOnDestroy() {
+        this.clickSub.unsubscribe();
+    }
+    /**
+     * @hidden
+     */
+    onClick(e) {
+        e.preventDefault();
+        this.pdfService.exportClick.emit();
+    }
+}
+PDFCommandToolbarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFCommandToolbarDirective, deps: [{ token: i1.PDFService }, { token: i2.ToolBarButtonComponent }], target: i0.ɵɵFactoryTarget.Directive });
+PDFCommandToolbarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PDFCommandToolbarDirective, isStandalone: true, selector: "[kendoTreeListPDFTool]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFCommandToolbarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoTreeListPDFTool]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1.PDFService }, { type: i2.ToolBarButtonComponent }]; } });

package/esm2020/pdf/pdf.module.mjs

@@ -10,7 +10,8 @@ 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";
+import * as i5 from "./pdf-command-tool.directive";
+import * as i6 from "@progress/kendo-angular-icons";
 // IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
@@ -35,7 +36,7 @@ import * as i5 from "@progress/kendo-angular-icons";
 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, imports: [i1.PDFComponent, i2.PDFMarginComponent, i3.PDFCommandDirective, i4.PDFTemplateDirective, i5.IconComponent, i5.SVGIconComponent], exports: [i1.PDFComponent, i2.PDFMarginComponent, i3.PDFCommandDirective, i4.PDFTemplateDirective] });
+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.PDFCommandToolbarDirective, i6.IconComponent, i6.SVGIconComponent], exports: [i1.PDFComponent, i2.PDFMarginComponent, i3.PDFCommandDirective, i4.PDFTemplateDirective, i5.PDFCommandToolbarDirective] });
 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,

package/esm2020/rendering/body.module.mjs

@@ -17,10 +17,11 @@ 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";
+import * as i11 from "../editing/add-command-tool.directive";
+import * as i12 from "./footer-template.directive";
+import * as i13 from "@progress/kendo-angular-inputs";
+import * as i14 from "@progress/kendo-angular-common";
+import * as i15 from "@progress/kendo-angular-dateinputs";
 // IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * @hidden
@@ -29,8 +30,8 @@ import * as i14 from "@progress/kendo-angular-dateinputs";
 export class BodyModule {
 }
 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, 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, i13.SeparatorComponent, 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, i13.SeparatorComponent, i14.DatePickerCustomMessagesComponent, i14.DatePickerComponent] });
+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.AddCommandToolbarDirective, i12.FooterTemplateDirective, i13.NumericTextBoxComponent, i13.NumericTextBoxCustomMessagesComponent, i14.PrefixTemplateDirective, i14.SuffixTemplateDirective, i14.SeparatorComponent, i15.DatePickerCustomMessagesComponent, i15.DatePickerComponent, i15.CellTemplateDirective, i15.CenturyCellTemplateDirective, i15.DecadeCellTemplateDirective, i15.FooterTemplateDirective, i15.HeaderTemplateDirective, i15.HeaderTitleTemplateDirective, i15.MonthCellTemplateDirective, i15.NavigationItemTemplateDirective, i15.WeekNumberCellTemplateDirective, i15.YearCellTemplateDirective, i15.NavigationItemTemplateDirective], exports: [i1.CommandColumnComponent, i2.CellTemplateDirective, i3.CellComponent, i4.NoRecordsTemplateDirective, i5.EditTemplateDirective, i6.EditCommandDirective, i7.CancelCommandDirective, i8.SaveCommandDirective, i9.RemoveCommandDirective, i10.AddCommandDirective, i11.AddCommandToolbarDirective, i12.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, i13.NumericTextBoxComponent, i13.NumericTextBoxCustomMessagesComponent, i14.SeparatorComponent, i15.DatePickerCustomMessagesComponent, i15.DatePickerComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BodyModule, decorators: [{
             type: NgModule,
             args: [{

package/esm2020/treelist.component.mjs

@@ -850,6 +850,10 @@ export class TreeListComponent {
         this.updateNavigationMetadata();
         this.applyAutoSize();
         this.subscriptions.add(this.pagerTemplateChildren.changes.subscribe(() => this.changeDetectorRef.markForCheck()));
+        const toolbarComponentWrapper = this.wrapper?.nativeElement?.querySelector('kendo-toolbar');
+        if (toolbarComponentWrapper) {
+            this.renderer.addClass(toolbarComponentWrapper, 'k-grid-toolbar');
+        }
     }
     ngAfterContentChecked() {
         if (this.dataChanged) {
@@ -1409,6 +1413,10 @@ export class TreeListComponent {
             if ((this.rowHeight) && !this.isVirtual) {
                 throw new Error('Row height setting requires virtual scrolling mode to be enabled.');
             }
+            if (this.wrapper?.nativeElement?.querySelector('kendo-toolbar') && this.toolbarTemplate) {
+                console.warn(`Defining both a toolbar template and a ToolBarComponent within the TreeList is not supported.
+                    Please use either the ToolBarComponent or a custom template.`);
+            }
             validateColumnsField(this.columnList);
         }
     }
@@ -1926,8 +1934,8 @@ TreeListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
             [navigable]="navigable"
             class="k-toolbar k-grid-toolbar k-toolbar-md"
             [attr.aria-label]="messageFor('topToolbarLabel')"
-            [attr.aria-controls]="ariaRootId">
-        </kendo-treelist-toolbar>
+            [attr.aria-controls]="ariaRootId"></kendo-treelist-toolbar>
+        <ng-content select="kendo-toolbar"></ng-content>
         <div #ariaRoot
             class="k-grid-aria-root"
             role="treegrid"
@@ -2354,8 +2362,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             [navigable]="navigable"
             class="k-toolbar k-grid-toolbar k-toolbar-md"
             [attr.aria-label]="messageFor('topToolbarLabel')"
-            [attr.aria-controls]="ariaRootId">
-        </kendo-treelist-toolbar>
+            [attr.aria-controls]="ariaRootId"></kendo-treelist-toolbar>
+        <ng-content select="kendo-toolbar"></ng-content>
         <div #ariaRoot
             class="k-grid-aria-root"
             role="treegrid"