@progress/kendo-angular-grid 17.0.0-develop.4 → 17.0.0-develop.41

package/{esm2020 → esm2022}/navigation/focusable.directive.mjs

@@ -26,20 +26,14 @@ import * as i1 from "../common/provider.service";
  * ```
  */
 export class FocusableDirective {
-    constructor(cellContext, hostElement, renderer, ctx) {
-        this.cellContext = cellContext;
-        this.hostElement = hostElement;
-        this.renderer = renderer;
-        this.ctx = ctx;
-        this.active = true;
-        this._enabled = true;
-        if (this.cellContext) {
-            this.group = this.cellContext.focusGroup;
-        }
-        if (this.group) {
-            this.group.registerElement(this);
-        }
-    }
+    cellContext;
+    hostElement;
+    renderer;
+    ctx;
+    active = true;
+    group;
+    element;
+    _enabled = true;
     /**
      * @hidden
      */
@@ -60,6 +54,18 @@ export class FocusableDirective {
     get enabled() {
         return this._enabled;
     }
+    constructor(cellContext, hostElement, renderer, ctx) {
+        this.cellContext = cellContext;
+        this.hostElement = hostElement;
+        this.renderer = renderer;
+        this.ctx = ctx;
+        if (this.cellContext) {
+            this.group = this.cellContext.focusGroup;
+        }
+        if (this.group) {
+            this.group.registerElement(this);
+        }
+    }
     ngAfterViewInit() {
         if (!this.element && this.ctx.navigable) {
             this.element = new DefaultFocusableElement(this.hostElement, this.renderer);
@@ -114,10 +120,10 @@ export class FocusableDirective {
     registerElement(element) {
         this.element = element;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FocusableDirective, deps: [{ token: CELL_CONTEXT, optional: true, skipSelf: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FocusableDirective, isStandalone: true, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: { enabled: ["kendoGridFocusable", "enabled"] }, ngImport: i0 });
 }
-FocusableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FocusableDirective, deps: [{ token: CELL_CONTEXT, optional: true, skipSelf: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Directive });
-FocusableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FocusableDirective, isStandalone: true, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: { enabled: ["kendoGridFocusable", "enabled"] }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FocusableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FocusableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridFocusable]' + `,

package/{esm2020 → esm2022}/navigation/grid-focusable-element.mjs

