@progress/kendo-angular-grid 6.1.3 → 7.0.0-next.202203311511

package/esm2015/pdf/export-element.js

@@ -0,0 +1,115 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { GridQuery, HEADER_CLASS, FOOTER_CLASS } from './grid-query';
+const FIRST_CLASS = 'k-first';
+const INPUTS = ['input', 'select', 'textarea', 'option'];
+/** @hidden */
+export const cloneNode = (node) => {
+    const clone = node.cloneNode(false);
+    if (node._kendoExportVisual) {
+        clone._kendoExportVisual = node._kendoExportVisual;
+    }
+    if (INPUTS.indexOf(String(node.nodeName).toLowerCase()) >= 0) {
+        clone.removeAttribute("id");
+        clone.removeAttribute("name");
+        clone.value = node.value;
+        clone.checked = node.checked;
+        clone.selected = node.selected;
+    }
+    let child = node.firstChild;
+    while (child) {
+        clone.appendChild(cloneNode(child));
+        child = child.nextSibling;
+    }
+    return clone;
+};
+const appendNodes = (element, nodes) => {
+    const length = nodes.length;
+    for (let idx = 0; idx < length; idx++) {
+        element.appendChild(cloneNode(nodes[idx]));
+    }
+};
+const wrapTable = (table) => {
+    const wrapper = document.createElement('div');
+    wrapper.className = 'k-grid';
+    wrapper.appendChild(table);
+    return wrapper;
+};
+const createTableElement = (sources) => {
+    const sourceCount = sources.length;
+    const element = cloneNode(sources[0]);
+    const rowsCount = element.rows.length;
+    if (sourceCount > 1) {
+        for (let rowIdx = 0; rowIdx < rowsCount; rowIdx++) {
+            for (let sourceIdx = 1; sourceIdx < sourceCount; sourceIdx++) {
+                appendNodes(element.rows[rowIdx], sources[sourceIdx].rows[rowIdx].cells);
+            }
+        }
+    }
+    return element;
+};
+const setFirstCellClass = (header, headers) => {
+    if (headers.length > 1 && header.rows.length > 1) {
+        for (let idx = 1; idx < header.rows.length; idx++) {
+            const firstCellIndex = headers[0].rows[idx].cells.length;
+            const cell = header.rows[idx].cells[firstCellIndex];
+            if (String(cell.className).indexOf(FIRST_CLASS) === -1) {
+                cell.className += ` ${FIRST_CLASS}`;
+            }
+        }
+    }
+};
+const createTable = (colGroups, headers, bodies, footers) => {
+    const table = document.createElement('table');
+    const colGroup = colGroups[0].cloneNode(true);
+    for (let idx = 1; idx < colGroups.length; idx++) {
+        appendNodes(colGroup, colGroups[idx].querySelectorAll('col'));
+    }
+    const header = createTableElement(headers);
+    const body = createTableElement(bodies);
+    header.className = HEADER_CLASS;
+    setFirstCellClass(header, headers);
+    table.appendChild(colGroup);
+    table.appendChild(header);
+    table.appendChild(body);
+    if (footers.length) {
+        const footer = createTableElement(footers);
+        footer.className = FOOTER_CLASS;
+        table.appendChild(footer);
+    }
+    return wrapTable(table);
+};
+/**
+ * @hidden
+ */
+export const exportElement = (wrapper) => {
+    const query = new GridQuery(wrapper);
+    const content = query.content();
+    let result;
+    if (content) {
+        const colGroups = [content.querySelector('colgroup')];
+        const headers = [query.header().querySelector('thead')];
+        const bodies = [content.querySelector('tbody')];
+        const footer = query.footer();
+        const footers = [];
+        if (footer) {
+            footers.push(footer.querySelector('tfoot'));
+        }
+        const lockedContent = query.content(true);
+        if (lockedContent) {
+            colGroups.unshift(lockedContent.querySelector('colgroup'));
+            headers.unshift(query.header(true).querySelector('thead'));
+            bodies.unshift(lockedContent.querySelector('tbody'));
+            if (footer) {
+                footers.unshift(query.footer(true).querySelector('tfoot'));
+            }
+        }
+        result = createTable(colGroups, headers, bodies, footers);
+    }
+    else {
+        result = wrapTable(query.table().cloneNode(true));
+    }
+    return result;
+};

