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

package/esm2022/column-menu/column-menu-chooser.component.mjs

@@ -1,164 +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, Output, EventEmitter, ChangeDetectorRef, ElementRef } from '@angular/core';
-import { ColumnInfoService } from '../common/column-info.service';
-import { LocalizationService } from "@progress/kendo-angular-l10n";
-import { ColumnMenuItemBase } from './column-menu-item-base';
-import { columnsIcon } from '@progress/kendo-svg-icons';
-import { ColumnListComponent } from './column-list.component';
-import { ColumnMenuItemContentTemplateDirective } from './column-menu-item-content-template.directive';
-import { ColumnMenuItemComponent } from './column-menu-item.component';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-import * as i2 from "../common/column-info.service";
-/**
- *
- * Represents the Kendo UI for Angular TreeList column-menu item for chaging the visibility of the columns. [See example](slug:columnmenu_treelist#toc-column-chooser-item).
- *
- * Place this component inside a [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive to enable the feature.
- * Set the [`ColumnMenuService`]({% slug api_treelist_columnmenuservice %}) and `column` inputs using the values passed by the template.
- *
- * @example
- * ```html
- * <kendo-treelist [columnMenu]="true" ...>
- *   <ng-template kendoTreeListColumnMenuTemplate let-service="service" let-column="column">
- *     <kendo-treelist-columnmenu-chooser [column]="column" [service]="service">
- *     </kendo-treelist-columnmenu-chooser>
- *   </ng-template>
- * </kendo-treelist>
- * ```
- */
-export class ColumnMenuChooserComponent extends ColumnMenuItemBase {
-    localization;
-    columnInfoService;
-    changeDetector;
-    hostElement;
-    /**
-     * Fires when the content expands.
-     */
-    expand = new EventEmitter();
-    /**
-     * Fires when the content collapses.
-     */
-    collapse = new EventEmitter();
-    /**
-     * Specifies if the content is expanded.
-     * @default false
-     */
-    expanded = false;
-    /**
-     * @hidden
-     */
-    isLast = false;
-    /**
-     * @hidden
-     */
-    actionsClass = 'k-actions k-actions-stretched k-actions-horizontal';
-    get columns() {
-        return this.columnInfoService.leafNamedColumns;
-    }
-    columnsIcon = columnsIcon;
-    constructor(localization, columnInfoService, changeDetector, hostElement) {
-        super();
-        this.localization = localization;
-        this.columnInfoService = columnInfoService;
-        this.changeDetector = changeDetector;
-        this.hostElement = hostElement;
-    }
-    /**
-     * @hidden
-     */
-    onApply(changed) {
-        this.close();
-        if (changed.length) {
-            this.changeDetector.markForCheck();
-            this.columnInfoService.changeVisibility(changed);
-        }
-    }
-    /**
-     * @hidden
-     */
-    onCollapse() {
-        this.expanded = false;
-        if (this.isLast) {
-            this.service.menuTabbingService.lastFocusable = this.hostElement.nativeElement.querySelector('.k-columnmenu-item');
-        }
-        this.collapse.emit();
-    }
-    /**
-     * @hidden
-     */
-    onExpand() {
-        this.expanded = true;
-        this.expand.emit();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnMenuChooserComponent, deps: [{ token: i1.LocalizationService }, { token: i2.ColumnInfoService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ColumnMenuChooserComponent, isStandalone: true, selector: "kendo-treelist-columnmenu-chooser", inputs: { expanded: "expanded", isLast: "isLast" }, outputs: { expand: "expand", collapse: "collapse" }, usesInheritance: true, ngImport: i0, template: `
-        <kendo-treelist-columnmenu-item
-            [text]="localization.get('columns')"
-            icon="columns"
-            [svgIcon]="columnsIcon"
-            [expanded]="expanded"
-            (collapse)="onCollapse()"
-            (expand)="onExpand()">
-            <ng-template kendoTreeListColumnMenuItemContentTemplate>
-                <kendo-treelist-columnlist
-                    [applyText]="localization.get('columnsApply')"
-                    [resetText]="localization.get('columnsReset')"
-                    [ariaLabel]="localization.get('columns')"
-                    [columns]="columns"
-                    [autoSync]="false"
-                    [allowHideAll]="false"
-                    [actionsClass]="actionsClass"
-                    [isLast]="isLast"
-                    [isExpanded]="expanded"
-                    [service]="service"
-                    (apply)="onApply($event)">
-                </kendo-treelist-columnlist>
-            </ng-template>
-        </kendo-treelist-columnmenu-item>
-    `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-treelist-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded", "service"], outputs: ["itemClick", "expand", "collapse"] }, { kind: "directive", type: ColumnMenuItemContentTemplateDirective, selector: "[kendoTreeListColumnMenuItemContentTemplate]" }, { kind: "component", type: ColumnListComponent, selector: "kendo-treelist-columnlist", inputs: ["columns", "autoSync", "ariaLabel", "allowHideAll", "applyText", "resetText", "actionsClass", "isLast", "isExpanded", "service"], outputs: ["reset", "apply", "columnChange"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnMenuChooserComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-treelist-columnmenu-chooser',
-                    template: `
-        <kendo-treelist-columnmenu-item
-            [text]="localization.get('columns')"
-            icon="columns"
-            [svgIcon]="columnsIcon"
-            [expanded]="expanded"
-            (collapse)="onCollapse()"
-            (expand)="onExpand()">
-            <ng-template kendoTreeListColumnMenuItemContentTemplate>
-                <kendo-treelist-columnlist
-                    [applyText]="localization.get('columnsApply')"
-                    [resetText]="localization.get('columnsReset')"
-                    [ariaLabel]="localization.get('columns')"
-                    [columns]="columns"
-                    [autoSync]="false"
-                    [allowHideAll]="false"
-                    [actionsClass]="actionsClass"
-                    [isLast]="isLast"
-                    [isExpanded]="expanded"
-                    [service]="service"
-                    (apply)="onApply($event)">
-                </kendo-treelist-columnlist>
-            </ng-template>
-        </kendo-treelist-columnmenu-item>
-    `,
-                    standalone: true,
-                    imports: [ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective, ColumnListComponent]
-                }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i2.ColumnInfoService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { expand: [{
-                type: Output
-            }], collapse: [{
-                type: Output
-            }], expanded: [{
-                type: Input
-            }], isLast: [{
-                type: Input
-            }] } });

package/esm2022/column-menu/column-menu-container.component.mjs

@@ -1,58 +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, ContentChildren, Inject, NgZone, QueryList } from '@angular/core';
-import { take } from 'rxjs/operators';
-import { ColumnMenuService } from './column-menu.service';
-import { ColumnMenuItemDirective } from './column-menu-item.directive';
-import * as i0 from "@angular/core";
-import * as i1 from "./column-menu.service";
-/**
- * @hidden
- */
-export class ColumnMenuContainerComponent {
-    service;
-    ngZone;
-    columnMenuItems;
-    templateMenuItems = [];
-    constructor(service, ngZone) {
-        this.service = service;
-        this.ngZone = ngZone;
-        service.columnMenuContainer = this;
-    }
-    ngAfterViewInit() {
-        if (this.columnMenuItems.length) {
-            this.columnMenuItems.first.isFirst = true;
-            this.columnMenuItems.last.isLast = true;
-        }
-        else if (this.templateMenuItems.length) {
-            this.templateMenuItems[0].isFirst = true;
-            this.templateMenuItems[this.templateMenuItems.length - 1].isLast = true;
-        }
-        else {
-            return;
-        }
-        this.ngZone.onStable.pipe(take(1)).subscribe(() => this.service.menuTabbingService.firstFocusable.focus());
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnMenuContainerComponent, deps: [{ token: i1.ColumnMenuService }, { token: NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ColumnMenuContainerComponent, isStandalone: true, selector: "kendo-treelist-columnmenu-container", queries: [{ propertyName: "columnMenuItems", predicate: ColumnMenuItemDirective, descendants: true }], ngImport: i0, template: `
-        <ng-content></ng-content>
-    `, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnMenuContainerComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-treelist-columnmenu-container',
-                    template: `
-        <ng-content></ng-content>
-    `,
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.ColumnMenuService }, { type: i0.NgZone, decorators: [{
-                    type: Inject,
-                    args: [NgZone]
-                }] }], propDecorators: { columnMenuItems: [{
-                type: ContentChildren,
-                args: [ColumnMenuItemDirective, { descendants: true }]
-            }] } });

