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

package/esm2022/aggregates/aggregate-types.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/aggregates/selection-aggregate.service.mjs

@@ -1,200 +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 { Injectable } from '@angular/core';
-import { ContextService } from '../common/provider.service';
-import { ColumnInfoService } from '../common/column-info.service';
-import { recursiveFlatMap } from '../utils';
-import { Subscription } from 'rxjs';
-import * as i0 from "@angular/core";
-import * as i1 from "../common/provider.service";
-import * as i2 from "../common/column-info.service";
-/**
- * @hidden
- */
-export class CellSelectionAggregateService {
-    ctx;
-    columnInfoService;
-    selectedItems = [];
-    groupedAggregates = { dates: [], numbers: [], booleans: [] };
-    aggregates = {
-        sum: null,
-        average: null,
-        min: null,
-        max: null,
-        count: null,
-        isTrue: null,
-        isFalse: null,
-        earliest: null,
-        latest: null
-    };
-    sub = new Subscription();
-    constructor(ctx, columnInfoService) {
-        this.ctx = ctx;
-        this.columnInfoService = columnInfoService;
-    }
-    ngOnDestroy() {
-        this.sub.unsubscribe();
-    }
-    isAggregateIncluded(aggregate) {
-        const { cellAggregates } = this.ctx.grid.selectable;
-        if (typeof cellAggregates !== 'boolean') {
-            return cellAggregates?.includes(aggregate);
-        }
-        return true;
-    }
-    init() {
-        this.sub.add(this.ctx.grid.dataStateChange.subscribe(() => {
-            // nullifies aggregates and sets default count to avoid mismatching state -
-            // https://github.com/telerik/kendo-angular-private/issues/2964
-            this.nullifyAggregates();
-            if (this.isAggregateIncluded('count')) {
-                this.aggregates['count'] = 0;
-            }
-        }));
-        if (this.ctx.grid.selectable.cellAggregates) {
-            if (this.isAggregateIncluded('count')) {
-                this.aggregates['count'] = 0;
-            }
-            const selectionDirective = this.ctx.grid.selectionDirective;
-            if (selectionDirective && !this.isRowSelection) {
-                this.selectedItems = selectionDirective.selectedKeys;
-            }
-        }
-    }
-    onSelectionChange(selectionArgs) {
-        this.handleSelectedItems(selectionArgs);
-        this.nullifyAggregates();
-        this.handleAggregateChanges();
-        return this.aggregates;
-    }
-    get isRowSelection() {
-        return typeof this.ctx.grid.selectable === 'boolean' || !this.ctx.grid.selectable.cell;
-    }
-    handleAggregateChanges() {
-        const lockedColumns = this.columnInfoService.lockedLeafColumns.toArray();
-        const nonLockedColumns = this.columnInfoService.nonLockedLeafColumns.toArray();
-        const selectedItemsLength = this.selectedItems.length;
-        const columns = [...lockedColumns, ...nonLockedColumns];
-        const fields = columns.map(col => col.field);
-        if (this.isAggregateIncluded('count')) {
-            this.aggregates['count'] = this.isRowSelection ? (selectedItemsLength * columns.length) : selectedItemsLength;
-        }
-        this.selectedItems.forEach((item) => {
-            if (this.isRowSelection) {
-                fields.forEach((field) => {
-                    const cellValue = item.dataItem;
-                    if (cellValue && cellValue.hasOwnProperty(field)) {
-                        const cellValue = item.dataItem[field];
-                        this.groupAggregates(cellValue);
-                    }
-                });
-            }
-            else if (!this.isRowSelection) {
-                // Enables working with the current Grid data regardless of its form (array, GridDataResult, GroupedResult).
-                // Currently gets the item by index only - https://github.com/telerik/kendo-angular-private/issues/2964
-                const selectedItem = this.ctx.grid.flatData.flatMap(recursiveFlatMap)[item.itemKey];
-                const field = fields[item.columnKey];
-                if (selectedItem && selectedItem.hasOwnProperty(field)) {
-                    const cellValue = selectedItem[fields[item.columnKey]];
-                    this.groupAggregates(cellValue);
-                }
-            }
-        });
-        this.calculateAggregates();
-    }
-    groupAggregates(aggregate) {
-        if (typeof aggregate === 'number') {
-            this.groupedAggregates.numbers.push(aggregate);
-        }
-        else if (typeof aggregate === 'boolean') {
-            this.groupedAggregates.booleans.push(aggregate);
-        }
-        else if (aggregate instanceof Date) {
-            this.groupedAggregates.dates.push(aggregate);
-        }
-    }
-    calculateAggregates() {
-        if (this.groupedAggregates.numbers.length > 0) {
-            if (this.isAggregateIncluded('min')) {
-                this.aggregates['min'] = Math.min(...this.groupedAggregates.numbers);
-            }
-            if (this.isAggregateIncluded('max')) {
-                this.aggregates['max'] = Math.max(...this.groupedAggregates.numbers);
-            }
-            if (this.isAggregateIncluded('sum')) {
-                this.aggregates['sum'] = this.groupedAggregates.numbers.reduce((acc, curr) => acc += curr, 0);
-            }
-            if (this.isAggregateIncluded('average')) {
-                this.aggregates['average'] = this.aggregates['sum'] / this.groupedAggregates.numbers.length;
-            }
-        }
-        if (this.groupedAggregates.booleans.length > 0) {
-            if (this.isAggregateIncluded('isTrue')) {
-                const isTrueCount = this.groupedAggregates.booleans.filter(bool => bool).length;
-                this.aggregates['isTrue'] = isTrueCount > 0 ? isTrueCount : null;
-            }
-            if (this.isAggregateIncluded('isFalse')) {
-                const isFalseCount = this.groupedAggregates.booleans.length - this.aggregates['isTrue'];
-                this.aggregates['isFalse'] = isFalseCount > 0 ? isFalseCount : null;
-            }
-        }
-        if (this.groupedAggregates.dates.length > 0) {
-            if (this.isAggregateIncluded('earliest')) {
-                this.aggregates['earliest'] = new Date(Math.min(...this.groupedAggregates.dates));
-            }
-            if (this.isAggregateIncluded('latest')) {
-                this.aggregates['latest'] = new Date(Math.max(...this.groupedAggregates.dates));
-            }
-        }
-    }
-    handleSelectedItems(selectionArgs) {
-        const rowOrCellSelect = `${this.isRowSelection ? 'selectedRows' : 'selectedCells'}`;
-        const rowOrCellDeselect = `${this.isRowSelection ? 'deselectedRows' : 'deselectedCells'}`;
-        const selectedItems = selectionArgs[rowOrCellSelect];
-        const deselectedItems = selectionArgs[rowOrCellDeselect];
-        if (!this.isRowSelection) {
-            // Needed when we have column groups with cell selection, the deselected items are duplicated
-            deselectedItems.forEach((item, index) => {
-                if (index + 1 < deselectedItems.length) {
-                    if (item.itemKey === deselectedItems[index + 1].itemKey
-                        && item.columnKey === deselectedItems[index + 1].columnKey) {
-                        deselectedItems.splice(index, 1);
-                    }
-                }
-            });
-        }
-        if (selectedItems.length > 0) {
-            selectedItems.forEach((item) => {
-                this.selectedItems = [...this.selectedItems, item];
-            });
-        }
-        if (deselectedItems.length > 0) {
-            if (this.isRowSelection) {
-                deselectedItems.forEach((row) => {
-                    this.selectedItems = this.selectedItems.filter((elem) => elem.dataItem !== row.dataItem);
-                });
-            }
-            else {
-                deselectedItems.forEach((cell) => {
-                    const index = this.selectedItems.findIndex((elem) => elem.itemKey === cell.itemKey && elem.columnKey === cell.columnKey);
-                    this.selectedItems.splice(index, 1);
-                });
-            }
-        }
-    }
-    nullifyAggregates() {
-        this.groupedAggregates = { dates: [], numbers: [], booleans: [] };
-        this.aggregates['count'] = null;
-        this.aggregates['sum'] = this.aggregates['average'] = null;
-        this.aggregates['max'] = this.aggregates['min'] = null;
-        this.aggregates['isFalse'] = this.aggregates['isTrue'] = null;
-        this.aggregates['earliest'] = this.aggregates['latest'] = null;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CellSelectionAggregateService, deps: [{ token: i1.ContextService }, { token: i2.ColumnInfoService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CellSelectionAggregateService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CellSelectionAggregateService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i1.ContextService }, { type: i2.ColumnInfoService }] });