package/esm2015/pdf/grid-query.js

@@ -0,0 +1,41 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { matchesClasses, matchesNodeName, findElement } from '../rendering/common/dom-queries';
+/**
+ * @hidden
+ */
+export const HEADER_CLASS = 'k-grid-header';
+/**
+ * @hidden
+ */
+export const FOOTER_CLASS = 'k-grid-footer';
+const GRID_LIST = 'KENDO-GRID-LIST';
+const TABLE = 'TABLE';
+const matchesList = matchesNodeName(GRID_LIST);
+const matchesTable = matchesNodeName(TABLE);
+const suffix = (locked) => locked ? 'locked' : 'wrap';
+/**
+ * @hidden
+ */
+export class GridQuery {
+    constructor(element) {
+        this.element = element;
+        this.list = findElement(element, matchesList);
+    }
+    content(locked) {
+        return findElement(this.list, matchesClasses(`k-grid-content${locked ? '-locked' : ''}`));
+    }
+    header(locked) {
+        this.headerWrap = this.headerWrap || findElement(this.element, matchesClasses(HEADER_CLASS));
+        return findElement(this.headerWrap, matchesClasses(`${HEADER_CLASS}-${suffix(locked)}`));
+    }
+    footer(locked) {
+        this.footerWrap = this.footerWrap || findElement(this.element, matchesClasses(FOOTER_CLASS));
+        return findElement(this.footerWrap, matchesClasses(`${FOOTER_CLASS}-${suffix(locked)}`));
+    }
+    table() {
+        return findElement(this.element, matchesTable);
+    }
+}

package/esm2015/pdf/pdf-command.directive.js

@@ -0,0 +1,62 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, HostListener, HostBinding } from '@angular/core';
+import { Button } from '@progress/kendo-angular-buttons';
+import * as i0 from "@angular/core";
+import * as i1 from "./pdf.service";
+import * as i2 from "@progress/kendo-angular-l10n";
+/**
+ * Represents the `export-to-PDF` command of the Grid.
+ * You can apply this directive to any `button` element inside a
+ * [ToolbarTemplate]({% slug api_grid_commandcolumncomponent %}).
+ * When the user clicks a 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>
+ *      <ng-template kendoGridToolbarTemplate>
+ *          <button kendoGridPDFCommand>Export to PDF</button>
+ *      </ng-template>
+ *      <kendo-grid-pdf fileName="Grid.pdf">
+ *      </kendo-grid-pdf>
+ * </kendo-grid>
+ * ```
+ */
+export class PDFCommandDirective extends Button {
+    constructor(pdfService, element, renderer, localization, ngZone) {
+        super(element, renderer, null, localization, ngZone);
+        this.pdfService = pdfService;
+        this.ngZone = ngZone;
+    }
+    /**
+     * @hidden
+     */
+    onClick(e) {
+        e.preventDefault();
+        this.pdfService.exportClick.emit();
+    }
+    /**
+     * @hidden
+     */
+    get pdfClass() {
+        return true;
+    }
+}
+PDFCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PDFCommandDirective, deps: [{ token: i1.PDFService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+PDFCommandDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: PDFCommandDirective, selector: "[kendoGridPDFCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-grid-pdf": "this.pdfClass" } }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PDFCommandDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGridPDFCommand]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.PDFService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2.LocalizationService }, { type: i0.NgZone }]; }, propDecorators: { onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }], pdfClass: [{
+                type: HostBinding,
+                args: ['class.k-grid-pdf']
+            }] } });

