@progress/kendo-angular-treelist 21.4.1-develop.1 → 22.0.0-develop.1

package/esm2022/pdf/pdf.component.mjs

@@ -1,269 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 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, ElementRef, NgZone, QueryList } from '@angular/core';
-import { take } from 'rxjs/operators';
-import { SuspendService } from '../scrolling/suspend.service';
-import { PDFService } from './pdf.service';
-import { PDFMarginComponent } from './pdf-margin.component';
-import { PDFTemplateDirective } from './pdf-template.directive';
-import { exportElement, cloneNode } from './export-element';
-import { TreeListQuery } from './treelist-query';
-import { ColumnBase } from '../columns/column-base';
-import { PDFExportComponent } from '@progress/kendo-angular-pdf-export';
-import { isDocumentAvailable } from '@progress/kendo-angular-common';
-import * as i0 from "@angular/core";
-import * as i1 from "./pdf.service";
-import * as i2 from "../scrolling/suspend.service";
-const createElement = (tagName, className) => {
-    if (!isDocumentAvailable()) {
-        return;
-    }
-    const element = document.createElement(tagName);
-    if (className) {
-        element.className = className;
-    }
-    return element;
-};
-const createDiv = (className) => {
-    return createElement('div', className);
-};
-/**
- * Configures the settings for exporting TreeList to PDF ([see example]({% slug pdfexport_treelist %})).
- *
- * @example
- * ```html
- * <kendo-treelist>
- *    <kendo-treelist-pdf [allPages]="true" [fileName]="'export.pdf'"></kendo-treelist-pdf>
- * </kendo-treelist>
- * ```
- *
- * @remarks
- * Supported children components are: {@link PDFMarginComponent}.
- */
-export class PDFComponent extends PDFExportComponent {
-    pdfService;
-    suspendService;
-    ngZone;
-    /**
-     * Specifies if the export includes all TreeList pages, starting from the first one.
-     */
-    allPages;
-    columns = new QueryList();
-    marginComponent;
-    pageTemplateDirective;
-    progress;
-    component;
-    container;
-    skip;
-    pageSize;
-    originalHeight;
-    originalOverflow;
-    saveSubscription;
-    drawSubscription;
-    renderAllPages;
-    originalColumns;
-    constructor(pdfService, suspendService, ngZone, element) {
-        super(element);
-        this.pdfService = pdfService;
-        this.suspendService = suspendService;
-        this.ngZone = ngZone;
-        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();
-    }
-    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.totalVisible;
-        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 TreeListQuery(this.component.wrapper.nativeElement);
-        const content = query.content();
-        if (content) {
-            const overlayQuery = new TreeListQuery(overlay);
-            const overlayContent = overlayQuery.content();
-            overlayContent.scrollTop = content.scrollTop;
-            overlayContent.scrollLeft = content.scrollLeft;
-            const header = query.header();
-            const overlayHeader = overlayQuery.header();
-            if (header && overlayHeader) {
-                overlayHeader.scrollLeft = header.scrollLeft;
-            }
-            const footer = query.footer();
-            const overlayFooter = overlayQuery.footer();
-            if (footer && overlayFooter) {
-                overlayFooter.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(() => {
-            const onPageChanged = () => {
-                if ((columns && columns.length) || this.component.virtualColumns) {
-                    this.changeColumns(columns, callback);
-                }
-                else {
-                    this.onStable(callback);
-                }
-            };
-            this.component.notifyPageChange('pdf', { skip: skip, take: _take });
-            if (this.component.view.loading) {
-                this.component.view.dataLoaded.pipe(take(1)).subscribe(onPageChanged);
-            }
-            else {
-                onPageChanged();
-            }
-        });
-    }
-    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) {
-        this.ngZone.onStable.asObservable().pipe(take(1)).subscribe(callback);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PDFComponent, deps: [{ token: i1.PDFService }, { token: i2.SuspendService }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: PDFComponent, isStandalone: true, selector: "kendo-treelist-pdf", inputs: { allPages: "allPages" }, 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: "18.2.14", ngImport: i0, type: PDFComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-treelist-pdf',
-                    template: '',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.PDFService }, { type: i2.SuspendService }, { type: i0.NgZone }, { type: i0.ElementRef }], propDecorators: { allPages: [{
-                type: Input
-            }], columns: [{
-                type: ContentChildren,
-                args: [ColumnBase]
-            }], marginComponent: [{
-                type: ContentChild,
-                args: [PDFMarginComponent, { static: false }]
-            }], pageTemplateDirective: [{
-                type: ContentChild,
-                args: [PDFTemplateDirective, { static: false }]
-            }] } });

package/esm2022/pdf/pdf.module.mjs