package/esm2022/column-menu/column-menu-expandable-item.interface.mjs

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

package/esm2022/column-menu/column-menu-filter.component.mjs

@@ -1,141 +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, Output, EventEmitter, ElementRef } from '@angular/core';
-import { LocalizationService } from "@progress/kendo-angular-l10n";
-import { ColumnMenuItemBase } from './column-menu-item-base';
-import { filterIcon } from '@progress/kendo-svg-icons';
-import { FilterMenuContainerComponent } from '../filtering/menu/filter-menu-container.component';
-import { ColumnMenuItemContentTemplateDirective } from './column-menu-item-content-template.directive';
-import { ColumnMenuItemComponent } from './column-menu-item.component';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-/**
- * Represents the column-menu item for editing column filters in the TreeList.
- *
- * Render this component inside a [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive.
- *
- * To register the component as a known column menu item, set the [`ColumnMenuService`]({% slug api_treelist_columnmenuservice %})
- * that the template passes to the `service` input of the `kendo-treelist-columnmenu-filter` component.
- *
- * @example
- * ```html
- * <kendo-treelist ...>
- *  <kendo-treelist-column field="ProductName">
- *   <ng-template kendoTreeListColumnMenuTemplate>
- *    <kendo-treelist-columnmenu-filter></kendo-treelist-columnmenu-filter>
- *   </ng-template>
- *  </kendo-treelist-column>
- * </kendo-treelist>
- * ```
- */
-export class ColumnMenuFilterComponent extends ColumnMenuItemBase {
-    localization;
-    hostElement;
-    /**
-     * Fires when the content expands.
-     */
-    expand = new EventEmitter();
-    /**
-     * Fires when the content collapses.
-     */
-    collapse = new EventEmitter();
-    /**
-     * Specifies if the content is expanded.
-     * @default false
-     */
-    expanded = false;
-    /**
-     * @hidden
-     */
-    isLast = false;
-    /**
-     * @hidden
-     */
-    actionsClass = 'k-actions k-actions-stretched k-actions-horizontal';
-    filterIcon = filterIcon;
-    constructor(localization, hostElement) {
-        super();
-        this.localization = localization;
-        this.hostElement = hostElement;
-    }
-    /**
-     * @hidden
-     */
-    onCollapse() {
-        this.expanded = false;
-        if (this.isLast) {
-            this.service.menuTabbingService.lastFocusable = this.hostElement.nativeElement.querySelector('.k-columnmenu-item');
-        }
-        this.collapse.emit();
-    }
-    /**
-     * @hidden
-     */
-    onExpand() {
-        this.expanded = true;
-        this.expand.emit();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnMenuFilterComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ColumnMenuFilterComponent, isStandalone: true, selector: "kendo-treelist-columnmenu-filter", inputs: { expanded: "expanded", isLast: "isLast" }, outputs: { expand: "expand", collapse: "collapse" }, usesInheritance: true, ngImport: i0, template: `
-        <kendo-treelist-columnmenu-item
-            [text]="localization.get('filter')"
-            icon="filter"
-            [svgIcon]="filterIcon"
-            [expanded]="expanded"
-            (collapse)="onCollapse()"
-            (expand)="onExpand()">
-            <ng-template kendoTreeListColumnMenuItemContentTemplate>
-                <kendo-treelist-filter-menu-container
-                    [column]="service.column"
-                    [menuTabbingService]="service.menuTabbingService"
-                    [filter]="service.filter"
-                    [actionsClass]="actionsClass"
-                    [isLast]="isLast"
-                    [isExpanded]="expanded"
-                    (keydown.shift.tab)="$event.stopImmediatePropagation()"
-                    (close)="close()">
-                </kendo-treelist-filter-menu-container>
-            </ng-template>
-        </kendo-treelist-columnmenu-item>
-    `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-treelist-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded", "service"], outputs: ["itemClick", "expand", "collapse"] }, { kind: "directive", type: ColumnMenuItemContentTemplateDirective, selector: "[kendoTreeListColumnMenuItemContentTemplate]" }, { kind: "component", type: FilterMenuContainerComponent, selector: "kendo-treelist-filter-menu-container", inputs: ["column", "isLast", "isExpanded", "menuTabbingService", "filter", "actionsClass"], outputs: ["close"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnMenuFilterComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-treelist-columnmenu-filter',
-                    template: `
-        <kendo-treelist-columnmenu-item
-            [text]="localization.get('filter')"
-            icon="filter"
-            [svgIcon]="filterIcon"
-            [expanded]="expanded"
-            (collapse)="onCollapse()"
-            (expand)="onExpand()">
-            <ng-template kendoTreeListColumnMenuItemContentTemplate>
-                <kendo-treelist-filter-menu-container
-                    [column]="service.column"
-                    [menuTabbingService]="service.menuTabbingService"
-                    [filter]="service.filter"
-                    [actionsClass]="actionsClass"
-                    [isLast]="isLast"
-                    [isExpanded]="expanded"
-                    (keydown.shift.tab)="$event.stopImmediatePropagation()"
-                    (close)="close()">
-                </kendo-treelist-filter-menu-container>
-            </ng-template>
-        </kendo-treelist-columnmenu-item>
-    `,
-                    standalone: true,
-                    imports: [ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective, FilterMenuContainerComponent]
-                }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i0.ElementRef }], propDecorators: { expand: [{
-                type: Output
-            }], collapse: [{
-                type: Output
-            }], expanded: [{
-                type: Input
-            }], isLast: [{
-                type: Input
-            }] } });