package/esm2015/pdf/pdf-margin.component.js

@@ -0,0 +1,18 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component } from '@angular/core';
+import { PDFExportMarginComponent } from '@progress/kendo-angular-pdf-export';
+import * as i0 from "@angular/core";
+export class PDFMarginComponent extends PDFExportMarginComponent {
+}
+PDFMarginComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PDFMarginComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+PDFMarginComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PDFMarginComponent, selector: "kendo-grid-pdf-margin", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PDFMarginComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-grid-pdf-margin',
+                    template: ''
+                }]
+        }] });

package/esm2015/pdf/pdf-margin.interface.js

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2015/pdf/pdf-template.directive.js

@@ -0,0 +1,70 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional } from '@angular/core';
+import { PDFExportTemplateDirective } from '@progress/kendo-angular-pdf-export';
+import * as i0 from "@angular/core";
+/**
+ * Represents the PDF page template of the Grid that helps to customize the PDF pages. To define a page template,
+ * nest an `<ng-template>` tag with the `kendoGridPDFTemplate` directive inside `<kendo-grid-pdf>`.
+ *
+ * The template context provides the following fields:
+ * - `pageNumber`&mdash;Defines PDF page number.
+ * - `totalPages`&mdash;Defines the total number of PDF pages.
+ *
+ * @example
+ * ```ts-preview
+ *
+ * _@Component({
+ *     selector: 'my-app',
+ *     template: `
+ *         <kendo-grid [data]="gridData">
+ *             <ng-template kendoGridToolbarTemplate>
+ *                 <button kendoGridPDFCommand icon="file-pdf">Export to PDF</button>
+ *             </ng-template>
+ *             <kendo-grid-column field="ProductName">
+ *             </kendo-grid-column>
+ *              <kendo-grid-column field="UnitPrice">
+ *             </kendo-grid-column>
+ *             <kendo-grid-pdf fileName="Products.pdf" paperSize="A4" [margin]="{ top: '1cm', left: '1cm', right: '1cm', bottom: '1cm' }">
+ *                 <ng-template kendoGridPDFTemplate let-pageNum="pageNum" let-totalPages="totalPages">
+ *                     <div style="position: absolute;top: 5px; left: 5px;">
+ *                         Page {{ pageNum }} of {{ totalPages }}
+ *                     </div>
+ *                 </ng-template>
+ *             </kendo-grid-pdf>
+ *         </kendo-grid>
+ *     `
+ * })
+ *
+ * class AppComponent {
+ *     public gridData = [{
+ *         "ProductID": 1,
+ *         "ProductName": "Chai",
+ *         "UnitPrice": 18.0000
+ *       }, {
+ *         "ProductID": 2,
+ *         "ProductName": "Chang",
+ *         "UnitPrice": 19.0000
+ *       }
+ *     ];
+ * }
+ *
+ * ```
+ */
+export class PDFTemplateDirective extends PDFExportTemplateDirective {
+    constructor(templateRef) {
+        super(templateRef);
+    }
+}
+PDFTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PDFTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+PDFTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: PDFTemplateDirective, selector: "[kendoGridPDFTemplate]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PDFTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoGridPDFTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/esm2015/pdf/pdf.component.js

