@progress/kendo-angular-grid 17.0.0-develop.2 → 17.0.0-develop.21

package/esm2020/pdf/pdf.module.mjs

@@ -11,6 +11,7 @@ import * as i2 from "./pdf.component";
 import * as i3 from "./pdf-margin.component";
 import * as i4 from "./pdf-command.directive";
 import * as i5 from "./pdf-template.directive";
+import * as i6 from "./pdf-command-tool.directive";
 // IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
@@ -37,7 +38,7 @@ import * as i5 from "./pdf-template.directive";
 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.IconComponent, i1.SVGIconComponent, i2.PDFComponent, i3.PDFMarginComponent, i4.PDFCommandDirective, i5.PDFTemplateDirective], exports: [i2.PDFComponent, i3.PDFMarginComponent, i4.PDFCommandDirective, i5.PDFTemplateDirective] });
+PDFModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PDFModule, imports: [i1.IconComponent, i1.SVGIconComponent, i2.PDFComponent, i3.PDFMarginComponent, i4.PDFCommandDirective, i5.PDFTemplateDirective, i6.PDFCommandToolbarDirective], exports: [i2.PDFComponent, i3.PDFMarginComponent, i4.PDFCommandDirective, i5.PDFTemplateDirective, i6.PDFCommandToolbarDirective] });
 PDFModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFModule, providers: [IconsService], imports: [KENDO_ICONS, i2.PDFComponent, i3.PDFMarginComponent, i4.PDFCommandDirective] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFModule, decorators: [{
             type: NgModule,

package/esm2020/rendering/body.module.mjs

@@ -41,9 +41,10 @@ import * as i29 from "../editing/cancel-command.directive";
 import * as i30 from "../editing/save-command.directive";
 import * as i31 from "../editing/remove-command.directive";
 import * as i32 from "../editing/add-command.directive";
-import * as i33 from "./cell-loading.template.directive";
-import * as i34 from "./loading-template.directive";
-import * as i35 from "../columns/reorder-column.component";
+import * as i33 from "../editing/add-command-tool.directive";
+import * as i34 from "./cell-loading.template.directive";
+import * as i35 from "./loading-template.directive";
+import * as i36 from "../columns/reorder-column.component";
 const importedModules = [
     ...KENDO_GRID_SHARED,
     ...KENDO_GRID_GROUP_EXPORTS
@@ -56,7 +57,7 @@ const importedModules = [
 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.ColumnComponent, i2.ColumnGroupComponent, i3.LogicalCellDirective, i4.LogicalRowDirective, i5.FocusableDirective, i6.FooterTemplateDirective, i7.ColGroupComponent, i8.ResizableContainerDirective, i9.TemplateContextDirective, i10.FieldAccessorPipe, i11.DetailTemplateDirective, i12.SpanColumnComponent, i13.LoadingComponent, i14.GridTableDirective, i15.GroupHeaderTemplateDirective, i16.GroupHeaderColumnTemplateDirective, i17.GroupFooterTemplateDirective, i18.GroupHeaderComponent, i19.GroupPanelComponent, i20.CommandColumnComponent, i21.CheckboxColumnComponent, i22.SelectionCheckboxDirective, i23.CellTemplateDirective, i24.EditTemplateDirective, i25.TableBodyComponent, i26.NoRecordsTemplateDirective, i27.CellComponent, i28.EditCommandDirective, i29.CancelCommandDirective, i30.SaveCommandDirective, i31.RemoveCommandDirective, i32.AddCommandDirective, i33.CellLoadingTemplateDirective, i34.LoadingTemplateDirective, i35.RowReorderColumnComponent], exports: [i20.CommandColumnComponent, i21.CheckboxColumnComponent, i22.SelectionCheckboxDirective, i23.CellTemplateDirective, i24.EditTemplateDirective, i25.TableBodyComponent, i26.NoRecordsTemplateDirective, i27.CellComponent, i28.EditCommandDirective, i29.CancelCommandDirective, i30.SaveCommandDirective, i31.RemoveCommandDirective, i32.AddCommandDirective, i33.CellLoadingTemplateDirective, i34.LoadingTemplateDirective, i35.RowReorderColumnComponent] });
+BodyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: BodyModule, imports: [i1.ColumnComponent, i2.ColumnGroupComponent, i3.LogicalCellDirective, i4.LogicalRowDirective, i5.FocusableDirective, i6.FooterTemplateDirective, i7.ColGroupComponent, i8.ResizableContainerDirective, i9.TemplateContextDirective, i10.FieldAccessorPipe, i11.DetailTemplateDirective, i12.SpanColumnComponent, i13.LoadingComponent, i14.GridTableDirective, i15.GroupHeaderTemplateDirective, i16.GroupHeaderColumnTemplateDirective, i17.GroupFooterTemplateDirective, i18.GroupHeaderComponent, i19.GroupPanelComponent, i20.CommandColumnComponent, i21.CheckboxColumnComponent, i22.SelectionCheckboxDirective, i23.CellTemplateDirective, i24.EditTemplateDirective, i25.TableBodyComponent, i26.NoRecordsTemplateDirective, i27.CellComponent, i28.EditCommandDirective, i29.CancelCommandDirective, i30.SaveCommandDirective, i31.RemoveCommandDirective, i32.AddCommandDirective, i33.AddCommandToolbarDirective, i34.CellLoadingTemplateDirective, i35.LoadingTemplateDirective, i36.RowReorderColumnComponent], exports: [i20.CommandColumnComponent, i21.CheckboxColumnComponent, i22.SelectionCheckboxDirective, i23.CellTemplateDirective, i24.EditTemplateDirective, i25.TableBodyComponent, i26.NoRecordsTemplateDirective, i27.CellComponent, i28.EditCommandDirective, i29.CancelCommandDirective, i30.SaveCommandDirective, i31.RemoveCommandDirective, i32.AddCommandDirective, i33.AddCommandToolbarDirective, i34.CellLoadingTemplateDirective, i35.LoadingTemplateDirective, i36.RowReorderColumnComponent] });
 BodyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BodyModule, providers: [
         IconsService,
         PopupService,
@@ -67,7 +68,7 @@ BodyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15
         MonthViewService,
         YearViewService,
         NavigationService
-    ], imports: [i1.ColumnComponent, i2.ColumnGroupComponent, i7.ColGroupComponent, i12.SpanColumnComponent, i13.LoadingComponent, i18.GroupHeaderComponent, i19.GroupPanelComponent, i20.CommandColumnComponent, i21.CheckboxColumnComponent, i25.TableBodyComponent, i27.CellComponent, i28.EditCommandDirective, i29.CancelCommandDirective, i30.SaveCommandDirective, i31.RemoveCommandDirective, i32.AddCommandDirective, i35.RowReorderColumnComponent] });
+    ], imports: [i1.ColumnComponent, i2.ColumnGroupComponent, i7.ColGroupComponent, i12.SpanColumnComponent, i13.LoadingComponent, i18.GroupHeaderComponent, i19.GroupPanelComponent, i20.CommandColumnComponent, i21.CheckboxColumnComponent, i25.TableBodyComponent, i27.CellComponent, i28.EditCommandDirective, i29.CancelCommandDirective, i30.SaveCommandDirective, i31.RemoveCommandDirective, i32.AddCommandDirective, i36.RowReorderColumnComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BodyModule, decorators: [{
             type: NgModule,
             args: [{

package/esm2020/rendering/toolbar/toolbar.component.mjs

@@ -17,6 +17,7 @@ export class ToolbarComponent {
         this.wrapper = wrapper;
         this.context = {};
         this.role = 'toolbar';
+        this.hostClasses = true;
         this._size = 'medium';
         this.navigationService = this.ctx[`${this.wrapper.nativeElement.getAttribute('position')}ToolbarNavigation`];
     }
@@ -88,7 +89,7 @@ export class ToolbarComponent {
     }
 }
 ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.ContextService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarComponent, isStandalone: true, selector: "kendo-grid-toolbar", inputs: { position: "position", size: "size", navigable: "navigable" }, host: { listeners: { "click": "clickHandler($event)", "keydown.arrowleft": "arrowLeftListener($event)", "keydown.arrowright": "arrowRightListener($event)", "keydown.home": "homeKeyListener($event)", "keydown.end": "endKeyListener($event)" }, properties: { "attr.role": "this.role", "class.k-toolbar-sm": "this.sizeSmallClass", "class.k-toolbar-md": "this.sizeMediumClass" } }, ngImport: i0, template: `
+ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ToolbarComponent, isStandalone: true, selector: "kendo-grid-toolbar", inputs: { position: "position", size: "size", navigable: "navigable" }, host: { listeners: { "click": "clickHandler($event)", "keydown.arrowleft": "arrowLeftListener($event)", "keydown.arrowright": "arrowRightListener($event)", "keydown.home": "homeKeyListener($event)", "keydown.end": "endKeyListener($event)" }, properties: { "attr.role": "this.role", "class.k-toolbar": "this.hostClasses", "class.k-grid-toolbar": "this.hostClasses", "class.k-toolbar-solid": "this.hostClasses", "class.k-toolbar-sm": "this.sizeSmallClass", "class.k-toolbar-md": "this.sizeMediumClass" } }, ngImport: i0, template: `
         <ng-template
             *ngIf="toolbarTemplateRef"
             [ngTemplateOutlet]="toolbarTemplateRef"
@@ -110,6 +111,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         }], ctorParameters: function () { return [{ type: i1.ContextService }, { type: i0.ElementRef }]; }, propDecorators: { role: [{
                 type: HostBinding,
                 args: ['attr.role']
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class.k-toolbar']
+            }, {
+                type: HostBinding,
+                args: ['class.k-grid-toolbar']
+            }, {
+                type: HostBinding,
+                args: ['class.k-toolbar-solid']
             }], sizeSmallClass: [{
                 type: HostBinding,
                 args: ['class.k-toolbar-sm']

package/excel/excel-command-tool.directive.d.ts

@@ -0,0 +1,41 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
+import { ExcelService } from './excel.service';
+import * as i0 from "@angular/core";
+/**
+ * Represents the `export-to-Excel` toolbar tool of the Grid.
+ * You can apply this directive to any `kendo-toolbar-button` element inside a
+ * ToolbarComponent used in the Grid.
+ *
+ * When the user clicks a button associated with the directive, the
+ * [excelExport]({% slug api_grid_gridcomponent %}#toc-excelexport) event
+ * fires ([see example]({% slug excelexport_grid %})).
+ *
+ * @example
+ * ```html-no-run
+ * <kendo-grid>
+ *      <kendo-toolbar>
+ *         <kendo-toolbar-button text="Excel Export" kendoGridExcelTool></kendo-toolbar-button>
+ *      </kendo-toolbar>
+ *      <kendo-grid-excel fileName="Grid.xlsx">
+ *      </kendo-grid-excel>
+ * </kendo-grid>
+ * ```
+ */
+export declare class ExcelCommandToolbarDirective {
+    private excelService;
+    private host;
+    private clickSub;
+    constructor(excelService: ExcelService, host: ToolBarButtonComponent);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * @hidden
+     */
+    onClick(e: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ExcelCommandToolbarDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ExcelCommandToolbarDirective, "[kendoGridExcelTool]", never, {}, {}, never, never, true, never>;
+}

package/excel/excel-command.directive.d.ts

@@ -19,7 +19,7 @@ import * as i0 from "@angular/core";
  * ```html
  * <kendo-grid>
  *      <ng-template kendoGridToolbarTemplate>
- *          <button kendoGridExcelCommand>Export to PDF</button>
+ *          <button kendoGridExcelCommand>Export to Excel</button>
  *      </ng-template>
  *      <kendo-grid-excel fileName="Grid.xlsx">
  *      </kendo-grid-excel>

package/excel/excel.module.d.ts

@@ -6,7 +6,8 @@ import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-icons";
 import * as i2 from "./excel.component";
 import * as i3 from "./excel-command.directive";
-import * as i4 from "@progress/kendo-angular-excel-export";
+import * as i4 from "./excel-command-tool.directive";
+import * as i5 from "@progress/kendo-angular-excel-export";
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Excel component of the Grid.
@@ -30,6 +31,6 @@ import * as i4 from "@progress/kendo-angular-excel-export";
  */
 export declare class ExcelModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ExcelModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ExcelModule, never, [typeof i1.IconComponent, typeof i1.SVGIconComponent, typeof i2.ExcelComponent, typeof i3.ExcelCommandDirective], [typeof i2.ExcelComponent, typeof i3.ExcelCommandDirective, typeof i4.ExcelExportModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ExcelModule, never, [typeof i1.IconComponent, typeof i1.SVGIconComponent, typeof i2.ExcelComponent, typeof i3.ExcelCommandDirective, typeof i4.ExcelCommandToolbarDirective], [typeof i2.ExcelComponent, typeof i3.ExcelCommandDirective, typeof i4.ExcelCommandToolbarDirective, typeof i5.ExcelExportModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ExcelModule>;
 }