@@ -6,6 +6,7 @@
  * @hidden
  */
 export class GridFocusableElement {
+    navigationService;
     constructor(navigationService) {
         this.navigationService = navigationService;
     }

package/{esm2020 → esm2022}/navigation/item-map.mjs

@@ -6,10 +6,8 @@
  * @hidden
  */
 export class ItemMap {
-    constructor() {
-        this.count = 0;
-        this.items = {};
-    }
+    count = 0;
+    items = {};
     get first() {
         if (this.count > 0) {
             let result;

package/{esm2020 → esm2022}/navigation/logical-cell.directive.mjs

@@ -22,22 +22,26 @@ function nextId() {
  * @hidden
  */
 export class LogicalCellDirective {
-    constructor(focusGroup, element, columnInfoService, idService, navigationService, renderer, zone, cellContext) {
-        this.focusGroup = focusGroup;
-        this.element = element;
-        this.columnInfoService = columnInfoService;
-        this.idService = idService;
-        this.navigationService = navigationService;
-        this.renderer = renderer;
-        this.zone = zone;
-        this.cellContext = cellContext;
-        this.logicalSlaveCell = false;
-        this.colSpan = 1;
-        this.rowSpan = 1;
-        this.dataRowIndex = -1;
-        this.detailExpandCell = false;
-        this.uid = nextId();
-    }
+    focusGroup;
+    element;
+    columnInfoService;
+    idService;
+    navigationService;
+    renderer;
+    zone;
+    cellContext;
+    logicalColIndex;
+    logicalRowIndex;
+    logicalSlaveCell = false;
+    colIndex;
+    colSpan = 1;
+    rowSpan = 1;
+    groupItem;
+    dataRowIndex = -1;
+    dataItem;
+    detailExpandCell = false;
+    headerLabelText;
+    uid = nextId();
     get id() {
         if (!this.logicalSlaveCell && this.columnInfoService.isLocked) {
             return this.idService.cellId(this.logicalRowIndex, this.logicalColIndex);
@@ -49,6 +53,17 @@ export class LogicalCellDirective {
         }
         return this.logicalColIndex + 1;
     }
+    navigationChange;
+    constructor(focusGroup, element, columnInfoService, idService, navigationService, renderer, zone, cellContext) {
+        this.focusGroup = focusGroup;
+        this.element = element;
+        this.columnInfoService = columnInfoService;
+        this.idService = idService;
+        this.navigationService = navigationService;
+        this.renderer = renderer;
+        this.zone = zone;
+        this.cellContext = cellContext;
+    }
     ngOnInit() {
         if (!this.navigationService.tableEnabled) {
             return;
@@ -137,14 +152,14 @@ export class LogicalCellDirective {
     isFocused() {
         return this.navigationService.isCellFocused(this);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LogicalCellDirective, deps: [{ token: i1.FocusGroup }, { token: i0.ElementRef }, { token: i2.ColumnInfoService }, { token: i3.IdService }, { token: i4.NavigationService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: CELL_CONTEXT, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LogicalCellDirective, isStandalone: true, selector: "[kendoGridLogicalCell]", inputs: { logicalColIndex: "logicalColIndex", logicalRowIndex: "logicalRowIndex", logicalSlaveCell: "logicalSlaveCell", colIndex: "colIndex", colSpan: "colSpan", rowSpan: "rowSpan", groupItem: "groupItem", dataRowIndex: "dataRowIndex", dataItem: "dataItem", detailExpandCell: "detailExpandCell", headerLabelText: "headerLabelText" }, host: { properties: { "attr.id": "this.id", "attr.aria-colindex": "this.ariaColIndex" } }, providers: [{
+                provide: FocusGroup,
+                deps: [FocusRoot],
+                useClass: FocusGroup
+            }], usesOnChanges: true, ngImport: i0 });
 }
-LogicalCellDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LogicalCellDirective, deps: [{ token: i1.FocusGroup }, { token: i0.ElementRef }, { token: i2.ColumnInfoService }, { token: i3.IdService }, { token: i4.NavigationService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: CELL_CONTEXT, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-LogicalCellDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LogicalCellDirective, isStandalone: true, selector: "[kendoGridLogicalCell]", inputs: { logicalColIndex: "logicalColIndex", logicalRowIndex: "logicalRowIndex", logicalSlaveCell: "logicalSlaveCell", colIndex: "colIndex", colSpan: "colSpan", rowSpan: "rowSpan", groupItem: "groupItem", dataRowIndex: "dataRowIndex", dataItem: "dataItem", detailExpandCell: "detailExpandCell", headerLabelText: "headerLabelText" }, host: { properties: { "attr.id": "this.id", "attr.aria-colindex": "this.ariaColIndex" } }, providers: [{
-            provide: FocusGroup,
-            deps: [FocusRoot],
-            useClass: FocusGroup
-        }], usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LogicalCellDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LogicalCellDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [{

package/{esm2020 → esm2022}/navigation/logical-row.directive.mjs

@@ -18,15 +18,16 @@ function nextId() {
  * @hidden
  */
 export class LogicalRowDirective {
-    constructor(idService, navigation) {
-        this.idService = idService;
-        this.navigation = navigation;
-        this.logicalSlaveRow = false;
-        this.logicalSlaveCellsCount = 0;
-        this.dataRowIndex = -1;
-        this.uid = nextId();
-        this.tableRowClass = true;
-    }
+    idService;
+    navigation;
+    logicalRowIndex;
+    logicalSlaveRow = false;
+    logicalCellsCount;
+    logicalSlaveCellsCount = 0;
+    dataRowIndex = -1;
+    dataItem;
+    totalColumns;
+    uid = nextId();
     get hostRole() {
         return this.logicalSlaveRow ? 'presentation' : 'row';
     }
@@ -36,6 +37,7 @@ export class LogicalRowDirective {
     get rowIndex() {
         return this.logicalSlaveRow ? this.logicalRowIndex + 1 : null;
     }
+    tableRowClass = true;
     get ariaOwns() {
         if (this.logicalSlaveRow || this.logicalSlaveCellsCount === 0) {
             return undefined;
@@ -63,6 +65,10 @@ export class LogicalRowDirective {
         }
         return ids.join(' ');
     }
+    constructor(idService, navigation) {
+        this.idService = idService;
+        this.navigation = navigation;
+    }
     ngOnChanges(changes) {
         if (!this.navigation.enabled || this.logicalSlaveRow) {
             return;
@@ -84,10 +90,10 @@ export class LogicalRowDirective {
     get columnsArray() {
         return this.totalColumns?.allColumns.toArray() || [];
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LogicalRowDirective, deps: [{ token: i1.IdService }, { token: i2.NavigationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LogicalRowDirective, isStandalone: true, selector: "[kendoGridLogicalRow]", inputs: { logicalRowIndex: "logicalRowIndex", logicalSlaveRow: "logicalSlaveRow", logicalCellsCount: "logicalCellsCount", logicalSlaveCellsCount: "logicalSlaveCellsCount", dataRowIndex: "dataRowIndex", dataItem: "dataItem", totalColumns: "totalColumns" }, host: { properties: { "attr.role": "this.hostRole", "attr.aria-rowindex": "this.ariaRowIndex", "attr.data-kendo-grid-row-index": "this.rowIndex", "class.k-table-row": "this.tableRowClass", "attr.aria-owns": "this.ariaOwns" } }, usesOnChanges: true, ngImport: i0 });
 }
-LogicalRowDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LogicalRowDirective, deps: [{ token: i1.IdService }, { token: i2.NavigationService }], target: i0.ɵɵFactoryTarget.Directive });
-LogicalRowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LogicalRowDirective, isStandalone: true, selector: "[kendoGridLogicalRow]", inputs: { logicalRowIndex: "logicalRowIndex", logicalSlaveRow: "logicalSlaveRow", logicalCellsCount: "logicalCellsCount", logicalSlaveCellsCount: "logicalSlaveCellsCount", dataRowIndex: "dataRowIndex", dataItem: "dataItem", totalColumns: "totalColumns" }, host: { properties: { "attr.role": "this.hostRole", "attr.aria-rowindex": "this.ariaRowIndex", "attr.data-kendo-grid-row-index": "this.rowIndex", "class.k-table-row": "this.tableRowClass", "attr.aria-owns": "this.ariaOwns" } }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LogicalRowDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LogicalRowDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridLogicalRow]',

package/{esm2020 → esm2022}/navigation/navigation-cursor.mjs

@@ -8,14 +8,8 @@ import { isPresent } from '../utils';
  * @hidden
  */
 export class NavigationCursor {
-    constructor(model) {
-        this.model = model;
-        this.changes = new Subject();
-        this.activeRow = 0;
-        this.activeCol = 0;
-        this.virtualCol = 0;
-        this.virtualRow = 0;
-    }
+    model;
+    changes = new Subject();
     set metadata(value) {
         this._metadata = value;
         if (isPresent(value)) {
@@ -30,6 +24,11 @@ export class NavigationCursor {
     get metadata() {
         return this._metadata;
     }
+    activeRow = 0;
+    activeCol = 0;
+    virtualCol = 0;
+    virtualRow = 0;
+    _metadata;
     get row() {
         return this.model.findRow(this.activeRow);
     }
@@ -46,6 +45,9 @@ export class NavigationCursor {
         }
         return -1;
     }
+    constructor(model) {
+        this.model = model;
+    }
     /**
      * Assumes and announces a new cursor position.
      */

package/{esm2020 → esm2022}/navigation/navigation-metadata.mjs

@@ -6,6 +6,18 @@
  * @hidden
  */
 export class NavigationMetadata {
+    dataRows;
+    headerRows;
+    isVirtual;
+    hasPager;
+    hasDetailTemplate;
+    gridElement;
+    virtualColumns;
+    columns;
+    get maxLogicalRowIndex() {
+        const dataRows = this.hasDetailTemplate ? this.dataRows * 2 : this.dataRows;
+        return this.headerRows + dataRows - 1;
+    }
     constructor(dataRows, headerRows, isVirtual, hasPager, hasDetailTemplate, gridElement, virtualColumns, columns) {
         this.dataRows = dataRows;
         this.headerRows = headerRows;
@@ -16,8 +28,4 @@ export class NavigationMetadata {
         this.virtualColumns = virtualColumns;
         this.columns = columns;
     }
-    get maxLogicalRowIndex() {
-        const dataRows = this.hasDetailTemplate ? this.dataRows * 2 : this.dataRows;
-        return this.headerRows + dataRows - 1;
-    }
 }

package/{esm2020 → esm2022}/navigation/navigation-model.mjs

@@ -9,9 +9,7 @@ import { ItemMap } from './item-map';
  * Contains information for the currently rendered rows and cells.
  */
 export class NavigationModel {
-    constructor() {
-        this.rows = new ItemMap();
-    }
+    rows = new ItemMap();
     get firstRow() {
         return this.rows.first;
     }

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

@@ -14,14 +14,14 @@ import { DomEventsService } from '../common/dom-events.service';
 import { isDocumentAvailable, isPresent, Keys } from '@progress/kendo-angular-common';
 import { EditService } from '../editing/edit.service';
 import { GroupsService } from '../grouping/groups.service';
-import { PagerContextService } from '../pager/pager-context.service';
+import { PagerContextService } from '@progress/kendo-angular-pager';
 import { closest, contains, findFocusableChild, isVisible, matchesNodeName } from '../rendering/common/dom-queries';
 import { DetailsService } from '../rendering/details/details.service';
 import { ScrollRequestService } from '../scrolling/scroll-request.service';
 import { ContextService } from '../common/provider.service';
 import * as i0 from "@angular/core";
 import * as i1 from "../common/dom-events.service";
-import * as i2 from "../pager/pager-context.service";
+import * as i2 from "@progress/kendo-angular-pager";
 import * as i3 from "../scrolling/scroll-request.service";
 import * as i4 from "../grouping/groups.service";
 import * as i5 from "../rendering/details/details.service";
@@ -66,6 +66,8 @@ const isPrintableCharacter = (str) => str.length === 1 && str.match(/\S/);
  * @hidden
  */
 export class NavigationViewport {
+    firstItemIndex;
+    lastItemIndex;
     constructor(firstItemIndex, lastItemIndex) {
         this.firstItemIndex = firstItemIndex;
         this.lastItemIndex = lastItemIndex;
@@ -84,30 +86,19 @@ export class NavigationViewport {
  * @hidden
  */
 export class NavigationService {
-    constructor(zone, domEvents, pagerContextService, scrollRequestService, groupsService, detailsService, focusRoot, editService, cd, ctx, focusableParent) {
-        this.zone = zone;
-        this.domEvents = domEvents;
-        this.pagerContextService = pagerContextService;
-        this.scrollRequestService = scrollRequestService;
-        this.groupsService = groupsService;
-        this.detailsService = detailsService;
-        this.focusRoot = focusRoot;
-        this.editService = editService;
-        this.cd = cd;
-        this.ctx = ctx;
-        this.focusableParent = focusableParent;
-        this.cellKeydown = new EventEmitter();
-        this.activeRowIndex = 0;
-        this.alive = false;
-        this.active = true;
-        this.mode = 0 /* NavigationMode.Standby */;
-        this.model = new NavigationModel();
-        this.cursor = new NavigationCursor(this.model);
-        this.pagerIsNavigable = false;
-        this.tableIsNavigable = false;
-        this.toolbarIsNavigable = false;
-        this.changes = this.cursor.changes;
-    }
+    zone;
+    domEvents;
+    pagerContextService;
+    scrollRequestService;
+    groupsService;
+    detailsService;
+    focusRoot;
+    editService;
+    cd;
+    ctx;
+    focusableParent;
+    changes;
+    cellKeydown = new EventEmitter();
     set metadata(value) {
         this.meta = value;
         this.cursor.metadata = value;
@@ -139,9 +130,38 @@ export class NavigationService {
             });
         }
     }
+    viewport;
+    columnViewport;
+    activeRowIndex = 0;
+    alive = false;
+    active = true;
+    mode = 0 /* NavigationMode.Standby */;
+    model = new NavigationModel();
+    cursor = new NavigationCursor(this.model);
+    meta;
+    subs;
+    pendingRowIndex;
+    virtualCell;
+    pagerIsNavigable = false;
+    tableIsNavigable = false;
+    toolbarIsNavigable = false;
     get activeDataRow() {
         return Math.max(0, this.activeRowIndex - this.meta.headerRows);
     }
+    constructor(zone, domEvents, pagerContextService, scrollRequestService, groupsService, detailsService, focusRoot, editService, cd, ctx, focusableParent) {
+        this.zone = zone;
+        this.domEvents = domEvents;
+        this.pagerContextService = pagerContextService;
+        this.scrollRequestService = scrollRequestService;
+        this.groupsService = groupsService;
+        this.detailsService = detailsService;
+        this.focusRoot = focusRoot;
+        this.editService = editService;
+        this.cd = cd;
+        this.ctx = ctx;
+        this.focusableParent = focusableParent;
+        this.changes = this.cursor.changes;
+    }
     init(meta, navigableOptions) {
         this.setActiveSections(navigableOptions);
         this.alive = true;
@@ -699,10 +719,10 @@ export class NavigationService {
         const ev = rowSelectionService.selectRange(startRowIndex, endRowIndex);
         rowSelectionService.changes.emit(ev);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService, deps: [{ token: i0.NgZone }, { token: i1.DomEventsService }, { token: i2.PagerContextService }, { token: i3.ScrollRequestService }, { token: i4.GroupsService }, { token: i5.DetailsService }, { token: i6.FocusRoot }, { token: i7.EditService }, { token: i0.ChangeDetectorRef }, { token: i8.ContextService }, { token: i9.FocusableDirective, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService });
 }
-NavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService, deps: [{ token: i0.NgZone }, { token: i1.DomEventsService }, { token: i2.PagerContextService }, { token: i3.ScrollRequestService }, { token: i4.GroupsService }, { token: i5.DetailsService }, { token: i6.FocusRoot }, { token: i7.EditService }, { token: i0.ChangeDetectorRef }, { token: i8.ContextService }, { token: i9.FocusableDirective, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-NavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i1.DomEventsService }, { type: i2.PagerContextService }, { type: i3.ScrollRequestService }, { type: i4.GroupsService }, { type: i5.DetailsService }, { type: i6.FocusRoot }, { type: i7.EditService }, { type: i0.ChangeDetectorRef }, { type: i8.ContextService }, { type: i9.FocusableDirective, decorators: [{
                     type: Optional

package/{esm2020 → esm2022}/package-metadata.mjs

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

package/{esm2020 → esm2022}/pdf/grid-query.mjs

@@ -20,6 +20,10 @@ const suffix = (locked) => locked ? 'locked' : 'wrap';
  * @hidden
  */
 export class GridQuery {
+    element;
+    headerWrap;
+    list;
+    footerWrap;
     constructor(element) {
         this.element = element;
         this.list = findElement(element, matchesList);

package/esm2022/pdf/pdf-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 { 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 Grid.
+ * You can apply this directive to any `kendo-toolbar-button` element inside a
+ * ToolbarComponent used in the Grid.
+ *
+ * When the user clicks the toolbar button that is associated with the directive, the
+ * [pdfExport]({% slug api_grid_gridcomponent %}#toc-pdfexport) event
+ * fires ([see example]({% slug pdfexport_grid %})).
+ *
+ * @example
+ * ```html-no-run
+ * <kendo-grid>
+ *      <kendo-toolbar>
+ *         <kendo-toolbar-button text="PDF Export" kendoGridPDFTool></kendo-toolbar-button>
+ *      </kendo-toolbar>
+ *      <kendo-grid-pdf fileName="Grid.pdf">
+ *      </kendo-grid-pdf>
+ * </kendo-grid>
+ * ```
+ */
+export class PDFCommandToolbarDirective {
+    pdfService;
+    host;
+    clickSub = new Subscription();
+    constructor(pdfService, host) {
+        this.pdfService = pdfService;
+        this.host = host;
+    }
+    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();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PDFCommandToolbarDirective, deps: [{ token: i1.PDFService }, { token: i2.ToolBarButtonComponent }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PDFCommandToolbarDirective, isStandalone: true, selector: "[kendoGridPDFTool]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PDFCommandToolbarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGridPDFTool]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1.PDFService }, { type: i2.ToolBarButtonComponent }]; } });

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

@@ -31,11 +31,7 @@ import * as i2 from "../common/provider.service";
  * ```
  */
 export class PDFCommandDirective extends Button {
-    constructor(pdfService, element, renderer, ctx, ngZone) {
-        super(element, renderer, null, ctx.localization, ngZone);
-        this.pdfService = pdfService;
-        this.ngZone = ngZone;
-    }
+    pdfService;
     /**
      * @hidden
      */
@@ -49,9 +45,13 @@ export class PDFCommandDirective extends Button {
     get pdfClass() {
         return true;
     }
-}
-PDFCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFCommandDirective, deps: [{ token: i1.PDFService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.ContextService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PDFCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PDFCommandDirective, isStandalone: true, selector: "[kendoGridPDFCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-grid-pdf": "this.pdfClass" } }, usesInheritance: true, ngImport: i0, template: `
+    constructor(pdfService, element, renderer, ctx, ngZone) {
+        super(element, renderer, null, ctx.localization, ngZone);
+        this.pdfService = pdfService;
+        this.ngZone = ngZone;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PDFCommandDirective, deps: [{ token: i1.PDFService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.ContextService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PDFCommandDirective, isStandalone: true, selector: "[kendoGridPDFCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-grid-pdf": "this.pdfClass" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-icon-wrapper
             *ngIf="icon || svgIcon"
             innerCssClass="k-button-icon"
@@ -63,7 +63,8 @@ PDFCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
         <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: PDFCommandDirective, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PDFCommandDirective, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoGridPDFCommand]',

package/{esm2020 → esm2022}/pdf/pdf-margin.component.mjs

@@ -15,10 +15,10 @@ import * as i0 from "@angular/core";
  * Numbers are considered to be points (`"pt"`).
  */
 export class PDFMarginComponent extends PDFExportMarginComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PDFMarginComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PDFMarginComponent, isStandalone: true, selector: "kendo-grid-pdf-margin", usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
-PDFMarginComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFMarginComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-PDFMarginComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PDFMarginComponent, isStandalone: true, selector: "kendo-grid-pdf-margin", usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFMarginComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PDFMarginComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-grid-pdf-margin',

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

@@ -29,10 +29,10 @@ export class PDFTemplateDirective extends PDFExportTemplateDirective {
     constructor(templateRef) {
         super(templateRef);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PDFTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PDFTemplateDirective, isStandalone: true, selector: "[kendoGridPDFTemplate]", usesInheritance: true, ngImport: i0 });
 }
-PDFTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-PDFTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PDFTemplateDirective, isStandalone: true, selector: "[kendoGridPDFTemplate]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PDFTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PDFTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridPDFTemplate]',