package/esm2022/column-menu/column-menu-item-base.mjs

@@ -1,41 +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, HostBinding, Input, isDevMode } from '@angular/core';
-import { ColumnMenuService } from './column-menu.service';
-import { ColumnMenuErrorMessages } from '../common/error-messages';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export class ColumnMenuItemBase {
-    /**
-     * Represents the [`ColumnMenuService`]({% slug api_treelist_columnmenuservice %}) instance.
-     * Requires a mandatory input.
-     */
-    service;
-    hostClass = true;
-    ngOnInit() {
-        if (isDevMode() && !this.service) {
-            throw new Error(ColumnMenuErrorMessages.serviceInput);
-        }
-    }
-    /**
-     * @hidden
-     */
-    close() {
-        this.service.close();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnMenuItemBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ColumnMenuItemBase, inputs: { service: "service" }, host: { properties: { "class.k-columnmenu-item-wrapper": "this.hostClass" } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnMenuItemBase, decorators: [{
-            type: Directive,
-            args: [{}]
-        }], propDecorators: { service: [{
-                type: Input
-            }], hostClass: [{
-                type: HostBinding,
-                args: ['class.k-columnmenu-item-wrapper']
-            }] } });

package/esm2022/column-menu/column-menu-item-content-template.directive.mjs

@@ -1,43 +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, Optional, TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Represents the content template for the [`kendo-treelist-columnmenu-item`]({% slug api_treelist_columnmenuitemcomponent %}) component.
- * Use this directive to specify the content of a column menu item.
- * To define the content template, nest an `<ng-template>` tag with the `kendoTreeListColumnMenuItemContentTemplate` directive inside a `<kendo-treelist-columnmenu-item>`.
- *
- * @example
- * ```html
- * <kendo-treelist ...>
- *   <kendo-treelist-column field="ProductName">
- *     <ng-template kendoTreeListColumnMenuTemplate>
- *       <kendo-treelist-columnmenu-item text="Item Text" [expanded]="true">
- *         <ng-template kendoTreeListColumnMenuItemContentTemplate>
- *           Item Content
- *         </ng-template>
- *       </kendo-treelist-columnmenu-item>
- *     </ng-template>
- *   </kendo-treelist-column>
- * </kendo-treelist>
- * ```
- */
-export class ColumnMenuItemContentTemplateDirective {
-    templateRef;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnMenuItemContentTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ColumnMenuItemContentTemplateDirective, isStandalone: true, selector: "[kendoTreeListColumnMenuItemContentTemplate]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnMenuItemContentTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoTreeListColumnMenuItemContentTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
-                    type: Optional
-                }] }] });