package/esm2022/aggregates/status-bar-template.directive.mjs

@@ -1,30 +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 } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Represents the status bar template of the Grid. Use this directive to customize how the Grid displays aggregates in the status bar.
- *
- * The template context provides:
- * - `aggregates`—The [`SelectionAggregates`]({% slug api_grid_selectionaggregates %}) object with all calculated aggregates.
- *
- * Use the Angular [`ngFor`](link:site.data.urls.angular['ngfor']) structural directive and the [`KeyValuePipe`](https://angular.io/api/common/KeyValuePipe)
- * to loop through the aggregates as key-value pairs.
- */
-export class StatusBarTemplateDirective {
-    templateRef;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StatusBarTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: StatusBarTemplateDirective, isStandalone: true, selector: "[kendoGridStatusBarTemplate]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StatusBarTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoGridStatusBarTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef }] });

package/esm2022/aggregates/status-bar.component.mjs

@@ -1,70 +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, HostBinding, Input } from '@angular/core';
-import { StatusBarTemplateDirective } from './status-bar-template.directive';
-import { CellSelectionAggregateService } from './selection-aggregate.service';
-import { NgTemplateOutlet } from '@angular/common';
-import * as i0 from "@angular/core";
-import * as i1 from "./selection-aggregate.service";
-/**
- * @hidden
- */
-export class StatusBarComponent {
-    aggregateService;
-    hostClasses = true;
-    get isStatusBarTemplate() {
-        return this.statusBarTemplate ? '' : 'none';
-    }
-    hostAriaLive = 'polite';
-    statusBarTemplate;
-    constructor(aggregateService) {
-        this.aggregateService = aggregateService;
-    }
-    ngOnInit() {
-        this.aggregateService.init();
-    }
-    get aggregates() {
-        return this.aggregateService.aggregates;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StatusBarComponent, deps: [{ token: i1.CellSelectionAggregateService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: StatusBarComponent, isStandalone: true, selector: "kendo-grid-status-bar", inputs: { statusBarTemplate: "statusBarTemplate" }, host: { properties: { "class.k-selection-aggregates": "this.hostClasses", "class.k-grid-selection-aggregates": "this.hostClasses", "style.display": "this.isStatusBarTemplate", "attr.aria-live": "this.hostAriaLive" } }, ngImport: i0, template: `
-        @if (statusBarTemplate) {
-          <ng-template
-            [ngTemplateOutlet]="statusBarTemplate?.templateRef"
-            [ngTemplateOutletContext]="{ aggregates: aggregates }">
-          </ng-template>
-        }
-        `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StatusBarComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-grid-status-bar',
-                    template: `
-        @if (statusBarTemplate) {
-          <ng-template
-            [ngTemplateOutlet]="statusBarTemplate?.templateRef"
-            [ngTemplateOutletContext]="{ aggregates: aggregates }">
-          </ng-template>
-        }
-        `,
-                    standalone: true,
-                    imports: [NgTemplateOutlet]
-                }]
-        }], ctorParameters: () => [{ type: i1.CellSelectionAggregateService }], propDecorators: { hostClasses: [{
-                type: HostBinding,
-                args: ['class.k-selection-aggregates']
-            }, {
-                type: HostBinding,
-                args: ['class.k-grid-selection-aggregates']
-            }], isStatusBarTemplate: [{
-                type: HostBinding,
-                args: ['style.display']
-            }], hostAriaLive: [{
-                type: HostBinding,
-                args: ['attr.aria-live']
-            }], statusBarTemplate: [{
-                type: Input
-            }] } });

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

