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

package/esm2022/filtering/cell/autocomplete-filter-cell.component.mjs

@@ -1,114 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-// eslint-disable no-access-missing-member
-import { Component, Input } from '@angular/core';
-import { ColumnComponent } from '../../columns/column.component';
-import { FilterService } from '../filter.service';
-import { BaseFilterCellComponent, localizeOperators } from '../base-filter-cell.component';
-import { SizingOptionsService } from '../../layout/sizing-options.service';
-import { ContextService } from '../../common/provider.service';
-import { FilterInputDirective } from '../filter-input.directive';
-import { FilterCellWrapperComponent } from './filter-cell-wrapper.component';
-import { AutoCompleteComponent } from '@progress/kendo-angular-dropdowns';
-import * as i0 from "@angular/core";
-import * as i1 from "../filter.service";
-import * as i2 from "../../columns/column.component";
-import * as i3 from "../../common/provider.service";
-import * as i4 from "../../layout/sizing-options.service";
-const stringOperators = localizeOperators({
-    "filterContainsOperator": "contains",
-    "filterNotContainsOperator": "doesnotcontain",
-    "filterEqOperator": "eq",
-    "filterNotEqOperator": "neq",
-    "filterStartsWithOperator": "startswith",
-    "filterEndsWithOperator": "endswith",
-    "filterIsNullOperator": "isnull",
-    "filterIsNotNullOperator": "isnotnull",
-    "filterIsEmptyOperator": "isempty",
-    "filterIsNotEmptyOperator": "isnotempty"
-});
-/**
- * @hidden
- */
-export class AutoCompleteFilterCellComponent extends BaseFilterCellComponent {
-    ctx;
-    showOperators = true;
-    column;
-    data;
-    set valueField(value) {
-        this._valueField = value;
-    }
-    get valueField() {
-        return this._valueField ? this._valueField : this.column.field;
-    }
-    get currentFilter() {
-        return this.filterByField(this.column.field);
-    }
-    get currentOperator() {
-        return this.currentFilter ? this.currentFilter.operator : "contains";
-    }
-    size = 'medium';
-    _valueField;
-    subs;
-    constructor(filterService, column, ctx, sizingOptionsService) {
-        super(filterService);
-        this.ctx = ctx;
-        this.defaultOperators = stringOperators(this.ctx.localization);
-        this.column = column;
-        this.subs = sizingOptionsService.changes.subscribe(size => this.size = size);
-    }
-    ngOnDestroy() {
-        if (this.subs) {
-            this.subs.unsubscribe();
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AutoCompleteFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.ColumnComponent }, { token: i3.ContextService }, { token: i4.SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AutoCompleteFilterCellComponent, isStandalone: true, selector: "kendo-grid-autocomplete-filter-cell", inputs: { showOperators: "showOperators", column: "column", data: "data", valueField: "valueField" }, usesInheritance: true, ngImport: i0, template: `
-        <kendo-grid-filter-wrapper-cell
-            [column]="column"
-            [filter]="filter"
-            [operators]="operators"
-            [showOperators]="showOperators">
-            <kendo-autocomplete
-                kendoFilterInput
-                [data]="data"
-                [size]="size"
-                [valueField]="valueField"
-                [value]="currentFilter?.value">
-            </kendo-autocomplete>
-        </kendo-grid-filter-wrapper-cell>
-    `, isInline: true, dependencies: [{ kind: "component", type: FilterCellWrapperComponent, selector: "kendo-grid-filter-wrapper-cell", inputs: ["showOperators"] }, { kind: "component", type: AutoCompleteComponent, selector: "kendo-autocomplete", inputs: ["highlightFirst", "showStickyHeader", "focusableId", "data", "value", "valueField", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "loading", "clearButton", "suggest", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoAutoComplete"] }, { kind: "directive", type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AutoCompleteFilterCellComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-grid-autocomplete-filter-cell',
-                    template: `
-        <kendo-grid-filter-wrapper-cell
-            [column]="column"
-            [filter]="filter"
-            [operators]="operators"
-            [showOperators]="showOperators">
-            <kendo-autocomplete
-                kendoFilterInput
-                [data]="data"
-                [size]="size"
-                [valueField]="valueField"
-                [value]="currentFilter?.value">
-            </kendo-autocomplete>
-        </kendo-grid-filter-wrapper-cell>
-    `,
-                    standalone: true,
-                    imports: [FilterCellWrapperComponent, AutoCompleteComponent, FilterInputDirective]
-                }]
-        }], ctorParameters: () => [{ type: i1.FilterService }, { type: i2.ColumnComponent }, { type: i3.ContextService }, { type: i4.SizingOptionsService }], propDecorators: { showOperators: [{
-                type: Input
-            }], column: [{
-                type: Input
-            }], data: [{
-                type: Input
-            }], valueField: [{
-                type: Input
-            }] } });

