@progress/kendo-angular-spreadsheet 21.3.1-develop.1 → 21.4.0-develop.10

package/common/spreadsheet.service.d.ts

@@ -7,16 +7,19 @@ import { Range, Sheet, SpreadsheetWidget } from '@progress/kendo-spreadsheet-com
 import { Subject } from 'rxjs';
 import { SheetsChanges } from './sheet-changes';
 import { SheetInfo } from '../models';
+import { SpreadsheetComponent } from '../spreadsheet.component';
 import * as i0 from "@angular/core";
 /**
  * @hidden
  */
 export declare class SpreadsheetService {
     spreadsheet: SpreadsheetWidget;
+    spreadsheetComponent: SpreadsheetComponent;
     sheetsChanged: Subject<SheetsChanges>;
     onSheetsBarFocus: Subject<any>;
     activeSheetChanged: Subject<Sheet>;
     selectionChanged: Subject<Range>;
+    componentInitialized: Subject<void>;
     dialogContainer: ViewContainerRef;
     constructor();
     set currentActiveSheet(value: string);

package/directives.d.ts

@@ -34,6 +34,8 @@ import { SpreadsheetDecreaseDecimalDirective } from './tools/decrease-decimal-to
 import { SpreadsheetHorizontalTextAlignDirective } from './tools/align/horizontal-align-tool.directive';
 import { SpreadsheetVerticalTextAlignDirective } from './tools/align/vertical-align-tool.directive';
 import { SpreadsheetDataValidationDirective } from './tools/data-validation-tool.directive';
+import { SpreadsheetFilterDirective } from './tools/filter-sort/filter-tool.directive';
+import { SpreadsheetSortDirective } from './tools/filter-sort/sort-tool.directive';
 /**
 * Use this utility array to access all `@progress/kendo-angular-spreadsheet`-related components and directives in a standalone Angular component.
 *
@@ -54,4 +56,4 @@ import { SpreadsheetDataValidationDirective } from './tools/data-validation-tool
 * }
 * ```
 */
-export declare const KENDO_SPREADSHEET: readonly [typeof SpreadsheetComponent, typeof CustomMessagesComponent, typeof SpreadsheetBoldDirective, typeof SpreadsheetDataValidationDirective, typeof SpreadsheetItalicDirective, typeof SpreadsheetUnderlineDirective, typeof SpreadsheetLoadFileComponent, typeof SpreadsheetSaveFileDirective, typeof SpreadsheetFormatDirective, typeof SpreadsheetUndoDirective, typeof SpreadsheetRedoDirective, typeof SpreadsheetFontFamilyComponent, typeof SpreadsheetFontSizeComponent, typeof SpreadsheetBackColorComponent, typeof SpreadsheetForeColorComponent, typeof SpreadsheetGridLinesDirective, typeof SpreadsheetAddColumnLeftButtonDirective, typeof SpreadsheetAddColumnRightButtonDirective, typeof SpreadsheetAddRowAboveButtonDirective, typeof SpreadsheetAddRowBelowButtonDirective, typeof SpreadsheetDeleteColumnButtonDirective, typeof SpreadsheetDeleteRowButtonDirective, typeof SpreadsheetTextAlignDirective, typeof SpreadsheetTextWrapDirective, typeof SpreadsheetMergeDirective, typeof SpreadsheetInsertLinkDirective, typeof SpreadsheetIncreaseFontSizeDirective, typeof SpreadsheetDecreaseFontSizeDirective, typeof SpreadsheetIncreaseDecimalDirective, typeof SpreadsheetDecreaseDecimalDirective, typeof SpreadsheetHorizontalTextAlignDirective, typeof SpreadsheetVerticalTextAlignDirective];
+export declare const KENDO_SPREADSHEET: readonly [typeof SpreadsheetComponent, typeof CustomMessagesComponent, typeof SpreadsheetBoldDirective, typeof SpreadsheetDataValidationDirective, typeof SpreadsheetItalicDirective, typeof SpreadsheetUnderlineDirective, typeof SpreadsheetLoadFileComponent, typeof SpreadsheetSaveFileDirective, typeof SpreadsheetFormatDirective, typeof SpreadsheetUndoDirective, typeof SpreadsheetRedoDirective, typeof SpreadsheetFontFamilyComponent, typeof SpreadsheetFontSizeComponent, typeof SpreadsheetBackColorComponent, typeof SpreadsheetForeColorComponent, typeof SpreadsheetGridLinesDirective, typeof SpreadsheetAddColumnLeftButtonDirective, typeof SpreadsheetAddColumnRightButtonDirective, typeof SpreadsheetAddRowAboveButtonDirective, typeof SpreadsheetAddRowBelowButtonDirective, typeof SpreadsheetDeleteColumnButtonDirective, typeof SpreadsheetDeleteRowButtonDirective, typeof SpreadsheetTextAlignDirective, typeof SpreadsheetTextWrapDirective, typeof SpreadsheetMergeDirective, typeof SpreadsheetInsertLinkDirective, typeof SpreadsheetIncreaseFontSizeDirective, typeof SpreadsheetDecreaseFontSizeDirective, typeof SpreadsheetIncreaseDecimalDirective, typeof SpreadsheetDecreaseDecimalDirective, typeof SpreadsheetHorizontalTextAlignDirective, typeof SpreadsheetVerticalTextAlignDirective, typeof SpreadsheetFilterDirective, typeof SpreadsheetSortDirective];

package/esm2022/common/error-handling.service.mjs

@@ -77,6 +77,7 @@ export class ErrorHandlingService {
             actionsLayout: 'start'
         };
         const dialog = this.dialogService.open(dialogSettings);
+        this.spreadsheetService.spreadsheetComponent.closePopup();
         const dialogInstance = dialog.dialog?.instance;
         dialogInstance.action.pipe(take(1)).subscribe((event) => {
             if (event.text === this.messageFor('dialogOk')) {

package/esm2022/common/spreadsheet.service.mjs

@@ -11,10 +11,12 @@ let spreadsheetCounter = 0;
  */
 export class SpreadsheetService {
     spreadsheet;
+    spreadsheetComponent;
     sheetsChanged = new Subject();
     onSheetsBarFocus = new Subject();
     activeSheetChanged = new Subject();
     selectionChanged = new Subject();
+    componentInitialized = new Subject();
     dialogContainer;
     constructor() {
         spreadsheetCounter++;

package/esm2022/directives.mjs

@@ -34,6 +34,8 @@ import { SpreadsheetDecreaseDecimalDirective } from './tools/decrease-decimal-to
 import { SpreadsheetHorizontalTextAlignDirective } from './tools/align/horizontal-align-tool.directive';
 import { SpreadsheetVerticalTextAlignDirective } from './tools/align/vertical-align-tool.directive';
 import { SpreadsheetDataValidationDirective } from './tools/data-validation-tool.directive';
+import { SpreadsheetFilterDirective } from './tools/filter-sort/filter-tool.directive';
+import { SpreadsheetSortDirective } from './tools/filter-sort/sort-tool.directive';
 /**
 * Use this utility array to access all `@progress/kendo-angular-spreadsheet`-related components and directives in a standalone Angular component.
 *
@@ -86,5 +88,7 @@ export const KENDO_SPREADSHEET = [
     SpreadsheetIncreaseDecimalDirective,
     SpreadsheetDecreaseDecimalDirective,
     SpreadsheetHorizontalTextAlignDirective,
-    SpreadsheetVerticalTextAlignDirective
+    SpreadsheetVerticalTextAlignDirective,
+    SpreadsheetFilterDirective,
+    SpreadsheetSortDirective
 ];

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

@@ -0,0 +1,26 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 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";
+/**
+ * @hidden
+ */
+export class FilterMenuItemContentTemplateDirective {
+    templateRef;
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterMenuItemContentTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: FilterMenuItemContentTemplateDirective, isStandalone: true, selector: "[kendoSpreadsheetFilterMenuItemContentTemplate]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FilterMenuItemContentTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoSpreadsheetFilterMenuItemContentTemplate]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }] });

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

@@ -0,0 +1,271 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, ContentChild, Input, Output, EventEmitter, NgZone, ElementRef, HostBinding } from '@angular/core';
+import { trigger, transition, style, animate, state } from '@angular/animations';
+import { chevronDownIcon, chevronUpIcon } from '@progress/kendo-svg-icons';
+import { IconWrapperComponent } from '@progress/kendo-angular-icons';
+import { FilterMenuItemContentTemplateDirective } from './filter-menu-item-content-template.directive';
+import { NgTemplateOutlet, NgClass } from '@angular/common';
+import { guid } from '@progress/kendo-angular-common';
+import { take } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+/**
+ * Represents an item that you can place inside the Spreadsheet filter menu.
+ *
+ * @hidden
+ */
+export class SpreadsheetFilterMenuItemComponent {
+    ngZone;
+    element;
+    contentTemplate;
+    hostClass = true;
+    /**
+     * Specifies the item text.
+     */
+    text;
+    /**
+     * Specifies the items.
+     */
+    innerMenuItems;
+    /**
+     * Specifies the item icon.
+     */
+    icon;
+    /**
+     * Specifies the item icon.
+     */
+    expanderClass;
+    /**
+     * Specifies the item icon.
+     */
+    expandable = false;
+    /**
+     * Specifies the item svgIcon.
+     */
+    svgIcon;
+    /**
+     * Specifies if the item is expanded.
+     */
+    set expanded(value) {
+        this._expanded = value;
+        this.updateContentState();
+    }
+    get expanded() {
+        return this._expanded;
+    }
+    /**
+     * Fires when the item is clicked.
+     */
+    itemClick = new EventEmitter();
+    /**
+     * Fires when the content expands.
+     */
+    expand = new EventEmitter();
+    /**
+     * Fires when the content collapses.
+     */
+    collapse = new EventEmitter();
+    constructor(ngZone, element) {
+        this.ngZone = ngZone;
+        this.element = element;
+    }
+    ngAfterViewInit() {
+        this.ngZone.onStable.pipe(take(1)).subscribe(() => {
+            this.contentTemplate && (this.contentId = `k-${guid()}`);
+        });
+    }
+    /**
+     * @hidden
+     */
+    get expandedIcon() {
+        return this.expanded ? 'arrow-chevron-up' : 'arrow-chevron-down';
+    }
+    /**
+     * @hidden
+     */
+    get expandedSvgIcon() {
+        return this.expanded ? this.chevronUpIcon : this.chevronDownIcon;
+    }
+    contentState = 'collapsed';
+    contentId;
+    chevronUpIcon = chevronUpIcon;
+    chevronDownIcon = chevronDownIcon;
+    _expanded = false;
+    /**
+     * @hidden
+     */
+    onClick(e, item) {
+        this.itemClick.emit(item);
+        e.preventDefault();
+        e.stopImmediatePropagation();
+        if (this.contentTemplate) {
+            if (this.expanded) {
+                this.collapse.emit();
+            }
+            else {
+                this.expand.emit();
+            }
+        }
+    }
+    updateContentState() {
+        this.contentState = this.expanded ? 'expanded' : 'collapsed';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetFilterMenuItemComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SpreadsheetFilterMenuItemComponent, isStandalone: true, selector: "kendo-spreadsheet-filtermenu-item", inputs: { text: "text", innerMenuItems: "innerMenuItems", icon: "icon", expanderClass: "expanderClass", expandable: "expandable", svgIcon: "svgIcon", expanded: "expanded" }, outputs: { itemClick: "itemClick", expand: "expand", collapse: "collapse" }, host: { properties: { "class.k-columnmenu-item-wrapper": "this.hostClass" } }, queries: [{ propertyName: "contentTemplate", first: true, predicate: FilterMenuItemContentTemplateDirective, descendants: true }], ngImport: i0, template: `
+        @if (expandable) {
+            <div class="k-expander" [ngClass]="expanderClass">
+                <ng-container [ngTemplateOutlet]="itemsTemplate"></ng-container>
+            </div>
+        } @else {
+            <ng-container [ngTemplateOutlet]="itemsTemplate"></ng-container>
+        }
+
+        <ng-template #itemsTemplate>
+            @for (item of innerMenuItems; track item) {
+                <div class="k-columnmenu-item" (click)="onClick($event, item)">
+                    @if (item.icon || item.svgIcon) {
+                        <kendo-icon-wrapper
+                            [name]="item.icon"
+                            [svgIcon]="item.svgIcon">
+                        </kendo-icon-wrapper>
+                    }
+                    {{item.text}}
+                    @if (expandable) {
+                        <span class="k-spacer"></span>
+                        <span class="k-expander-indicator">
+                            <kendo-icon-wrapper
+                                [name]="expandedIcon"
+                                [svgIcon]="expandedSvgIcon">
+                            </kendo-icon-wrapper>
+                        </span>
+                    }
+                </div>
+            }
+        </ng-template>
+
+        @if (contentTemplate) {
+            <div class="k-columnmenu-item-content" [attr.id]="contentId" [@state]="contentState" [style.overflow]="'hidden'">
+                <ng-template [ngTemplateOutlet]="contentTemplate.templateRef"></ng-template>
+            </div>
+        }
+    `, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [
+            trigger('state', [
+                state('collapsed', style({ display: 'none' })),
+                state('expanded', style({ display: 'block' })),
+                transition('collapsed => expanded', [
+                    style({
+                        height: '0px',
+                        display: 'block'
+                    }),
+                    animate('100ms ease-in', style({
+                        height: '*'
+                    }))
+                ]),
+                transition('expanded => collapsed', [
+                    style({
+                        height: '*'
+                    }),
+                    animate('100ms ease-in', style({
+                        height: '0px'
+                    }))
+                ])
+            ])
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetFilterMenuItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-spreadsheet-filtermenu-item',
+                    template: `
+        @if (expandable) {
+            <div class="k-expander" [ngClass]="expanderClass">
+                <ng-container [ngTemplateOutlet]="itemsTemplate"></ng-container>
+            </div>
+        } @else {
+            <ng-container [ngTemplateOutlet]="itemsTemplate"></ng-container>
+        }
+
+        <ng-template #itemsTemplate>
+            @for (item of innerMenuItems; track item) {
+                <div class="k-columnmenu-item" (click)="onClick($event, item)">
+                    @if (item.icon || item.svgIcon) {
+                        <kendo-icon-wrapper
+                            [name]="item.icon"
+                            [svgIcon]="item.svgIcon">
+                        </kendo-icon-wrapper>
+                    }
+                    {{item.text}}
+                    @if (expandable) {
+                        <span class="k-spacer"></span>
+                        <span class="k-expander-indicator">
+                            <kendo-icon-wrapper
+                                [name]="expandedIcon"
+                                [svgIcon]="expandedSvgIcon">
+                            </kendo-icon-wrapper>
+                        </span>
+                    }
+                </div>
+            }
+        </ng-template>
+
+        @if (contentTemplate) {
+            <div class="k-columnmenu-item-content" [attr.id]="contentId" [@state]="contentState" [style.overflow]="'hidden'">
+                <ng-template [ngTemplateOutlet]="contentTemplate.templateRef"></ng-template>
+            </div>
+        }
+    `,
+                    standalone: true,
+                    imports: [IconWrapperComponent, NgTemplateOutlet, NgClass],
+                    animations: [
+                        trigger('state', [
+                            state('collapsed', style({ display: 'none' })),
+                            state('expanded', style({ display: 'block' })),
+                            transition('collapsed => expanded', [
+                                style({
+                                    height: '0px',
+                                    display: 'block'
+                                }),
+                                animate('100ms ease-in', style({
+                                    height: '*'
+                                }))
+                            ]),
+                            transition('expanded => collapsed', [
+                                style({
+                                    height: '*'
+                                }),
+                                animate('100ms ease-in', style({
+                                    height: '0px'
+                                }))
+                            ])
+                        ])
+                    ]
+                }]
+        }], ctorParameters: () => [{ type: i0.NgZone }, { type: i0.ElementRef }], propDecorators: { contentTemplate: [{
+                type: ContentChild,
+                args: [FilterMenuItemContentTemplateDirective]
+            }], hostClass: [{
+                type: HostBinding,
+                args: ['class.k-columnmenu-item-wrapper']
+            }], text: [{
+                type: Input
+            }], innerMenuItems: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], expanderClass: [{
+                type: Input
+            }], expandable: [{
+                type: Input
+            }], svgIcon: [{
+                type: Input
+            }], expanded: [{
+                type: Input
+            }], itemClick: [{
+                type: Output
+            }], expand: [{
+                type: Output
+            }], collapse: [{
+                type: Output
+            }] } });

package/esm2022/localization/messages.mjs

@@ -464,8 +464,124 @@ export class MessagesDirective extends ComponentMessages {
      * internally with the current value, and the resulting label will be rendered as **A1% is invalid**.
      */
     invalidNameError;
+    /**
+     * The content of the dialog that warns about sorting range containing cells of mixed shapes.
+     */
+    cantSortMixedCells;
+    /**
+     * The text of the **Apply** button in the filter menu.
+     */
+    filterApply;
+    /**
+     * The text of the **Clear** button in the filter menu.
+     */
+    filterClear;
+    /**
+     * The text of the **All** grouping item in the filter menu.
+     */
+    filterMenuAll;
+    /**
+     * The text for the blank (empty) values.
+     */
+    blankValues;
+    /**
+     * The text of the **contains** filter operator.
+     */
+    filterContainsOperator;
+    /**
+     * The text of the **does not contain** filter operator.
+     */
+    filterNotContainsOperator;
+    /**
+     * The text of the **starts with** filter operator.
+     */
+    filterStartsWithOperator;
+    /**
+     * The text of the **ends with** filter operator.
+     */
+    filterEndsWithOperator;
+    /**
+     * The text of the **matches** filter operator.
+     */
+    filterMatchesOperator;
+    /**
+     * The text of the **does not match** filter operator.
+     */
+    filterNotMatchesOperator;
+    /**
+     * The text of the **Date is** filter operator.
+     */
+    filterDateEqOperator;
+    /**
+     * The text of the **Date is not** filter operator.
+     */
+    filterDateNotEqOperator;
+    /**
+     * The text of the **Date is before** filter operator.
+     */
+    filterBeforeOperator;
+    /**
+     * The text of the **Date is after** filter operator.
+     */
+    filterAfterOperator;
+    /**
+     * Sets the text for the **Equal (Is equal to)** filter operator.
+     */
+    filterEqOperator;
+    /**
+     * Sets the text for the **Not equal (Is not equal to)** filter operator.
+     */
+    filterNotEqOperator;
+    /**
+     * The text of the greater than or equal filter operator.
+     */
+    filterGteOperator;
+    /**
+     * The text of the **greater than** filter operator.
+     */
+    filterGtOperator;
+    /**
+     * The text of the **less than or equal** filter operator.
+     */
+    filterLteOperator;
+    /**
+     * The text of the **less than** filter operator.
+     */
+    filterLtOperator;
+    /**
+     * The text of the **none** filter operator.
+     */
+    filterNoneOperator;
+    /**
+     * The text of the **Filter by condition** menu item.
+     */
+    filterMenuConditionItem;
+    /**
+     * The text of the **Filter by value** menu item.
+     */
+    filterMenuValueItem;
+    /**
+     * The title of the Sort ToolBar tool.
+     */
+    sort;
+    /**
+     * The text of the **Sort range A to Z** option.
+     */
+    sortAsc;
+    /**
+     * The text of the **Sort range Z to A** option.
+     */
+    sortDesc;
+    /**
+     * The text of the **Unsort** option.
+     */
+    unsort;
+    /**
+     * The content of the dialog that warns about sorting incorrect (empty) range.
+     */
+    cantSortNullRef;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MessagesDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: MessagesDirective, isStandalone: true, selector: "[kendoSpreadsheetMessages]", inputs: { home: "home", file: "file", insert: "insert", formatTab: "formatTab", dataTab: "dataTab", saveFile: "saveFile", loadFile: "loadFile", bold: "bold", dataValidation: "dataValidation", validationCellRange: "validationCellRange", validationCriteria: "validationCriteria", validationComparer: "validationComparer", validationMinValue: "validationMinValue", validationMaxValue: "validationMaxValue", validationStartValue: "validationStartValue", validationEndValue: "validationEndValue", validationValue: "validationValue", validationShowListButtonCheckbox: "validationShowListButtonCheckbox", validationShowDateButtonCheckbox: "validationShowDateButtonCheckbox", validationIgnoreBlankCheckbox: "validationIgnoreBlankCheckbox", validationOnInvalidData: "validationOnInvalidData", validationRejectInput: "validationRejectInput", validationShowWarning: "validationShowWarning", validationShowHint: "validationShowHint", anyValueValidationCriteria: "anyValueValidationCriteria", numberValidationCriteria: "numberValidationCriteria", textValidationCriteria: "textValidationCriteria", dateValidationCriteria: "dateValidationCriteria", customFormulaValidationCriteria: "customFormulaValidationCriteria", listValidationCriteria: "listValidationCriteria", greaterThanValidationComparer: "greaterThanValidationComparer", lessThanValidationComparer: "lessThanValidationComparer", betweenValidationComparer: "betweenValidationComparer", notBetweenValidationComparer: "notBetweenValidationComparer", equalToValidationComparer: "equalToValidationComparer", notEqualToValidationComparer: "notEqualToValidationComparer", greaterThanOrEqualToValidationComparer: "greaterThanOrEqualToValidationComparer", lessThanOrEqualToValidationComparer: "lessThanOrEqualToValidationComparer", validationHintMessage: "validationHintMessage", validationHintTitle: "validationHintTitle", italic: "italic", underline: "underline", format: "format", fontFamily: "fontFamily", fontSize: "fontSize", undo: "undo", redo: "redo", background: "background", color: "color", gridLines: "gridLines", addColumnLeft: "addColumnLeft", addColumnRight: "addColumnRight", addRowBelow: "addRowBelow", addRowAbove: "addRowAbove", deleteColumn: "deleteColumn", deleteRow: "deleteRow", wrap: "wrap", align: "align", alignHorizontal: "alignHorizontal", alignVertical: "alignVertical", alignLeft: "alignLeft", alignCenter: "alignCenter", alignRight: "alignRight", alignJustify: "alignJustify", alignTop: "alignTop", alignMiddle: "alignMiddle", alignBottom: "alignBottom", dialogApply: "dialogApply", dialogCancel: "dialogCancel", dialogDelete: "dialogDelete", dialogRename: "dialogRename", dialogInsert: "dialogInsert", dialogRemove: "dialogRemove", dialogRemoveLink: "dialogRemoveLink", delete: "delete", rename: "rename", nameBox: "nameBox", formulaInput: "formulaInput", addSheet: "addSheet", sheetsMenu: "sheetsMenu", view: "view", merge: "merge", mergeHorizontally: "mergeHorizontally", mergeVertically: "mergeVertically", mergeAll: "mergeAll", unmerge: "unmerge", insertLink: "insertLink", increaseDecimal: "increaseDecimal", decreaseDecimal: "decreaseDecimal", increaseFontSize: "increaseFontSize", decreaseFontSize: "decreaseFontSize", openUnsupported: "openUnsupported", modifyMerged: "modifyMerged", cannotModifyDisabled: "cannotModifyDisabled", dialogOk: "dialogOk", dialogError: "dialogError", duplicateSheetName: "duplicateSheetName", copy: "copy", cut: "cut", paste: "paste", hideRow: "hideRow", unhideRow: "unhideRow", hideColumn: "hideColumn", unhideColumn: "unhideColumn", sheetDelete: "sheetDelete", sheetRename: "sheetRename", sheetHide: "sheetHide", sheetDuplicate: "sheetDuplicate", sheetMoveLeft: "sheetMoveLeft", sheetMoveRight: "sheetMoveRight", invalidNameError: "invalidNameError" }, usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: MessagesDirective, isStandalone: true, selector: "[kendoSpreadsheetMessages]", inputs: { home: "home", file: "file", insert: "insert", formatTab: "formatTab", dataTab: "dataTab", saveFile: "saveFile", loadFile: "loadFile", bold: "bold", dataValidation: "dataValidation", validationCellRange: "validationCellRange", validationCriteria: "validationCriteria", validationComparer: "validationComparer", validationMinValue: "validationMinValue", validationMaxValue: "validationMaxValue", validationStartValue: "validationStartValue", validationEndValue: "validationEndValue", validationValue: "validationValue", validationShowListButtonCheckbox: "validationShowListButtonCheckbox", validationShowDateButtonCheckbox: "validationShowDateButtonCheckbox", validationIgnoreBlankCheckbox: "validationIgnoreBlankCheckbox", validationOnInvalidData: "validationOnInvalidData", validationRejectInput: "validationRejectInput", validationShowWarning: "validationShowWarning", validationShowHint: "validationShowHint", anyValueValidationCriteria: "anyValueValidationCriteria", numberValidationCriteria: "numberValidationCriteria", textValidationCriteria: "textValidationCriteria", dateValidationCriteria: "dateValidationCriteria", customFormulaValidationCriteria: "customFormulaValidationCriteria", listValidationCriteria: "listValidationCriteria", greaterThanValidationComparer: "greaterThanValidationComparer", lessThanValidationComparer: "lessThanValidationComparer", betweenValidationComparer: "betweenValidationComparer", notBetweenValidationComparer: "notBetweenValidationComparer", equalToValidationComparer: "equalToValidationComparer", notEqualToValidationComparer: "notEqualToValidationComparer", greaterThanOrEqualToValidationComparer: "greaterThanOrEqualToValidationComparer", lessThanOrEqualToValidationComparer: "lessThanOrEqualToValidationComparer", validationHintMessage: "validationHintMessage", validationHintTitle: "validationHintTitle", italic: "italic", underline: "underline", format: "format", fontFamily: "fontFamily", fontSize: "fontSize", undo: "undo", redo: "redo", background: "background", color: "color", gridLines: "gridLines", addColumnLeft: "addColumnLeft", addColumnRight: "addColumnRight", addRowBelow: "addRowBelow", addRowAbove: "addRowAbove", deleteColumn: "deleteColumn", deleteRow: "deleteRow", wrap: "wrap", align: "align", alignHorizontal: "alignHorizontal", alignVertical: "alignVertical", alignLeft: "alignLeft", alignCenter: "alignCenter", alignRight: "alignRight", alignJustify: "alignJustify", alignTop: "alignTop", alignMiddle: "alignMiddle", alignBottom: "alignBottom", dialogApply: "dialogApply", dialogCancel: "dialogCancel", dialogDelete: "dialogDelete", dialogRename: "dialogRename", dialogInsert: "dialogInsert", dialogRemove: "dialogRemove", dialogRemoveLink: "dialogRemoveLink", delete: "delete", rename: "rename", nameBox: "nameBox", formulaInput: "formulaInput", addSheet: "addSheet", sheetsMenu: "sheetsMenu", view: "view", merge: "merge", mergeHorizontally: "mergeHorizontally", mergeVertically: "mergeVertically", mergeAll: "mergeAll", unmerge: "unmerge", insertLink: "insertLink", increaseDecimal: "increaseDecimal", decreaseDecimal: "decreaseDecimal", increaseFontSize: "increaseFontSize", decreaseFontSize: "decreaseFontSize", openUnsupported: "openUnsupported", modifyMerged: "modifyMerged", cannotModifyDisabled: "cannotModifyDisabled", dialogOk: "dialogOk", dialogError: "dialogError", duplicateSheetName: "duplicateSheetName", copy: "copy", cut: "cut", paste: "paste", hideRow: "hideRow", unhideRow: "unhideRow", hideColumn: "hideColumn", unhideColumn: "unhideColumn", sheetDelete: "sheetDelete", sheetRename: "sheetRename", sheetHide: "sheetHide", sheetDuplicate: "sheetDuplicate", sheetMoveLeft: "sheetMoveLeft", sheetMoveRight: "sheetMoveRight", invalidNameError: "invalidNameError", cantSortMixedCells: "cantSortMixedCells", filterApply: "filterApply", filterClear: "filterClear", filterMenuAll: "filterMenuAll", blankValues: "blankValues", filterContainsOperator: "filterContainsOperator", filterNotContainsOperator: "filterNotContainsOperator", filterStartsWithOperator: "filterStartsWithOperator", filterEndsWithOperator: "filterEndsWithOperator", filterMatchesOperator: "filterMatchesOperator", filterNotMatchesOperator: "filterNotMatchesOperator", filterDateEqOperator: "filterDateEqOperator", filterDateNotEqOperator: "filterDateNotEqOperator", filterBeforeOperator: "filterBeforeOperator", filterAfterOperator: "filterAfterOperator", filterEqOperator: "filterEqOperator", filterNotEqOperator: "filterNotEqOperator", filterGteOperator: "filterGteOperator", filterGtOperator: "filterGtOperator", filterLteOperator: "filterLteOperator", filterLtOperator: "filterLtOperator", filterNoneOperator: "filterNoneOperator", filterMenuConditionItem: "filterMenuConditionItem", filterMenuValueItem: "filterMenuValueItem", sort: "sort", sortAsc: "sortAsc", sortDesc: "sortDesc", unsort: "unsort", cantSortNullRef: "cantSortNullRef" }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MessagesDirective, decorators: [{
             type: Directive,
@@ -695,4 +811,62 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }], invalidNameError: [{
                 type: Input
+            }], cantSortMixedCells: [{
+                type: Input
+            }], filterApply: [{
+                type: Input
+            }], filterClear: [{
+                type: Input
+            }], filterMenuAll: [{
+                type: Input
+            }], blankValues: [{
+                type: Input
+            }], filterContainsOperator: [{
+                type: Input
+            }], filterNotContainsOperator: [{
+                type: Input
+            }], filterStartsWithOperator: [{
+                type: Input
+            }], filterEndsWithOperator: [{
+                type: Input
+            }], filterMatchesOperator: [{
+                type: Input
+            }], filterNotMatchesOperator: [{
+                type: Input
+            }], filterDateEqOperator: [{
+                type: Input
+            }], filterDateNotEqOperator: [{
+                type: Input
+            }], filterBeforeOperator: [{
+                type: Input
+            }], filterAfterOperator: [{
+                type: Input
+            }], filterEqOperator: [{
+                type: Input
+            }], filterNotEqOperator: [{
+                type: Input
+            }], filterGteOperator: [{
+                type: Input
+            }], filterGtOperator: [{
+                type: Input
+            }], filterLteOperator: [{
+                type: Input
+            }], filterLtOperator: [{
+                type: Input
+            }], filterNoneOperator: [{
+                type: Input
+            }], filterMenuConditionItem: [{
+                type: Input
+            }], filterMenuValueItem: [{
+                type: Input
+            }], sort: [{
+                type: Input
+            }], sortAsc: [{
+                type: Input
+            }], sortDesc: [{
+                type: Input
+            }], unsort: [{
+                type: Input
+            }], cantSortNullRef: [{
+                type: Input
             }] } });

package/esm2022/models/filter-menu-item.mjs

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

package/esm2022/models/index.mjs

@@ -7,3 +7,5 @@ export * from './main-menu-item';
 export * from './events';
 export * from './cell-editor-options';
 export * from './cell-editor-action-args';
+export * from './filter-menu-item';
+export * from './range-filter-value';

package/esm2022/models/range-filter-value.mjs

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

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1765533088,
-    version: '21.3.1-develop.1',
+    publishDate: 1766140362,
+    version: '21.4.0-develop.10',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning',
 };