@@ -1,318 +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, ChangeDetectorRef, ViewChild, EventEmitter, Output, ElementRef, Optional } from '@angular/core';
-import { ColumnInfoService } from '../common/column-info.service';
-import { EventsOutsideAngularDirective, PrefixTemplateDirective, replaceMessagePlaceholder } from '@progress/kendo-angular-common';
-import { arrowRotateCcwIcon, checkIcon, searchIcon } from '@progress/kendo-svg-icons';
-import { ButtonComponent } from '@progress/kendo-angular-buttons';
-import { ColumnListComponent } from './column-list.component';
-import { TextBoxComponent } from '@progress/kendo-angular-inputs';
-import { NgClass } from '@angular/common';
-import { IconWrapperComponent } from '@progress/kendo-angular-icons';
-import { ColumnMenuService } from './column-menu.service';
-import { ContextService } from '../common/provider.service';
-import { filterBy } from '@progress/kendo-data-query';
-import * as i0 from "@angular/core";
-import * as i1 from "../common/column-info.service";
-import * as i2 from "../common/provider.service";
-/**
- * @hidden
- */
-export class ColumnChooserContentComponent {
-    cdr;
-    columnInfoService;
-    ctx;
-    resetButton;
-    applyButton;
-    columnList;
-    filterInput;
-    filterable = true;
-    showSelectAll = true;
-    showCheckedCount = true;
-    allowHideAll = false;
-    autoSync = false;
-    actionsClass = 'k-actions k-actions-stretched k-actions-horizontal';
-    closeOnReset = true;
-    set columns(value) {
-        this._columns = value;
-    }
-    get columns() {
-        return this._columns;
-    }
-    isLast;
-    isExpanded;
-    service;
-    close = new EventEmitter();
-    get selectedItemsText() {
-        const count = this.columnList?.checkedCheckboxesLength || 0;
-        const localizedMessage = this.messageFor('columnChooserSelectedColumnsCount');
-        return replaceMessagePlaceholder(localizedMessage, 'selectedColumnsCount', count.toString());
-    }
-    get actionSheetOpened() {
-        return this.ctx?.grid?.isActionSheetExpanded;
-    }
-    searchIcon = searchIcon;
-    checkIcon = checkIcon;
-    arrowRotateCcwIcon = arrowRotateCcwIcon;
-    applyText;
-    resetText;
-    filteredColumns = [];
-    isFiltered = false;
-    _columns = [];
-    constructor(cdr, columnInfoService, ctx) {
-        this.cdr = cdr;
-        this.columnInfoService = columnInfoService;
-        this.ctx = ctx;
-    }
-    ngOnInit() {
-        this.applyText = this.ctx?.localization.get('columnsApply');
-        this.resetText = this.ctx?.localization.get('columnsReset');
-    }
-    ngAfterViewInit() {
-        this.filteredColumns = this.columnInfoService?.leafNamedColumns.filter(column => {
-            if (column.includeInChooser !== false) {
-                column.initiallyChecked = column.currentlyChecked = !column.hidden;
-                return true;
-            }
-            return false;
-        });
-        this.cdr.detectChanges();
-    }
-    ngAfterViewChecked() {
-        this.columnList.resetButton = this.resetButton;
-        this.columnList.applyButton = this.applyButton;
-        this.columnList.filterInput = this.filterInput;
-    }
-    onFilter(value) {
-        this.isFiltered = value.length > 0;
-        this.showSelectAll = !this.isFiltered;
-        const filterDescriptor = {
-            field: 'displayTitle',
-            operator: 'contains',
-            value: value
-        };
-        this.filteredColumns = filterBy(this.columnInfoService?.leafNamedColumns, filterDescriptor);
-        this.cdr.detectChanges();
-        this.columnList.listNavigationService.activeIndex = 0;
-        this.columnList.listNavigationService.items = this.columnList.checkboxes?.toArray();
-    }
-    messageFor = token => this.ctx?.localization.get(token);
-    onChange(changed) {
-        this.cdr.markForCheck();
-        this.columnInfoService?.changeVisibility(changed);
-    }
-    applyChanges() {
-        this.columnList.applyChanges();
-        this.close.emit();
-    }
-    cancelChanges() {
-        this.columnList.cancelChanges();
-        if (this.closeOnReset) {
-            this.close.emit();
-        }
-    }
-    onTab(e) {
-        if (e.key === 'Tab' && !e.shiftKey) {
-            this.columnList.listNavigationService.toggle(this.columnList.listNavigationService.activeIndex, true);
-            e.preventDefault();
-        }
-        if (e.key === 'Tab' && e.shiftKey && !this.service) {
-            this.columnList.resetButton?.nativeElement.focus();
-            e.preventDefault();
-        }
-    }
-    onApplyButtonKeydown(e) {
-        if (e.key === 'Tab') {
-            this.columnList.focusActiveColumn(e);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnChooserContentComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.ColumnInfoService, optional: true }, { token: i2.ContextService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ColumnChooserContentComponent, isStandalone: true, selector: "kendo-grid-column-chooser-content", inputs: { filterable: "filterable", showSelectAll: "showSelectAll", showCheckedCount: "showCheckedCount", allowHideAll: "allowHideAll", autoSync: "autoSync", actionsClass: "actionsClass", closeOnReset: "closeOnReset", columns: "columns", isLast: "isLast", isExpanded: "isExpanded", service: "service" }, outputs: { close: "close" }, viewQueries: [{ propertyName: "resetButton", first: true, predicate: ["resetButton"], descendants: true }, { propertyName: "applyButton", first: true, predicate: ["applyButton"], descendants: true }, { propertyName: "columnList", first: true, predicate: ["columnList"], descendants: true }, { propertyName: "filterInput", first: true, predicate: ["filterInput"], descendants: true }], ngImport: i0, template: `
-            <form class="k-filter-menu">
-              <div class="k-filter-menu-container">
-                @if (filterable) {
-                  <kendo-textbox
-                    #filterInput
-                    class="k-searchbox"
-                    (valueChange)="onFilter($event)"
-                    [kendoEventsOutsideAngular]="{'keydown': onTab}"
-                    [scope]="this"
-                    >
-                    <ng-template kendoPrefixTemplate>
-                      <kendo-icon-wrapper
-                        [name]="'search'"
-                        [svgIcon]="searchIcon">
-                      </kendo-icon-wrapper>
-                    </ng-template>
-                  </kendo-textbox>
-                }
-                <kendo-grid-columnlist
-                  #columnList
-                  [columns]="columns"
-                  [filteredColumns]="filteredColumns"
-                  [ariaLabel]="messageFor('columns')"
-                  [showSelectAll]="showSelectAll"
-                  [isLast]="isLast"
-                  [isFiltered]="isFiltered"
-                  [filterable]="filterable"
-                  [isExpanded]="isExpanded"
-                  [service]="service"
-                  [applyText]="messageFor('columnsApply')"
-                  [resetText]="messageFor('columnsReset')"
-                  [selectAllText]="messageFor('columnChooserSelectAll')"
-                  [autoSync]="autoSync"
-                  [allowHideAll]="allowHideAll"
-                  (columnChange)="onChange($event)"
-                  >
-                </kendo-grid-columnlist>
-                @if (showCheckedCount) {
-                  <div class="k-filter-selected-items">
-                    {{selectedItemsText}}
-                  </div>
-                }
-                @if (!autoSync && !actionSheetOpened) {
-                  <div [ngClass]="actionsClass">
-                    <button
-                      #applyButton
-                      kendoButton
-                      type="button"
-                      icon="check"
-                      [svgIcon]="checkIcon"
-                      themeColor="primary"
-                      (click)="applyChanges()"
-                      (keydown)="onApplyButtonKeydown($event)"
-                    >{{ applyText }}</button>
-                    <button
-                      #resetButton
-                      kendoButton
-                      type="button"
-                      icon="reset"
-                      (keydown.tab)="columnList.onTab($event)"
-                      [svgIcon]="arrowRotateCcwIcon"
-                      (click)="cancelChanges()"
-                    >{{ resetText }}</button>
-                  </div>
-                }
-              </div>
-            </form>
-            `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: ColumnListComponent, selector: "kendo-grid-columnlist", inputs: ["columns", "filteredColumns", "autoSync", "showSelectAll", "isFiltered", "ariaLabel", "allowHideAll", "applyText", "resetText", "selectAllText", "isLast", "isExpanded", "service", "filterable"], outputs: ["reset", "apply", "columnChange"] }, { kind: "component", type: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: PrefixTemplateDirective, selector: "[kendoPrefixTemplate]", inputs: ["showSeparator"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnChooserContentComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-grid-column-chooser-content',
-                    template: `
-            <form class="k-filter-menu">
-              <div class="k-filter-menu-container">
-                @if (filterable) {
-                  <kendo-textbox
-                    #filterInput
-                    class="k-searchbox"
-                    (valueChange)="onFilter($event)"
-                    [kendoEventsOutsideAngular]="{'keydown': onTab}"
-                    [scope]="this"
-                    >
-                    <ng-template kendoPrefixTemplate>
-                      <kendo-icon-wrapper
-                        [name]="'search'"
-                        [svgIcon]="searchIcon">
-                      </kendo-icon-wrapper>
-                    </ng-template>
-                  </kendo-textbox>
-                }
-                <kendo-grid-columnlist
-                  #columnList
-                  [columns]="columns"
-                  [filteredColumns]="filteredColumns"
-                  [ariaLabel]="messageFor('columns')"
-                  [showSelectAll]="showSelectAll"
-                  [isLast]="isLast"
-                  [isFiltered]="isFiltered"
-                  [filterable]="filterable"
-                  [isExpanded]="isExpanded"
-                  [service]="service"
-                  [applyText]="messageFor('columnsApply')"
-                  [resetText]="messageFor('columnsReset')"
-                  [selectAllText]="messageFor('columnChooserSelectAll')"
-                  [autoSync]="autoSync"
-                  [allowHideAll]="allowHideAll"
-                  (columnChange)="onChange($event)"
-                  >
-                </kendo-grid-columnlist>
-                @if (showCheckedCount) {
-                  <div class="k-filter-selected-items">
-                    {{selectedItemsText}}
-                  </div>
-                }
-                @if (!autoSync && !actionSheetOpened) {
-                  <div [ngClass]="actionsClass">
-                    <button
-                      #applyButton
-                      kendoButton
-                      type="button"
-                      icon="check"
-                      [svgIcon]="checkIcon"
-                      themeColor="primary"
-                      (click)="applyChanges()"
-                      (keydown)="onApplyButtonKeydown($event)"
-                    >{{ applyText }}</button>
-                    <button
-                      #resetButton
-                      kendoButton
-                      type="button"
-                      icon="reset"
-                      (keydown.tab)="columnList.onTab($event)"
-                      [svgIcon]="arrowRotateCcwIcon"
-                      (click)="cancelChanges()"
-                    >{{ resetText }}</button>
-                  </div>
-                }
-              </div>
-            </form>
-            `,
-                    standalone: true,
-                    imports: [NgClass, ButtonComponent, ColumnListComponent, TextBoxComponent, PrefixTemplateDirective, IconWrapperComponent, EventsOutsideAngularDirective]
-                }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.ColumnInfoService, decorators: [{
-                    type: Optional
-                }] }, { type: i2.ContextService, decorators: [{
-                    type: Optional
-                }] }], propDecorators: { resetButton: [{
-                type: ViewChild,
-                args: ['resetButton']
-            }], applyButton: [{
-                type: ViewChild,
-                args: ['applyButton']
-            }], columnList: [{
-                type: ViewChild,
-                args: ['columnList']
-            }], filterInput: [{
-                type: ViewChild,
-                args: ['filterInput']
-            }], filterable: [{
-                type: Input
-            }], showSelectAll: [{
-                type: Input
-            }], showCheckedCount: [{
-                type: Input
-            }], allowHideAll: [{
-                type: Input
-            }], autoSync: [{
-                type: Input
-            }], actionsClass: [{
-                type: Input
-            }], closeOnReset: [{
-                type: Input
-            }], columns: [{
-                type: Input
-            }], isLast: [{
-                type: Input
-            }], isExpanded: [{
-                type: Input
-            }], service: [{
-                type: Input
-            }], close: [{
-                type: Output
-            }] } });