@@ -0,0 +1,252 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, Input, ContentChild, ContentChildren, QueryList } from '@angular/core';
+import { delay, take } from 'rxjs/operators';
+import { PDFMarginComponent } from './pdf-margin.component';
+import { PDFTemplateDirective } from './pdf-template.directive';
+import { exportElement, cloneNode } from './export-element';
+import { GridQuery } from './grid-query';
+import { ColumnBase } from '../columns/column-base';
+import { PDFExportComponent } from '@progress/kendo-angular-pdf-export';
+import * as i0 from "@angular/core";
+import * as i1 from "./pdf.service";
+import * as i2 from "../scrolling/suspend.service";
+const createElement = (tagName, className) => {
+    const element = document.createElement(tagName);
+    if (className) {
+        element.className = className;
+    }
+    return element;
+};
+const createDiv = (className) => {
+    return createElement('div', className);
+};
+/**
+ * Configures the settings for the export of Grid in PDF ([see example]({% slug pdfexport_grid %})).
+ */
+export class PDFComponent extends PDFExportComponent {
+    constructor(pdfService, suspendService, ngZone, element) {
+        super(element);
+        this.pdfService = pdfService;
+        this.suspendService = suspendService;
+        this.ngZone = ngZone;
+        /**
+         * The delay in milliseconds before exporting the Grid content.
+         * Useful for scenarios which involve exporting complex components used in the Grid
+         * templates such as charts or data-bound components with asynchronous data retrieval ([see example]({% slug pdfexport_grid %}#toc-exporting-all-pages)).
+         *
+         * @default 0
+         */
+        this.delay = 0;
+        this.columns = new QueryList();
+        this.saveSubscription = pdfService.savePDF.subscribe(this.savePDF.bind(this));
+        this.drawSubscription = pdfService.drawPDF.subscribe(this.drawPDF.bind(this));
+        this.reset = this.reset.bind(this);
+        this.draw = this.draw.bind(this);
+    }
+    ngOnDestroy() {
+        this.saveSubscription.unsubscribe();
+        this.drawSubscription.unsubscribe();
+        this.reset();
+    }
+    /**
+     * @hidden
+     */
+    saveAs(_) {
+        throw new Error('Not supported. Use GridComponent.saveAsPDF');
+    }
+    /**
+     * @hidden
+     */
+    export() {
+        throw new Error('Not supported. Use GridComponent.drawPDF');
+    }
+    savePDF(component) {
+        this.createPDF(component, this.draw);
+    }
+    drawPDF({ component, promise }) {
+        this.createPDF(component, () => {
+            this.createExportGroup(promise);
+        });
+    }
+    createPDF(component, callback) {
+        const pageSize = component.pageSize;
+        const total = component.view.total;
+        const columns = this.columns.toArray();
+        if (columns.length) {
+            this.originalColumns = component.columns.toArray();
+        }
+        this.component = component;
+        this.suspendService.scroll = true;
+        this.pdfService.exporting = true;
+        this.initProgress();
+        this.renderAllPages = this.allPages && pageSize < total;
+        if (this.renderAllPages) {
+            this.skip = component.skip;
+            this.pageSize = pageSize;
+            this.changePage(0, total, callback, columns);
+        }
+        else if (columns.length || component.virtualColumns) {
+            this.changeColumns(columns, callback);
+        }
+        else {
+            callback();
+        }
+    }
+    initProgress() {
+        const wrapperElement = this.component.wrapper.nativeElement;
+        const progress = this.progress = createDiv('k-loading-pdf-mask');
+        const overlay = cloneNode(wrapperElement);
+        progress.appendChild(overlay);
+        progress.appendChild(createDiv('k-loading-color'));
+        progress.appendChild(createElement('span', 'k-i-loading k-icon'));
+        this.originalHeight = wrapperElement.style.height;
+        this.originalOverflow = wrapperElement.style.overflow;
+        wrapperElement.style.height = wrapperElement.offsetHeight + 'px';
+        wrapperElement.style.overflow = 'hidden';
+        wrapperElement.appendChild(progress);
+        this.applyScroll(overlay);
+    }
+    applyScroll(overlay) {
+        const query = new GridQuery(this.component.wrapper.nativeElement);
+        const content = query.content();
+        if (content) {
+            const overlayQuery = new GridQuery(overlay);
+            const overlayContent = overlayQuery.content();
+            overlayContent.scrollTop = content.scrollTop;
+            overlayContent.scrollLeft = content.scrollLeft;
+            overlayQuery.header().scrollLeft = query.header().scrollLeft;
+            const footer = query.footer();
+            if (footer) {
+                overlayQuery.footer().scrollLeft = footer.scrollLeft;
+            }
+            const lockedContent = query.content(true);
+            if (lockedContent) {
+                const overlayLockedContent = overlayQuery.content(true);
+                overlayLockedContent.scrollTop = lockedContent.scrollTop;
+                overlayLockedContent.scrollLeft = lockedContent.scrollLeft;
+            }
+        }
+    }
+    draw() {
+        this.createExportElement((element) => {
+            this.save(element, this.fileName);
+        });
+    }
+    createExportGroup(promise) {
+        this.createExportElement((element) => {
+            this.exportElement(element).then(group => promise.resolve(group));
+        });
+    }
+    createExportElement(callback) {
+        this.ngZone.runOutsideAngular(() => {
+            const container = this.container = createDiv('k-grid-pdf-export-element');
+            const element = exportElement(this.component.wrapper.nativeElement);
+            container.appendChild(element);
+            document.body.appendChild(container);
+            callback(element);
+        });
+    }
+    drawOptions() {
+        const options = super.drawOptions();
+        options._destructive = true;
+        return options;
+    }
+    cleanup() {
+        super.cleanup();
+        this.pdfService.exporting = false;
+        if (this.component) {
+            const originalColumns = this.originalColumns;
+            delete this.originalColumns;
+            if (this.renderAllPages) {
+                this.changePage(this.skip, this.pageSize, this.reset, originalColumns);
+            }
+            else if (originalColumns || this.component.virtualColumns) {
+                this.changeColumns(originalColumns, this.reset);
+            }
+            else {
+                this.reset();
+            }
+        }
+        else {
+            this.reset();
+        }
+        this.removeContainer();
+    }
+    removeContainer() {
+        if (this.container) {
+            document.body.removeChild(this.container);
+            delete this.container;
+        }
+    }
+    changePage(skip, _take, callback, columns) {
+        this.ngZone.run(() => {
+            this.pdfService.dataChanged.pipe(take(1)).subscribe(() => {
+                if ((columns && columns.length) || this.component.virtualColumns) {
+                    this.changeColumns(columns, callback);
+                }
+                else {
+                    this.onStable(callback);
+                }
+            });
+            this.component.notifyPageChange('pdf', { skip: skip, take: _take });
+        });
+    }
+    changeColumns(columns, callback) {
+        this.ngZone.run(() => {
+            this.onStable(callback);
+            if (columns && columns.length) {
+                this.component.columns.reset(columns);
+            }
+        });
+    }
+    reset() {
+        this.suspendService.scroll = false;
+        this.renderAllPages = false;
+        if (!this.component) {
+            return;
+        }
+        const wrapperElement = this.component.wrapper.nativeElement;
+        wrapperElement.removeChild(this.progress);
+        wrapperElement.style.height = this.originalHeight;
+        wrapperElement.style.overflow = this.originalOverflow;
+        delete this.progress;
+        delete this.component;
+    }
+    onStable(callback) {
+        // not sure if it is an actual scenario. occurs in the tests.
+        // onStable is triggered in the same pass without the change detection.
+        // thus, the callback is called before the changes are applied without the timeout.
+        setTimeout(() => {
+            let onStable = this.ngZone.onStable.asObservable().pipe(take(1));
+            if (this.delay > 0) {
+                onStable = onStable.pipe(delay(this.delay));
+            }
+            onStable.subscribe(callback);
+        }, 0);
+    }
+}
+PDFComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PDFComponent, deps: [{ token: i1.PDFService }, { token: i2.SuspendService }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+PDFComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PDFComponent, selector: "kendo-grid-pdf", inputs: { allPages: "allPages", delay: "delay" }, queries: [{ propertyName: "marginComponent", first: true, predicate: PDFMarginComponent, descendants: true }, { propertyName: "pageTemplateDirective", first: true, predicate: PDFTemplateDirective, descendants: true }, { propertyName: "columns", predicate: ColumnBase }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PDFComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-grid-pdf',
+                    template: ''
+                }]
+        }], ctorParameters: function () { return [{ type: i1.PDFService }, { type: i2.SuspendService }, { type: i0.NgZone }, { type: i0.ElementRef }]; }, propDecorators: { allPages: [{
+                type: Input
+            }], delay: [{
+                type: Input
+            }], columns: [{
+                type: ContentChildren,
+                args: [ColumnBase]
+            }], marginComponent: [{
+                type: ContentChild,
+                args: [PDFMarginComponent, { static: false }]
+            }], pageTemplateDirective: [{
+                type: ContentChild,
+                args: [PDFTemplateDirective, { static: false }]
+            }] } });