@@ -1,48 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 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 { IconsService, KENDO_ICONS } from '@progress/kendo-angular-icons';
-import { KENDO_TREELIST_PDF_EXPORT } from '../directives';
-import * as i0 from "@angular/core";
-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 "./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']) definition for the TreeList PDF component.
- * Use this module to enable PDF export features of the TreeList inside NgModule-based Angular application.
- *
- * @example
- *
- * ```ts
- * import { NgModule } from '@angular/core';
- * import { BrowserModule } from "@angular/platform-browser";
- * import { TreeListModule, PDFModule } from '@progress/kendo-angular-treelist';
- * import { AppComponent } from './app.component';
- *
- * @NgModule({
- *   declarations: [AppComponent],
- *   imports: [BrowserModule, TreeListModule, PDFModule],
- *   bootstrap: [AppComponent]
- * })
- * export class AppModule {}
- * ```
- */
-export class PDFModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PDFModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", 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] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PDFModule, providers: [IconsService], imports: [i3.PDFCommandDirective, KENDO_ICONS] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PDFModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [...KENDO_TREELIST_PDF_EXPORT, ...KENDO_ICONS],
-                    exports: [...KENDO_TREELIST_PDF_EXPORT],
-                    providers: [IconsService]
-                }]
-        }] });

package/esm2022/pdf/pdf.service.mjs

@@ -1,40 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 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 {
-    savePDF = new EventEmitter();
-    drawPDF = new EventEmitter();
-    exportClick = new EventEmitter();
-    dataChanged = new EventEmitter();
-    exporting;
-    save(component) {
-        this.emitEvent(this.savePDF, component);
-    }
-    draw(component, promise) {
-        this.emitEvent(this.drawPDF, { component, promise });
-    }
-    /**
-     * @hidden
-     */
-    emitEvent(emitter, args) {
-        if (emitter.observers.length === 0) {
-            if (isDevMode()) {
-                throw new Error('Creating PDF requires including the PDFModule and adding the <kendo-treelist-pdf> component.');
-            }
-        }
-        else {
-            emitter.emit(args);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PDFService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PDFService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PDFService, decorators: [{
-            type: Injectable
-        }] });

package/esm2022/pdf/treelist-query.mjs

@@ -1,45 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 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-TREELIST-LIST';
-const TABLE = 'TABLE';
-const matchesList = matchesNodeName(GRID_LIST);
-const matchesTable = matchesNodeName(TABLE);
-const suffix = (locked) => locked ? 'locked' : 'wrap';
-/**
- * @hidden
- */
-export class TreeListQuery {
-    element;
-    headerWrap;
-    list;
-    footerWrap;
-    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/esm2022/progress-kendo-angular-treelist.mjs

@@ -1,8 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './index';

package/esm2022/rendering/cell-template.directive.mjs

@@ -1,49 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, TemplateRef, Optional } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Represents the column cell template of the TreeList ([more information and example]({% slug templates_columns_treelist %}#toc-cell-template)).
- * Use this directive to customize the content of the cells. To define the cell template, nest an `<ng-template>` tag with the `kendoTreeListCellTemplate` directive inside a `<kendo-treelist-column>` tag.
- *
- * The template context is set to the current data item and provides the following fields:
- * - `columnIndex`&mdash;The current column index. Use as an alias for a template variable with `let-columnIndex="columnIndex"`.
- * - `column`&mdash;The current column instance. Use as an alias for a template variable with `let-column="column"`.
- * - `dataItem`&mdash;The current data item. Represents the default context for any template variable using `let-x` syntax, for example, `let-dataItem`.
- * - `cellContext`&mdash;An object for passing context information to built-in directives.
- * - `hasChildren`&mdash;Specifies if the item has children.
- * - `isExpanded`&mdash;Specifies if the item is expanded.
- * - `level`&mdash;The hierarchy level of the item.
- * - `loading`&mdash;Specifies if the item children are currently loading.
- * - `rowIndex`&mdash;The current row index. Use it as an alias for a template variable with `let-rowIndex="rowIndex"`.
- *
- * @example
- * ```html
- * <kendo-treelist ...>
- *   <kendo-treelist-column field="ProductName">
- *     <ng-template kendoTreeListCellTemplate let-dataItem let-rowIndex="rowIndex" let-column="column">
- *       Data Row: {{rowIndex}}
- *     </ng-template>
- *   </kendo-treelist-column>
- * </kendo-treelist>
- * ```
- */
-export class CellTemplateDirective {
-    templateRef;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CellTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: CellTemplateDirective, isStandalone: true, selector: "[kendoTreeListCellTemplate]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CellTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoTreeListCellTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
-                    type: Optional
-                }] }] });