package/esm2022/filtering/cell/boolean-filter-cell.component.mjs

@@ -1,113 +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, ChangeDetectorRef } from '@angular/core';
-import { FilterService } from '../filter.service';
-import { BooleanFilterComponent } from '../boolean-filter.component';
-import { SizingOptionsService } from '../../layout/sizing-options.service';
-import { ContextService } from '../../common/provider.service';
-import { FocusableDirective } from '../../navigation/focusable.directive';
-import { FilterInputDirective } from '../filter-input.directive';
-import { FilterCellWrapperComponent } from './filter-cell-wrapper.component';
-import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
-import { replaceMessagePlaceholder } from '@progress/kendo-angular-common';
-import * as i0 from "@angular/core";
-import * as i1 from "../filter.service";
-import * as i2 from "../../common/provider.service";
-import * as i3 from "../../layout/sizing-options.service";
-/**
- * Represents a filter-cell component for boolean columns.
- * See the article about the [built-in filter components](slug:filter_row#toc-built-in-filter-row-components).
- *
- * @example
- * ```html
- * <kendo-grid-column field="Discontinued">
- *   <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
- *     <kendo-grid-boolean-filter-cell
- *       [column]="column"
- *       [filter]="filter">
- *     </kendo-grid-boolean-filter-cell>
- *   </ng-template>
- * </kendo-grid-column>
- * ```
- */
-export class BooleanFilterCellComponent extends BooleanFilterComponent {
-    cd;
-    /**
-     * @hidden
-     */
-    size = 'medium';
-    subs;
-    constructor(filterService, ctx, cd, sizingService) {
-        super(filterService, ctx);
-        this.cd = cd;
-        this.subs = sizingService.changes.subscribe((size) => this.size = size);
-    }
-    ngOnDestroy() {
-        this.subs && this.subs.unsubscribe();
-    }
-    localizationChange() {
-        super.localizationChange();
-        this.cd.markForCheck();
-    }
-    /**
-     * @hidden
-     */
-    get columnLabel() {
-        const localizationMsg = this.ctx.localization.get('booleanFilterCellLabel') || '';
-        const columnName = this.column.title || this.column.field;
-        return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BooleanFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.ContextService }, { token: i0.ChangeDetectorRef }, { token: i3.SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: BooleanFilterCellComponent, isStandalone: true, selector: "kendo-grid-boolean-filter-cell", usesInheritance: true, ngImport: i0, template: `
-        <kendo-grid-filter-wrapper-cell
-            [column]="column"
-            [filter]="filter"
-            [showOperators]="false"
-            [defaultOperator]="operator">
-            <kendo-dropdownlist
-                kendoFilterInput
-                kendoGridFocusable
-                [size]="size"
-                [columnLabel]="columnLabel"
-                [defaultItem]="defaultItem"
-                [data]="items"
-                textField="text"
-                valueField="value"
-                [popupSettings]="{ width: 'auto' }"
-                [valuePrimitive]="true"
-                [value]="currentFilter?.value">
-            </kendo-dropdownlist>
-        </kendo-grid-filter-wrapper-cell>
-    `, isInline: true, dependencies: [{ kind: "component", type: FilterCellWrapperComponent, selector: "kendo-grid-filter-wrapper-cell", inputs: ["showOperators"] }, { kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BooleanFilterCellComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-grid-boolean-filter-cell',
-                    template: `
-        <kendo-grid-filter-wrapper-cell
-            [column]="column"
-            [filter]="filter"
-            [showOperators]="false"
-            [defaultOperator]="operator">
-            <kendo-dropdownlist
-                kendoFilterInput
-                kendoGridFocusable
-                [size]="size"
-                [columnLabel]="columnLabel"
-                [defaultItem]="defaultItem"
-                [data]="items"
-                textField="text"
-                valueField="value"
-                [popupSettings]="{ width: 'auto' }"
-                [valuePrimitive]="true"
-                [value]="currentFilter?.value">
-            </kendo-dropdownlist>
-        </kendo-grid-filter-wrapper-cell>
-    `,
-                    standalone: true,
-                    imports: [FilterCellWrapperComponent, DropDownListComponent, FilterInputDirective, FocusableDirective]
-                }]
-        }], ctorParameters: () => [{ type: i1.FilterService }, { type: i2.ContextService }, { type: i0.ChangeDetectorRef }, { type: i3.SizingOptionsService }] });