package/esm2015/pdf/pdf.module.js

@@ -0,0 +1,71 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { NgModule } from '@angular/core';
+import { PDFComponent } from './pdf.component';
+import { PDFMarginComponent } from './pdf-margin.component';
+import { PDFCommandDirective } from './pdf-command.directive';
+import { PDFTemplateDirective } from './pdf-template.directive';
+import * as i0 from "@angular/core";
+const exportedModules = [
+    PDFComponent,
+    PDFMarginComponent,
+    PDFCommandDirective,
+    PDFTemplateDirective
+];
+const declarations = [
+    PDFComponent,
+    PDFMarginComponent,
+    PDFCommandDirective,
+    PDFTemplateDirective
+];
+/**
+ * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
+ * definition for the Grid PDF component.
+ *
+ * @example
+ *
+ * ```ts-no-run
+ * // Import the Grid and PDF modules
+ * import { GridModule, PDFModule } from '@progress/kendo-angular-grid';
+ *
+ * // The browser platform with a compiler
+ * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+ *
+ * import { NgModule } from '@angular/core';
+ *
+ * // Import the app component
+ * import { AppComponent } from './app.component';
+ *
+ * // Define the app module
+ * _@NgModule({
+ *     declarations: [AppComponent], // declare app component
+ *     imports:      [BrowserModule, GridModule, PDFModule], // import Grid and PDF modules
+ *     bootstrap:    [AppComponent]
+ * })
+ * export class AppModule {}
+ *
+ * // Compile and launch the module
+ * platformBrowserDynamic().bootstrapModule(AppModule);
+ *
+ * ```
+ */
+export class PDFModule {
+}
+PDFModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PDFModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PDFModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PDFModule, declarations: [PDFComponent,
+        PDFMarginComponent,
+        PDFCommandDirective,
+        PDFTemplateDirective], exports: [PDFComponent,
+        PDFMarginComponent,
+        PDFCommandDirective,
+        PDFTemplateDirective] });
+PDFModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PDFModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PDFModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [declarations],
+                    exports: [exportedModules]
+                }]
+        }] });

package/esm2015/pdf/pdf.service.js

@@ -0,0 +1,38 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { EventEmitter, Injectable, isDevMode } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class PDFService {
+    constructor() {
+        this.savePDF = new EventEmitter();
+        this.drawPDF = new EventEmitter();
+        this.exportClick = new EventEmitter();
+        this.dataChanged = new EventEmitter();
+    }
+    save(component) {
+        this.emitEvent(this.savePDF, component);
+    }
+    draw(component, promise) {
+        this.emitEvent(this.drawPDF, { component, promise });
+    }
+    emitEvent(emitter, args) {
+        if (emitter.observers.length === 0) {
+            if (isDevMode()) {
+                throw new Error('Creating PDF requires including the PDFModule and adding the <kendo-grid-pdf> component.');
+            }
+        }
+        else {
+            emitter.emit(args);
+        }
+    }
+}
+PDFService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PDFService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+PDFService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PDFService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PDFService, decorators: [{
+            type: Injectable
+        }] });