package/esm2022/filtering/cell/date-filter-cell.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 } from '@angular/core';
-import { FilterService } from '../filter.service';
-import { DateFilterComponent } from '../date-filter.component';
-import { SizingOptionsService } from '../../layout/sizing-options.service';
-import { ContextService } from '../../common/provider.service';
-import { FocusableDirective } from '../../navigation/focusable.directive';
-import { FilterInputDirective } from '../filter-input.directive';
-import { FilterCellWrapperComponent } from './filter-cell-wrapper.component';
-import { DatePickerComponent, DatePickerCustomMessagesComponent } from '@progress/kendo-angular-dateinputs';
-import { replaceMessagePlaceholder } from '@progress/kendo-angular-common';
-import * as i0 from "@angular/core";
-import * as i1 from "../filter.service";
-import * as i2 from "../../common/provider.service";
-import * as i3 from "../../layout/sizing-options.service";
-/**
- * Represents a [DatePicker](slug:overview_datepicker) cell component for filtering of date columns.
- * See the article about the [built-in filter components](slug:filter_row#toc-built-in-filter-row-components).
- *
- * @example
- *
- * ```html
- * <kendo-grid-column field="FirstOrderedOn">
- *   <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
- *     <kendo-grid-date-filter-cell
- *       [column]="column"
- *       [filter]="filter">
- *     </kendo-grid-date-filter-cell>
- *   </ng-template>
- * </kendo-grid-column>
- * ```
- *
- * @remarks
- * Supported children components are: {@link EqualFilterOperatorComponent}, {@link NotEqualFilterOperatorComponent}, {@link AfterEqFilterOperatorComponent}, {@link AfterFilterOperatorComponent}, {@link BeforeEqFilterOperatorComponent}, {@link BeforeFilterOperatorComponent}, {@link IsNullFilterOperatorComponent}, {@link IsNotNullFilterOperatorComponent}.
- */
-export class DateFilterCellComponent extends DateFilterComponent {
-    ctx;
-    /**
-     * Determines if the drop-down filter operators are displayed.
-     * @type {boolean}
-     * @default true
-     */
-    showOperators = true;
-    subs;
-    constructor(filterService, ctx, sizingService) {
-        super(filterService, ctx);
-        this.ctx = ctx;
-        this.subs = sizingService.changes.subscribe((size) => this.size = size);
-    }
-    ngOnDestroy() {
-        this.subs && this.subs.unsubscribe();
-    }
-    /**
-     * @hidden
-     */
-    messageFor(key) {
-        return this.ctx.localization.get(key);
-    }
-    /**
-     * @hidden
-     */
-    get columnLabel() {
-        const localizationMsg = this.ctx.localization.get('filterInputLabel') || '';
-        const columnName = this.column.title || this.column.field;
-        return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateFilterCellComponent, deps: [{ token: i1.FilterService }, { token: i2.ContextService }, { token: i3.SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: DateFilterCellComponent, isStandalone: true, selector: "kendo-grid-date-filter-cell", inputs: { showOperators: "showOperators" }, usesInheritance: true, ngImport: i0, template: `
-        <kendo-grid-filter-wrapper-cell
-            [column]="column"
-            [filter]="filter"
-            [operators]="operators"
-            [defaultOperator]="operator"
-            [showOperators]="showOperators"
-        >
-            <kendo-datepicker
-                kendoFilterInput
-                kendoGridFocusable
-                [columnLabel]="columnLabel"
-                [value]="currentFilter?.value"
-                [format]="format"
-                [size]="size"
-                [formatPlaceholder]="formatPlaceholder"
-                [placeholder]="placeholder"
-                [activeView]="activeView"
-                [bottomView]="bottomView"
-                [topView]="topView"
-                [min]="min"
-                [max]="max"
-                [weekNumber]="weekNumber">
-                <kendo-datepicker-messages
-                    [toggle]="messageFor('filterDateToggle')"
-                    [today]="messageFor('filterDateToday')"
-                ></kendo-datepicker-messages>
-            </kendo-datepicker>
-        </kendo-grid-filter-wrapper-cell>
-    `, isInline: true, dependencies: [{ kind: "component", type: FilterCellWrapperComponent, selector: "kendo-grid-filter-wrapper-cell", inputs: ["showOperators"] }, { kind: "component", type: DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "clearButton", "inputAttributes", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "footer", "navigationItemTemplate", "weekDaysFormat", "showOtherMonthDays", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "adaptiveTitle", "adaptiveSubtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-datepicker"] }, { kind: "directive", type: FilterInputDirective, selector: "[kendoFilterInput]", inputs: ["filterDelay", "columnLabel", "value"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { kind: "component", type: DatePickerCustomMessagesComponent, selector: "kendo-datepicker-messages" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DateFilterCellComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-grid-date-filter-cell',
-                    template: `
-        <kendo-grid-filter-wrapper-cell
-            [column]="column"
-            [filter]="filter"
-            [operators]="operators"
-            [defaultOperator]="operator"
-            [showOperators]="showOperators"
-        >
-            <kendo-datepicker
-                kendoFilterInput
-                kendoGridFocusable
-                [columnLabel]="columnLabel"
-                [value]="currentFilter?.value"
-                [format]="format"
-                [size]="size"
-                [formatPlaceholder]="formatPlaceholder"
-                [placeholder]="placeholder"
-                [activeView]="activeView"
-                [bottomView]="bottomView"
-                [topView]="topView"
-                [min]="min"
-                [max]="max"
-                [weekNumber]="weekNumber">
-                <kendo-datepicker-messages
-                    [toggle]="messageFor('filterDateToggle')"
-                    [today]="messageFor('filterDateToday')"
-                ></kendo-datepicker-messages>
-            </kendo-datepicker>
-        </kendo-grid-filter-wrapper-cell>
-    `,
-                    standalone: true,
-                    imports: [FilterCellWrapperComponent, DatePickerComponent, FilterInputDirective, FocusableDirective, DatePickerCustomMessagesComponent]
-                }]
-        }], ctorParameters: () => [{ type: i1.FilterService }, { type: i2.ContextService }, { type: i3.SizingOptionsService }], propDecorators: { showOperators: [{
-                type: Input
-            }] } });

package/esm2022/filtering/cell/filter-cell-component.factory.mjs

@@ -1,19 +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 { StringFilterCellComponent } from './string-filter-cell.component';
-import { NumericFilterCellComponent } from './numeric-filter-cell.component';
-import { BooleanFilterCellComponent } from './boolean-filter-cell.component';
-import { DateFilterCellComponent } from "./date-filter-cell.component";
-/**
- * @hidden
- *
- * > List the following components in the GridModule as `entryComponents`.
- */
-export const filterComponentFactory = (type) => ({
-    "boolean": BooleanFilterCellComponent,
-    "date": DateFilterCellComponent,
-    "numeric": NumericFilterCellComponent,
-    "text": StringFilterCellComponent
-}[type]);

package/esm2022/filtering/cell/filter-cell-host.directive.mjs

@@ -1,33 +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, ViewContainerRef } from "@angular/core";
-import { FilterHostDirective } from "../filter-host.directive";
-import { isNullOrEmptyString } from "../../utils";
-import { filterComponentFactory } from "./filter-cell-component.factory";
-import { StringFilterCellComponent } from "./string-filter-cell.component";
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export class FilterCellHostDirective extends FilterHostDirective {
-    constructor(host) {
-        super(host);
-    }
-    componentType() {
-        if (!isNullOrEmptyString(this.column.filter)) {
-            return filterComponentFactory(this.column.filter);
-        }
-        return StringFilterCellComponent;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterCellHostDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: FilterCellHostDirective, isStandalone: true, selector: "[kendoFilterCellHost]", usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterCellHostDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoFilterCellHost]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });