@progress/kendo-angular-spreadsheet 21.4.0-develop.2 → 21.4.0-develop.4

package/fesm2022/progress-kendo-angular-spreadsheet.mjs

@@ -3,37 +3,41 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, Output, Inject, Optional, Component, Input, Directive, HostBinding, ElementRef, ViewChild, ViewChildren, HostListener, InjectionToken, forwardRef, ViewContainerRef, NgModule } from '@angular/core';
+import { Injectable, EventEmitter, Output, Inject, Optional, Component, Input, Directive, HostBinding, ElementRef, ViewChild, ViewChildren, HostListener, InjectionToken, forwardRef, ContentChild, ViewContainerRef, NgModule } from '@angular/core';
 import { Subject, Subscription } from 'rxjs';
 import { take, map } from 'rxjs/operators';
 import { validatePackage } from '@progress/kendo-licensing';
-import { SpreadsheetWidget, registerEditor, Matrix, dateToSerial, validation, calc, serialToDate } from '@progress/kendo-spreadsheet-common';
+import { SpreadsheetWidget, registerEditor, Matrix, dateToSerial, validation, calc, serialToDate, formatting } from '@progress/kendo-spreadsheet-common';
 export { CellRef, Context, Deferred, Matrix, Range, RangeRef, Ref, Sheet, SpreadsheetWidget, View, Workbook, defineFunction } from '@progress/kendo-spreadsheet-common';
 import * as i1$4 from '@progress/kendo-angular-intl';
 import { localeData } from '@progress/kendo-angular-intl';
-import { formulaFxIcon, trashIcon, copyIcon, pencilIcon, eyeSlashIcon, arrowRightIcon, arrowLeftIcon, alignCenterIcon, alignJustifyIcon, alignLeftIcon, alignRightIcon, alignTopIcon, alignMiddleIcon, alignBottomIcon, dropletIcon, boldIcon, foregroundColorIcon, italicIcon, arrowRotateCwIcon, underlineIcon, arrowRotateCcwIcon, textWrapIcon, tableColumnInsertLeftIcon, tableColumnInsertRightIcon, tableRowInsertAboveIcon, tableRowInsertBelowIcon, tableRowDeleteIcon, tableColumnDeleteIcon, bordersNoneIcon, folderOpenIcon, downloadIcon, customFormatIcon, fontSizeIcon, fontFamilyIcon, cellsMergeIcon, cellsMergeHorizontallyIcon, cellsMergeVerticallyIcon, tableUnmergeIcon, linkIcon, fontGrowIcon, fontShrinkIcon, decimalDecreaseIcon, exclamationCircleIcon, decimalIncreaseIcon, cutIcon, clipboardIcon, eyeIcon, plusIcon, menuIcon, caretAltDownIcon, calendarIcon } from '@progress/kendo-svg-icons';
+import { formulaFxIcon, trashIcon, copyIcon, pencilIcon, eyeSlashIcon, arrowRightIcon, arrowLeftIcon, alignCenterIcon, alignJustifyIcon, alignLeftIcon, alignRightIcon, alignTopIcon, alignMiddleIcon, alignBottomIcon, dropletIcon, boldIcon, foregroundColorIcon, italicIcon, arrowRotateCwIcon, underlineIcon, arrowRotateCcwIcon, textWrapIcon, tableColumnInsertLeftIcon, tableColumnInsertRightIcon, tableRowInsertAboveIcon, tableRowInsertBelowIcon, tableRowDeleteIcon, tableColumnDeleteIcon, bordersNoneIcon, folderOpenIcon, downloadIcon, customFormatIcon, fontSizeIcon, fontFamilyIcon, cellsMergeIcon, cellsMergeHorizontallyIcon, cellsMergeVerticallyIcon, tableUnmergeIcon, linkIcon, fontGrowIcon, fontShrinkIcon, decimalDecreaseIcon, exclamationCircleIcon, decimalIncreaseIcon, cutIcon, clipboardIcon, eyeIcon, filterIcon, sortAscIcon, sortDescIcon, sortClearIcon, plusIcon, menuIcon, caretAltDownIcon, chevronUpIcon, chevronDownIcon, searchIcon, sortAscSmallIcon, sortDescSmallIcon, calendarIcon } from '@progress/kendo-svg-icons';
 import * as i1 from '@progress/kendo-angular-l10n';
 import { LocalizationService, L10N_PREFIX, RTL, ComponentMessages } from '@progress/kendo-angular-l10n';
 import * as i1$1 from '@progress/kendo-angular-popup';
 import { PopupService } from '@progress/kendo-angular-popup';
 import { MenuComponent, MenuItemComponent, ContextMenuComponent } from '@progress/kendo-angular-menu';
-import { EventsOutsideAngularDirective, replaceMessagePlaceholder, isDocumentAvailable, isPresent, normalizeKeys, Keys, hasObservers, getLicenseMessage, shouldShowValidationUI, WatermarkOverlayComponent, ResizeBatchService } from '@progress/kendo-angular-common';
+import { EventsOutsideAngularDirective, replaceMessagePlaceholder, isDocumentAvailable, isPresent, normalizeKeys, Keys, hasObservers, guid, getLicenseMessage, shouldShowValidationUI, WatermarkOverlayComponent, ResizeBatchService } from '@progress/kendo-angular-common';
 import * as i1$2 from '@progress/kendo-angular-dialog';
 import { DialogContentBase, DialogActionsComponent, DialogContainerService, DialogService, WindowService, WindowContainerService } from '@progress/kendo-angular-dialog';
 import { IconWrapperComponent, IconsService } from '@progress/kendo-angular-icons';
 import * as i1$3 from '@progress/kendo-angular-toolbar';
 import { ToolBarToolComponent, ToolBarComponent, ToolBarButtonComponent, ToolBarButtonGroupComponent, ToolBarSeparatorComponent, ToolBarDropDownButtonComponent } from '@progress/kendo-angular-toolbar';
-import { TextBoxComponent, ColorPickerComponent, CheckBoxComponent, RadioButtonComponent } from '@progress/kendo-angular-inputs';
+import * as i9 from '@progress/kendo-angular-inputs';
+import { TextBoxComponent, ColorPickerComponent, CheckBoxComponent, RadioButtonComponent, InputsModule } from '@progress/kendo-angular-inputs';
 import { LabelComponent } from '@progress/kendo-angular-label';
 import { ButtonComponent, DropDownButtonComponent } from '@progress/kendo-angular-buttons';
 import { TabStripComponent, TabStripTabComponent, TabTemplateDirective } from '@progress/kendo-angular-layout';
 import { ComboBoxComponent, DropDownListComponent, ItemTemplateDirective } from '@progress/kendo-angular-dropdowns';
-import { NgStyle } from '@angular/common';
+import { NgStyle, NgTemplateOutlet, NgClass } from '@angular/common';
 import { saveAs } from '@progress/kendo-file-saver';
 import { Workbook } from '@progress/kendo-ooxml';
 import * as i4 from '@angular/forms';
 import { FormGroup, FormControl, Validators, ReactiveFormsModule } from '@angular/forms';
-import { CalendarComponent as CalendarComponent$1 } from '@progress/kendo-angular-dateinputs';
+import { CalendarComponent as CalendarComponent$1, DatePickerComponent } from '@progress/kendo-angular-dateinputs';
+import { trigger, state, style, transition, animate } from '@angular/animations';
+import * as i8 from '@progress/kendo-angular-treeview';
+import { KENDO_TREEVIEW } from '@progress/kendo-angular-treeview';
 
 /**
  * @hidden
@@ -43,8 +47,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1765550784,
-    version: '21.4.0-develop.2',
+    publishDate: 1766046135,
+    version: '21.4.0-develop.4',
     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',
 };
 
@@ -54,10 +58,12 @@ let spreadsheetCounter = 0;
  */
 class SpreadsheetService {
     spreadsheet;
+    spreadsheetComponent;
     sheetsChanged = new Subject();
     onSheetsBarFocus = new Subject();
     activeSheetChanged = new Subject();
     selectionChanged = new Subject();
+    componentInitialized = new Subject();
     dialogContainer;
     constructor() {
         spreadsheetCounter++;
@@ -559,6 +565,7 @@ 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')) {
@@ -630,7 +637,12 @@ const commandIcons = {
     hideRow: 'eye-slash',
     unhideRow: 'eye',
     hideColumn: 'eye-slash',
-    unhideColumn: 'eye'
+    unhideColumn: 'eye',
+    filter: 'filter',
+    sort: 'sort-asc',
+    sortAsc: 'sort-asc',
+    sortDesc: 'sort-desc',
+    unsort: 'sort-clear'
 };
 /**
  * @hidden
@@ -683,7 +695,12 @@ const commandSVGIcons = {
     hideRow: eyeSlashIcon,
     unhideRow: eyeIcon,
     hideColumn: eyeSlashIcon,
-    unhideColumn: eyeIcon
+    unhideColumn: eyeIcon,
+    filter: filterIcon,
+    sort: sortAscIcon,
+    sortAsc: sortAscIcon,
+    sortDesc: sortDescIcon,
+    unsort: sortClearIcon
 };
 
 /**
@@ -1396,6 +1413,13 @@ const MERGE = [
     { icon: commandIcons.mergeVertically, svgIcon: commandSVGIcons.mergeVertically, textKey: 'Merge vertically', commandName: 'vertically', value: 'vertically', disabled: false, commandId: 'mergeVertically' },
     { icon: commandIcons.unmerge, svgIcon: commandSVGIcons.unmerge, textKey: 'Unmerge', commandName: 'unmerge', value: 'unmerge', disabled: false, commandId: 'unmerge' }
 ];
+/**
+ * @hidden
+ */
+const SORT = [
+    { icon: commandIcons.sortAsc, svgIcon: commandSVGIcons.sortAsc, textKey: 'Sort range A to Z', commandName: 'sortAsc', value: 'asc', disabled: false, commandId: 'sortAsc' },
+    { icon: commandIcons.sortDesc, svgIcon: commandSVGIcons.sortDesc, textKey: 'Sort range Z to A', commandName: 'sortDesc', value: 'desc', disabled: false, commandId: 'sortDesc' }
+];
 /**
  * @hidden
  */
@@ -3845,8 +3869,124 @@ 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,
@@ -4076,6 +4216,64 @@ 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
             }] } });
 
 /**
@@ -4884,6 +5082,389 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Output
             }] } });
 
+/**
+ * @hidden
+ */
+class SpreadsheetFilterDirective extends SpreadsheetCommandButton {
+    cdr;
+    constructor(button, localization, spreadsheetService, toolsService, cdr) {
+        super('filter', button, localization, spreadsheetService, toolsService, {
+            command: 'FilterCommand'
+        });
+        this.cdr = cdr;
+        this.subs.add(spreadsheetService.componentInitialized.subscribe(() => {
+            this.toggleActiveState(button);
+        }));
+        this.subs.add(spreadsheetService.selectionChanged.subscribe((range) => {
+            this.toggleActiveState(button, range);
+        }));
+        this.subs.add(spreadsheetService.activeSheetChanged.subscribe(() => {
+            this.toggleActiveState(button);
+        }));
+    }
+    ngOnDestroy() {
+        this.subs.unsubscribe();
+    }
+    clickHandler() {
+        this.spreadsheetService.spreadsheetComponent.closePopup();
+        const options = {
+            command: 'FilterCommand',
+            options: { property: 'hasFilter' }
+        };
+        this.spreadsheetService.spreadsheet.executeCommand(options);
+    }
+    toggleActiveState(button, range) {
+        const currentSheet = this.spreadsheetService.spreadsheet.activeSheet();
+        const currentRange = isPresent(range) ? range : currentSheet.range(currentSheet.activeCell());
+        let disabled = true;
+        let rangeHasValue = false;
+        currentRange.values().forEach((nestedArr) => {
+            if (nestedArr.some(value => isPresent(value) && value !== '') && !rangeHasValue) {
+                rangeHasValue = true;
+            }
+        });
+        const currentRangeRef = currentRange._ref;
+        const isSingleCell = currentRangeRef?.ref === 'cell' || (currentRangeRef.bottomRight.row === currentRangeRef.topLeft.row && currentRangeRef.bottomRight.col === currentRangeRef.topLeft.col);
+        disabled = currentRangeRef?.height() <= 1 || !rangeHasValue || isSingleCell;
+        if (button.disabled !== disabled) {
+            button.disabled = disabled;
+            this.cdr.detectChanges();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetFilterDirective, deps: [{ token: i1$3.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: SpreadsheetFilterDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoSpreadsheetFilter]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetFilterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-toolbar-button[kendoSpreadsheetFilter]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i1$3.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }, { type: i0.ChangeDetectorRef }] });
+
+/**
+ * @hidden
+ */
+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
+                }] }] });
+
+/**
+ * Represents an item that you can place inside the Spreadsheet filter menu.
+ *
+ * @hidden
+ */
+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
+            }] } });
+
+/**
+ * @hidden
+ */
+class SpreadsheetSortDirective {
+    spreadsheetService;
+    commandName = 'sort';
+    subs = new Subscription();
+    constructor(host, localization, spreadsheetService) {
+        this.spreadsheetService = spreadsheetService;
+        host.svgIcon = commandSVGIcons[this.commandName];
+        host.icon = commandIcons[this.commandName];
+        host.arrowIcon = true;
+        host.fillMode = 'flat';
+        host.data = SORT.map(item => ({ ...item, textKey: localization.get(item.commandId) }));
+        this.subs.add(host.itemClick.subscribe((e) => this.onItemClick(e)));
+        host.title = localization.get(this.commandName);
+        host.textField = 'textKey';
+    }
+    ngOnDestroy() {
+        this.subs.unsubscribe();
+    }
+    onItemClick(item) {
+        if (item.disabled) {
+            return;
+        }
+        const dir = item.value;
+        const options = {
+            value: dir,
+            sheet: false
+        };
+        this.spreadsheetService.spreadsheet.executeCommand({ command: 'SortCommand', options });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetSortDirective, deps: [{ token: i1$3.ToolBarDropDownButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: SpreadsheetSortDirective, isStandalone: true, selector: "[kendoSpreadsheetSort]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetSortDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoSpreadsheetSort]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i1$3.ToolBarDropDownButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }] });
+
 /**
  * Represents the [Kendo UI Spreadsheet component for Angular]({% slug overview_spreadsheet %}).
  *
@@ -4906,11 +5487,13 @@ class SpreadsheetComponent {
     dialogService;
     popupService;
     container;
+    cdr;
     formulaBarInputRef;
     formulaCellInputRef;
     nameBoxRef;
     dialogContainer;
     contextMenu;
+    filterMenuTemplate;
     hostClass = true;
     role = 'application';
     /**
@@ -4974,6 +5557,14 @@ class SpreadsheetComponent {
     get sheetsInfo() {
         return this._sheetsInfo;
     }
+    /**
+     * @hidden
+     */
+    expandedKeys = ['0'];
+    /**
+     * @hidden
+     */
+    checkedKeys = [];
     /**
      * The number of columns in the document.
      *
@@ -5030,38 +5621,46 @@ class SpreadsheetComponent {
      */
     excel;
     /**
-     * Fired when a value in the Spreadsheet is changed. Exposes the `SpreadsheetWidget` instance and the selected `Range` as event data.
+     * Fires when a value in the Spreadsheet is changed. Exposes the `SpreadsheetWidget` instance and the selected `Range` as event data.
      */
     change = new EventEmitter();
     /**
-     * Fired when the selected range format is changed from the UI. Exposes the `SpreadsheetWidget` instance and the selected `Range` as event data.
+     * Fires when the selected range format is changed from the UI. Exposes the `SpreadsheetWidget` instance and the selected `Range` as event data.
      */
     formatChange = new EventEmitter();
     /**
-     * Fired when the selection is changed by the end user. Exposes the `SpreadsheetWidget` instance and the selected `Range` as event data.
+     * Fires when the selection is changed by the end user. Exposes the `SpreadsheetWidget` instance and the selected `Range` as event data.
      */
     selectionChange = new EventEmitter();
     /**
-     * Fired when the end user clicks the Export to Excel toolbar button.
+     * Fires when the end user clicks the Export to Excel toolbar button.
      * The event is preventable and exposes the `Workbook` object, a `preventDefault` method
      * (if invoked, the generated file will not be saved), and the `SpreadsheetWidget` instance.
      */
     excelExport = new EventEmitter();
     /**
-     * Fired when the end user clicks the Open toolbar button.
+     * Fires when the end user clicks the Open toolbar button.
      * The event is preventable and exposes the selected `File` or `Blob`, a `preventDefault` method
      * (if invoked, the selected file will not be loaded), and the `SpreadsheetWidget` instance.
      */
     excelImport = new EventEmitter();
     /**
-     * Fired when the active sheet is about to change.
+     * Fires when the active sheet is about to change.
      * The event exposes the new active `Sheet` and the `SpreadsheetWidget` instance.
      */
     activeSheetChange = new EventEmitter();
+    /**
+     * Fires when a clipboard action (cut, copy, or paste) occurs in the Spreadsheet.
+     */
+    clipboard = new EventEmitter();
     formulaFxIcon = formulaFxIcon;
     folderOpenIcon = folderOpenIcon;
     downloadIcon = downloadIcon;
+    searchIcon = searchIcon;
     selectedMenuItem;
+    rangeFilterValuesList = [];
+    sortAscSmallIcon = sortAscSmallIcon;
+    sortDescSmallIcon = sortDescSmallIcon;
     get spreadsheetWidget() {
         return this.spreadsheetService.spreadsheet;
     }
@@ -5074,13 +5673,31 @@ class SpreadsheetComponent {
      */
     licenseMessage;
     contextMenuItems = [];
+    sortMenuItems = [];
+    conditionExpanded = false;
+    valueExpanded = false;
+    filterConditionsList = {};
+    conditionValue = '';
+    set selectedCondition(value) {
+        if (this._selectedCondition?.type !== value.type) {
+            this.conditionValue = '';
+        }
+        this._selectedCondition = value;
+    }
+    get selectedCondition() {
+        return this._selectedCondition;
+    }
+    _selectedCondition;
     _sheetsInfo;
     _activeSheet;
     _menuItems;
     currentRange;
     subs = new Subscription();
+    filterMenuOpened = false;
+    currentFilterOptions = null;
     popupRef;
-    constructor(ngZone, intl, host, localization, spreadsheetService, toolsService, errorService, dialogService, popupService, container) {
+    popupPositionChangeSub;
+    constructor(ngZone, intl, host, localization, spreadsheetService, toolsService, errorService, dialogService, popupService, container, cdr) {
         this.ngZone = ngZone;
         this.intl = intl;
         this.host = host;
@@ -5091,6 +5708,7 @@ class SpreadsheetComponent {
         this.dialogService = dialogService;
         this.popupService = popupService;
         this.container = container;
+        this.cdr = cdr;
         const isValid = validatePackage(packageMetadata);
         this.licenseMessage = getLicenseMessage(packageMetadata);
         this.showLicenseWatermark = shouldShowValidationUI(isValid);
@@ -5137,25 +5755,36 @@ class SpreadsheetComponent {
                 spreadsheet.view.bind('update', this.updateState);
                 spreadsheet.view.bind('message', this.onMessage);
                 spreadsheet.bind('contextmenu', this.onContextMenu.bind(this));
+                spreadsheet.bind('copy', (e) => { this.onClipboardEvent(e, 'copy'); });
+                spreadsheet.bind('cut', (e) => { this.onClipboardEvent(e, 'cut'); });
+                spreadsheet.bind('paste', (e) => { this.onClipboardEvent(e, 'paste'); });
                 const sheet = spreadsheet.activeSheet();
                 if (sheet) {
                     this.updateState({ range: sheet.range(sheet.activeCell()) });
                 }
                 this.updateActiveSheet(this.activeSheet || spreadsheet?.activeSheet()?.name());
                 this.configureSheets(spreadsheet);
+                this.spreadsheetService.componentInitialized.next();
             });
             this.subs.add(this.spreadsheetService.sheetsChanged.subscribe(this.onSheetsChanged.bind(this)));
             this.subs.add(this.spreadsheetService.activeSheetChanged.subscribe(this.onActiveSheetChanged.bind(this)));
             this.subs.add(this.spreadsheetService.selectionChanged.subscribe(range => {
                 this.currentRange = range;
-                if (this.popupRef) {
-                    this.popupRef.close();
-                    this.popupRef = null;
-                }
+                this.closePopup();
             }));
             this.spreadsheetService.dialogContainer = this.dialogContainer;
         });
         this.registerEditors();
+        this.spreadsheetService.spreadsheetComponent = this;
+        this.sortMenuItems = [{
+                text: this.messageFor('sortAsc'),
+                svgIcon: this.sortAscSmallIcon,
+                icon: 'sort-asc-small'
+            }, {
+                text: this.messageFor('sortDesc'),
+                svgIcon: this.sortDescSmallIcon,
+                icon: 'sort-desc-small'
+            }];
     }
     ngOnChanges(changes) {
         const dynamicOptions = [
@@ -5198,6 +5827,18 @@ class SpreadsheetComponent {
         this.contextMenuItems = this.contextMenuItemsForTarget(targetType, e.showUnhide, e.showUnmerge);
         this.contextMenu.show({ top: e.originalEvent.pageY, left: e.originalEvent.pageX });
     }
+    /**
+     * @hidden
+     */
+    isChecked = (dataItem) => {
+        if (this.containsItem(dataItem)) {
+            return "checked";
+        }
+        if (this.isIndeterminate(dataItem.items)) {
+            return "indeterminate";
+        }
+        return "none";
+    };
     /**
      * @hidden
      */
@@ -5301,11 +5942,116 @@ class SpreadsheetComponent {
             this.selectedMenuItem = this.menuItems.find(item => item.active);
         }
     }
+    /**
+     * @hidden
+     */
+    onToggle(expanded, filterType) {
+        this[`${filterType}Expanded`] = expanded;
+        if (expanded) {
+            const otherFilterType = filterType === 'condition' ? 'value' : 'condition';
+            this[`${otherFilterType}Expanded`] = false;
+        }
+        this.cdr.detectChanges();
+    }
+    /**
+     * @hidden
+     */
+    filterApply(filterType) {
+        if (!this.currentFilterOptions) {
+            return;
+        }
+        let filterData;
+        if (filterType === 'value') {
+            const checkedValues = this.checkedKeys
+                .filter(key => key !== this.messageFor('filterMenuAll'))
+                .map(key => {
+                const item = this.findItemByText(this.rangeFilterValuesList, key);
+                return item ? item.unformattedValue : key;
+            });
+            const hasBlanks = checkedValues.some(v => v === undefined || v === null);
+            const nonBlankValues = checkedValues.filter(v => v !== undefined && v !== null);
+            filterData = {
+                blanks: hasBlanks,
+                values: nonBlankValues.length > 0 ? nonBlankValues : undefined
+            };
+        }
+        else if (this.selectedCondition?.comparer !== 'none' && this.conditionValue !== null && this.conditionValue !== undefined) {
+            filterData = {
+                criteria: [{
+                        operator: this.selectedCondition.comparer,
+                        value: this.conditionValue
+                    }]
+            };
+        }
+        else if (this.selectedCondition?.comparer === 'none') {
+            this.spreadsheetWidget.executeCommand({
+                command: 'ClearFilterCommand',
+                options: { column: this.currentFilterOptions?.column }
+            });
+            this.closePopup();
+            return;
+        }
+        if (filterData) {
+            const commandOptions = {
+                column: this.currentFilterOptions.column,
+                operatingRange: this.currentFilterOptions.range
+            };
+            if (filterType === 'value') {
+                commandOptions.valueFilter = filterData;
+            }
+            else {
+                commandOptions.customFilter = filterData;
+            }
+            this.spreadsheetWidget.executeCommand({
+                command: 'ApplyFilterCommand',
+                options: commandOptions
+            });
+        }
+        this.closePopup();
+    }
+    /**
+     * @hidden
+     */
+    filterClear() {
+        this.spreadsheetWidget.executeCommand({
+            command: 'ClearFilterCommand',
+            options: { column: this.currentFilterOptions?.column }
+        });
+        this.closePopup();
+    }
+    /**
+     * @hidden
+     */
+    onSortItemClick(item) {
+        const dir = item.text === this.messageFor('sortAsc') ? 'asc' : 'desc';
+        const noHeaderRange = this.currentFilterOptions?.range?.resize({ top: 1 });
+        const options = {
+            value: dir,
+            sheet: false,
+            operatingRange: noHeaderRange,
+            column: this.currentFilterOptions?.column
+        };
+        this.spreadsheetWidget.executeCommand({ command: 'SortCommand', options });
+    }
+    /**
+     * @hidden
+     */
+    closePopup() {
+        if (this.popupRef) {
+            this.popupRef.close();
+            this.popupRef = null;
+        }
+        if (this.popupPositionChangeSub) {
+            this.popupPositionChangeSub.unsubscribe();
+            this.popupPositionChangeSub = null;
+        }
+    }
     onChange = (e) => {
         hasObservers(this.change) && this.change.emit(e);
         this.spreadsheetService.selectionChanged.next(e.range);
     };
     onSelectionChange = (e) => {
+        this.closePopup();
         hasObservers(this.selectionChange) && this.selectionChange.emit(e);
         this.spreadsheetService.selectionChanged.next(e.range);
     };
@@ -5341,6 +6087,25 @@ class SpreadsheetComponent {
             this.updateActiveSheet(this.spreadsheetService.activeSheet);
         });
     }
+    onClipboardEvent(event, type) {
+        if (hasObservers(this.clipboard)) {
+            this.ngZone.runOutsideAngular(() => {
+                setTimeout(() => {
+                    const { preventDefault, isDefaultPrevented, clipboardContent, range, sender } = event;
+                    const workbookClipboardContent = clipboardContent || this.spreadsheetWidget.workbook._clipboard._internalContent;
+                    const eventArgs = {
+                        type,
+                        clipboardContent: { data: workbookClipboardContent.data, mergedCells: workbookClipboardContent.mergedCells },
+                        range,
+                        sender,
+                        preventDefault: preventDefault.bind(event),
+                        isDefaultPrevented: isDefaultPrevented.bind(event)
+                    };
+                    this.ngZone.run(() => this.clipboard.emit(eventArgs));
+                });
+            });
+        }
+    }
     get options() {
         return {
             activeSheet: this.activeSheet,
@@ -5366,12 +6131,17 @@ class SpreadsheetComponent {
             formulaCellInputRef: { current: this.formulaCellInputRef.current },
             nameBoxRef: { current: this.nameBoxRef.current },
             getIconHTMLString: (options) => {
+                if (typeof options === 'string' && options === 'k-i-caret-alt-down') {
+                    //the caret-alt-down filter button icon has different config coming from the common package and has to be handled separately
+                    options = { iconName: 'caret-alt-down', svgIcon: caretAltDownIcon };
+                }
                 const iconWrapper = this.container.createComponent(IconWrapperComponent);
                 iconWrapper.instance.name = options.iconName;
                 iconWrapper.instance.svgIcon = options.svgIcon;
                 iconWrapper.changeDetectorRef.detectChanges();
                 return iconWrapper.instance.element.nativeElement;
-            }
+            },
+            createFilterMenu: this.createFilterMenu.bind(this)
         };
     }
     contextMenuItemsForTarget(target, unhide, unmerge) {
@@ -5546,8 +6316,7 @@ class SpreadsheetComponent {
         registerEditor('_validation_list', () => {
             return {
                 edit: (options) => {
-                    this.popupRef?.close();
-                    this.popupRef = null;
+                    this.closePopup();
                     this.popupRef = this.popupService.open({
                         anchor: options.view.element.querySelector('.k-spreadsheet-editor-button'),
                         content: ListEditorComponent,
@@ -5557,16 +6326,14 @@ class SpreadsheetComponent {
                     });
                     const list = this.popupRef.content.instance;
                     list.itemSelect.subscribe((item) => {
-                        this.popupRef.close();
-                        this.popupRef = null;
+                        this.closePopup();
                         const itemValue = item.value;
                         if (isPresent(itemValue)) {
                             options.callback(itemValue);
                         }
                     });
                     list.close.subscribe(() => {
-                        this.popupRef.close();
-                        this.popupRef = null;
+                        this.closePopup();
                     });
                     const items = options.validation.from.value;
                     const data = [];
@@ -5585,8 +6352,7 @@ class SpreadsheetComponent {
         registerEditor('_validation_date', () => {
             return {
                 edit: (options) => {
-                    this.popupRef?.close();
-                    this.popupRef = null;
+                    this.closePopup();
                     this.popupRef = this.popupService.open({
                         anchor: options.view.element.querySelector('.k-spreadsheet-editor-button'),
                         content: CalendarComponent,
@@ -5595,8 +6361,7 @@ class SpreadsheetComponent {
                     });
                     const calendar = this.popupRef.content.instance;
                     calendar.valueChange.subscribe((value) => {
-                        this.popupRef.close();
-                        this.popupRef = null;
+                        this.closePopup();
                         if (!options.range.format()) {
                             options.range.format('yyyy-mm-dd');
                         }
@@ -5695,12 +6460,6 @@ class SpreadsheetComponent {
             });
         });
     }
-    closePopup() {
-        if (this.popupRef) {
-            this.popupRef.close();
-            this.popupRef = null;
-        }
-    }
     isValidFormula(validation) {
         const formula = calc.runtime.Formula;
         return validation instanceof formula && rowAndColPresent(validation.value);
@@ -5708,8 +6467,196 @@ class SpreadsheetComponent {
     createDate(validation, sheet) {
         return new Date(serialToDate(isPresent(sheet) ? sheet.range(validation.value.row, validation.value.col).value() : validation));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetComponent, deps: [{ token: i0.NgZone }, { token: i1$4.IntlService }, { token: i0.ElementRef }, { token: i1.LocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }, { token: ErrorHandlingService }, { token: i1$2.DialogService }, { token: i1$1.PopupService }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SpreadsheetComponent, isStandalone: true, selector: "kendo-spreadsheet", inputs: { menuItems: "menuItems", overflow: "overflow", formulaListMaxHeight: "formulaListMaxHeight", activeSheet: "activeSheet", sheets: "sheets", columns: "columns", columnWidth: "columnWidth", defaultCellStyle: "defaultCellStyle", headerHeight: "headerHeight", headerWidth: "headerWidth", rowHeight: "rowHeight", rows: "rows", cellEditors: "cellEditors", images: "images", excel: "excel" }, outputs: { change: "change", formatChange: "formatChange", selectionChange: "selectionChange", excelExport: "excelExport", excelImport: "excelImport", activeSheetChange: "activeSheetChange" }, host: { properties: { "class.k-spreadsheet": "this.hostClass", "attr.role": "this.role" } }, providers: [
+    createFilterMenu(options) {
+        this.closePopup();
+        this.currentFilterOptions = options;
+        if (this.filterMenuOpened) {
+            this.filterMenuOpened = false;
+            return {
+                bind: () => { },
+                openFor: () => { },
+                close: () => { },
+                destroy: () => { }
+            };
+        }
+        this.ngZone.onStable.pipe(take(1)).subscribe(() => {
+            const childItems = this.extractColumnFilterValues(options.range, options.column);
+            const parentItem = {
+                text: this.messageFor('filterMenuAll'),
+                value: null,
+                checked: childItems.every(i => i.checked),
+                items: childItems
+            };
+            this.rangeFilterValuesList = [parentItem];
+            this.checkedKeys = [parentItem, ...childItems].filter(i => i.checked).map(i => i.text);
+        });
+        this.filterConditionsList = [
+            { type: 'none', comparerType: 'none', comparer: 'none', text: this.messageFor('filterNoneOperator') },
+            { type: 'string', comparerType: 'string_contains', comparer: 'contains', text: this.messageFor('filterContainsOperator') },
+            { type: 'string', comparerType: 'string_doesnotcontain', comparer: 'doesnotcontain', text: this.messageFor('filterNotContainsOperator') },
+            { type: 'string', comparerType: 'string_startswith', comparer: 'startswith', text: this.messageFor('filterStartsWithOperator') },
+            { type: 'string', comparerType: 'string_endswith', comparer: 'endswith', text: this.messageFor('filterEndsWithOperator') },
+            { type: 'string', comparerType: 'string_matches', comparer: 'eq', text: this.messageFor('filterMatchesOperator') },
+            { type: 'string', comparerType: 'string_doesnotmatch', comparer: 'neq', text: this.messageFor('filterNotMatchesOperator') },
+            { type: 'date', comparerType: 'date_eq', comparer: 'eq', text: this.messageFor('filterDateEqOperator') },
+            { type: 'date', comparerType: 'date_neq', comparer: 'neq', text: this.messageFor('filterDateNotEqOperator') },
+            { type: 'date', comparerType: 'date_lt', comparer: 'lt', text: this.messageFor('filterBeforeOperator') },
+            { type: 'date', comparerType: 'date_gt', comparer: 'gt', text: this.messageFor('filterAfterOperator') },
+            { type: 'number', comparerType: 'number_eq', comparer: 'eq', text: this.messageFor('filterEqOperator') },
+            { type: 'number', comparerType: 'number_neq', comparer: 'neq', text: this.messageFor('filterNotEqOperator') },
+            { type: 'number', comparerType: 'number_gte', comparer: 'gte', text: this.messageFor('filterGteOperator') },
+            { type: 'number', comparerType: 'number_gt', comparer: 'gt', text: this.messageFor('filterGtOperator') },
+            { type: 'number', comparerType: 'number_lte', comparer: 'lte', text: this.messageFor('filterLteOperator') },
+            { type: 'number', comparerType: 'number_lt', comparer: 'lt', text: this.messageFor('filterLtOperator') }
+        ];
+        const currentSheetFilter = this.spreadsheetWidget.activeSheet().filter();
+        const columnFilter = currentSheetFilter?.columns?.find((col) => col.index === options.column);
+        if (columnFilter) {
+            const filter = columnFilter.filter.toJSON();
+            if (filter.filter === 'custom') {
+                const valueType = typeof filter.criteria[0].value === 'object' ? 'date' : typeof filter.criteria[0].value;
+                this.selectedCondition = this.filterConditionsList.find(c => (c.comparer === filter?.criteria?.[0]?.operator) && (c.type === valueType));
+                this.conditionValue = filter?.criteria?.[0]?.value;
+            }
+            else {
+                this.checkedKeys = filter.values;
+            }
+        }
+        else {
+            this.selectedCondition = this.filterConditionsList[0];
+        }
+        return {
+            bind: (_eventName, _handler) => { },
+            openFor: (anchor) => {
+                this.popupRef = this.popupService.open({
+                    anchor,
+                    content: this.filterMenuTemplate,
+                    popupAlign: { horizontal: 'left', vertical: 'top' },
+                    anchorAlign: { horizontal: 'left', vertical: 'bottom' },
+                    popupClass: 'k-spreadsheet-filter-menu k-column-menu k-group k-reset'
+                });
+                this.popupPositionChangeSub = this.popupRef.popupPositionChange.subscribe(({ offset }) => {
+                    if (offset.top === 0 && offset.left === 0) {
+                        this.closePopup();
+                        this.filterMenuOpened = false;
+                    }
+                });
+                this.filterMenuOpened = true;
+            },
+            close: () => { this.closePopup(); this.filterMenuOpened = false; },
+            destroy: () => { this.closePopup(); this.filterMenuOpened = false; }
+        };
+    }
+    extractColumnFilterValues(range, column) {
+        const results = [];
+        const sheet = range.sheet();
+        const columnRange = range.column(column).resize({ top: 1 });
+        const blanksMessage = this.localization.get('blankValues');
+        columnRange.forEachCell((rowIndex, _colIndex, cellData) => {
+            const isVisible = !sheet.isHiddenRow(rowIndex);
+            let cellValue = cellData.value;
+            const unformattedValue = cellValue;
+            let displayText;
+            let valueType;
+            if (cellValue === undefined) {
+                valueType = 'blank';
+            }
+            else if (cellData.format) {
+                valueType = formatting.type(cellValue, cellData.format);
+            }
+            else {
+                valueType = typeof cellValue;
+            }
+            if (cellValue !== null && cellData.format) {
+                displayText = formatting.text(cellValue, cellData.format);
+            }
+            else {
+                displayText = valueType === 'blank' ? blanksMessage : cellValue;
+            }
+            if (valueType === 'percent' || valueType === 'currency') {
+                valueType = 'number';
+            }
+            if (valueType === 'date') {
+                cellValue = serialToDate(cellValue);
+            }
+            results.push({
+                dataType: valueType,
+                value: cellValue,
+                text: displayText,
+                checked: isVisible,
+                unformattedValue
+            });
+        });
+        const uniqueValuesSorted = this.removeDuplicateValues(results).sort(this.compareFilterValues);
+        return uniqueValuesSorted;
+    }
+    removeDuplicateValues(values) {
+        const uniqueMap = new Map();
+        for (const item of values) {
+            const key = `${item.dataType}:${item.value}`;
+            if (!uniqueMap.has(key)) {
+                uniqueMap.set(key, item);
+            }
+        }
+        return Array.from(uniqueMap.values());
+    }
+    compareFilterValues(a, b) {
+        if (a.dataType === b.dataType) {
+            switch (a.dataType) {
+                case 'number':
+                    return a.value - b.value;
+                case 'date':
+                    return a.value.getTime() - b.value.getTime();
+                case 'blank':
+                    return 0;
+                default:
+                    return String(a.value).localeCompare(String(b.value));
+            }
+        }
+        if (a.dataType === 'blank')
+            return -1;
+        if (b.dataType === 'blank')
+            return 1;
+        if (a.dataType === 'number')
+            return -1;
+        if (b.dataType === 'number')
+            return 1;
+        if (a.dataType === 'date')
+            return -1;
+        if (b.dataType === 'date')
+            return 1;
+        return 0;
+    }
+    containsItem(item) {
+        return this.checkedKeys.indexOf(item.text) > -1;
+    }
+    findItemByText(items, text) {
+        for (const item of items) {
+            if (item.text === text) {
+                return item;
+            }
+            if (item.items && item.items.length > 0) {
+                const found = this.findItemByText(item.items, text);
+                if (found) {
+                    return found;
+                }
+            }
+        }
+        return null;
+    }
+    isIndeterminate(items = []) {
+        let idx = 0;
+        let item;
+        while ((item = items[idx])) {
+            if (this.isIndeterminate(item.items) || this.containsItem(item)) {
+                return true;
+            }
+            idx += 1;
+        }
+        return false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetComponent, deps: [{ token: i0.NgZone }, { token: i1$4.IntlService }, { token: i0.ElementRef }, { token: i1.LocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }, { token: ErrorHandlingService }, { token: i1$2.DialogService }, { token: i1$1.PopupService }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SpreadsheetComponent, isStandalone: true, selector: "kendo-spreadsheet", inputs: { menuItems: "menuItems", overflow: "overflow", formulaListMaxHeight: "formulaListMaxHeight", activeSheet: "activeSheet", sheets: "sheets", columns: "columns", columnWidth: "columnWidth", defaultCellStyle: "defaultCellStyle", headerHeight: "headerHeight", headerWidth: "headerWidth", rowHeight: "rowHeight", rows: "rows", cellEditors: "cellEditors", images: "images", excel: "excel" }, outputs: { change: "change", formatChange: "formatChange", selectionChange: "selectionChange", excelExport: "excelExport", excelImport: "excelImport", activeSheetChange: "activeSheetChange", clipboard: "clipboard" }, host: { properties: { "class.k-spreadsheet": "this.hostClass", "attr.role": "this.role" } }, providers: [
             SpreadsheetLocalizationService,
             SpreadsheetService,
             {
@@ -5723,7 +6670,7 @@ class SpreadsheetComponent {
             SpreadsheetToolsService,
             PopupService,
             ErrorHandlingService
-        ], viewQueries: [{ propertyName: "formulaBarInputRef", first: true, predicate: ["formulaBar"], descendants: true, read: FormulaInputDirective }, { propertyName: "formulaCellInputRef", first: true, predicate: ["formulaCell"], descendants: true, read: FormulaInputDirective }, { propertyName: "nameBoxRef", first: true, predicate: ["nameBox"], descendants: true }, { propertyName: "dialogContainer", first: true, predicate: ["dialogContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "contextMenu", first: true, predicate: ["contextMenu"], descendants: true }], exportAs: ["kendo-spreadsheet"], usesOnChanges: true, ngImport: i0, template: `
+        ], viewQueries: [{ propertyName: "formulaBarInputRef", first: true, predicate: ["formulaBar"], descendants: true, read: FormulaInputDirective }, { propertyName: "formulaCellInputRef", first: true, predicate: ["formulaCell"], descendants: true, read: FormulaInputDirective }, { propertyName: "nameBoxRef", first: true, predicate: ["nameBox"], descendants: true }, { propertyName: "dialogContainer", first: true, predicate: ["dialogContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "contextMenu", first: true, predicate: ["contextMenu"], descendants: true }, { propertyName: "filterMenuTemplate", first: true, predicate: ["filterMenuTemplate"], descendants: true }], exportAs: ["kendo-spreadsheet"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container
           kendoSpreadsheetLocalizedMessages
           i18n-background="kendo.spreadsheet.background|The title of the tool that changes the text background color."
@@ -5947,7 +6894,65 @@ class SpreadsheetComponent {
           i18n-sheetMoveRight="kendo.spreadsheet.sheetMoveRight|The text of the Sheet menu Move Right option."
           sheetMoveRight="Move Right"
           i18n-invalidNameError="kendo.spreadsheet.invalidNameError|The content of the dialog that warns about invalid name input."
-          invalidNameError="{{ 'Invalid name: {inputValue}' }}">
+          invalidNameError="{{ 'Invalid name: {inputValue}' }}"
+          i18n-cantSortMixedCells="kendo.spreadsheet.cantSortMixedCells|The content of the dialog that warns about sorting range containing cells of mixed shapes."
+          cantSortMixedCells="Cannot sort range containing cells of mixed shapes"
+          i18n-cantSortNullRef="kendo.spreadsheet.cantSortNullRef|The content of the dialog that warns about sorting incorrect (empty) range."
+          cantSortNullRef="Cannot sort empty selection"
+          i18n-filterApply="kendo.spreadsheet.filterApply|The text of the **Apply** button in the filter menu."
+          filterApply="Apply"
+          i18n-filterClear="kendo.spreadsheet.filterClear|The text of the **Clear** button in the filter menu."
+          filterClear="Clear"
+          i18n-filterMenuAll="kendo.spreadsheet.filterMenuAll|The text of the **All** grouping item in the filter menu."
+          filterMenuAll="All"
+          i18n-blankValues="kendo.spreadsheet.blankValues|The text for the blank (empty) values."
+          blankValues="Blank"
+          i18n-filterNoneOperator="kendo.spreadsheet.filterNoneOperator|The text for the **none** filter operator."
+          filterNoneOperator="None"
+          i18n-filterContainsOperator="kendo.spreadsheet.filterContainsOperator|The text of the **contains** filter operator"
+          filterContainsOperator="Text contains"
+          i18n-filterNotContainsOperator="kendo.spreadsheet.filterNotContainsOperator|The text of the **does not contain** filter operator"
+          filterNotContainsOperator="Text does not contain"
+          i18n-filterStartsWithOperator="kendo.spreadsheet.filterStartsWithOperator|The text of the **starts with** filter operator"
+          filterStartsWithOperator="Text starts with"
+          i18n-filterEndsWithOperator="kendo.spreadsheet.filterEndsWithOperator|The text of the **ends with** filter operator"
+          filterEndsWithOperator="Text ends with"
+          i18n-filterMatchesOperator="kendo.spreadsheet.filterMatchesOperator|The text of the **matches** filter operator"
+          filterMatchesOperator="Text matches"
+          i18n-filterNotMatchesOperator="kendo.spreadsheet.filterNotMatchesOperator|The text of the **does not match** filter operator"
+          filterNotMatchesOperator="Text does not match"
+          i18n-filterDateEqOperator="kendo.spreadsheet.filterDateEqOperator|The text of the **Date is** filter operator"
+          filterDateEqOperator="Date is"
+          i18n-filterDateNotEqOperator="kendo.spreadsheet.filterDateNotEqOperator|The text of the **Date is not** filter operator"
+          filterDateNotEqOperator="Date is not"
+          i18n-filterBeforeOperator="kendo.spreadsheet.filterBeforeOperator|The text of the **Date is before** filter operator"
+          filterBeforeOperator="Date is before"
+          i18n-filterAfterOperator="kendo.spreadsheet.filterAfterOperator|The text of the **Date is after** filter operator"
+          filterAfterOperator="Date is after"
+          i18n-filterEqOperator="kendo.spreadsheet.filterEqOperator|Sets the text for the **Equal (Is equal to)** filter operator."
+          filterEqOperator="Is equal to"
+          i18n-filterNotEqOperator="kendo.spreadsheet.filterNotEqOperator|Sets the text for the **Not equal (Is not equal to)** filter operator."
+          filterNotEqOperator="Is not equal to"
+          i18n-filterGteOperator="kendo.spreadsheet.filterGteOperator|The text of the **greater than or equal to** filter operator"
+          filterGteOperator="Is greater than or equal to"
+          i18n-filterGtOperator="kendo.spreadsheet.filterGtOperator|The text of the **greater than** filter operator"
+          filterGtOperator="Is greater than"
+          i18n-filterLteOperator="kendo.spreadsheet.filterLteOperator|The text of the **less than or equal to** filter operator"
+          filterLteOperator="Is less than or equal to"
+          i18n-filterLtOperator="kendo.spreadsheet.filterLtOperator|The text of the **less than** filter operator"
+          filterLtOperator="Is less than"
+          i18n-filterMenuConditionItem="kendo.spreadsheet.filterMenuConditionItem|The text of the **Filter by condition** menu item."
+          filterMenuConditionItem="Filter by condition"
+          i18n-filterMenuValueItem="kendo.spreadsheet.filterMenuValueItem|The text of the **Filter by value** menu item."
+          filterMenuValueItem="Filter by value"
+          i18n-sort="kendo.spreadsheet.sort|The title of the Sort ToolBar tool."
+          sort="Sort"
+          i18n-sortAsc="kendo.spreadsheet.sortAsc|The text of the **Sort range A to Z** option."
+          sortAsc="Sort range A to Z"
+          i18n-sortDesc="kendo.spreadsheet.sortDesc|The text of the **Sort range Z to A** option."
+          sortDesc="Sort range Z to A"
+          i18n-unsort="kendo.spreadsheet.unsort|The text of the **Unsort** option."
+          unsort="Unsort">
         </ng-container>
         <div class="k-spreadsheet-header">
           <kendo-menu kendoSpreadsheetMenu (select)="onMenuItemSelect($event)">
@@ -6042,6 +7047,10 @@ class SpreadsheetComponent {
               class="k-spreadsheet-toolbar"
               [overflow]="overflow">
               <kendo-toolbar-button kendoSpreadsheetDataValidation></kendo-toolbar-button>
+              <kendo-toolbar-separator></kendo-toolbar-separator>
+              <kendo-toolbar-button kendoSpreadsheetFilter></kendo-toolbar-button>
+              <kendo-toolbar-separator></kendo-toolbar-separator>
+              <kendo-toolbar-dropdownbutton kendoSpreadsheetSort></kendo-toolbar-dropdownbutton>
             </kendo-toolbar>
           }
         </div>
@@ -6075,16 +7084,98 @@ class SpreadsheetComponent {
           [sheetDescriptors]="sheets">
         </div>
         <ng-container #dialogContainer></ng-container>
-
-        <kendo-contextmenu
-          #contextMenu
+        
+        <kendo-contextmenu #contextMenu
           [items]="contextMenuItems"
-        (select)="onContextMenuSelect($event)"></kendo-contextmenu>
+          (select)="onContextMenuSelect($event)">
+        </kendo-contextmenu>
 
+        <ng-template #filterMenuTemplate>
+            <kendo-spreadsheet-filtermenu-item
+                [innerMenuItems]="sortMenuItems"
+                (itemClick)="onSortItemClick($event)">
+            </kendo-spreadsheet-filtermenu-item>
+            <kendo-spreadsheet-filtermenu-item
+                [expandable]="true"
+                [expanded]="conditionExpanded"
+                expanderClass="k-spreadsheet-condition-filter"
+                [innerMenuItems]="[{text: messageFor('filterMenuConditionItem')}]"
+                (collapse)="onToggle(false, 'condition')"
+                (expand)="onToggle(true, 'condition')">
+                <ng-template kendoSpreadsheetFilterMenuItemContentTemplate>
+                    <div class="k-details-content">
+                        <kendo-dropdownlist
+                            [data]="filterConditionsList"
+                            textField="text"
+                            valueField="comparerType"
+                            [(value)]="selectedCondition">
+                        </kendo-dropdownlist>
+                        @if (selectedCondition?.type === 'string') {
+                            <kendo-textbox [(value)]="conditionValue"></kendo-textbox>
+                        } @else if (selectedCondition?.type === 'number') {
+                            <kendo-numerictextbox [(value)]="conditionValue"></kendo-numerictextbox>
+                        } @else if (selectedCondition?.type === 'date') {
+                            <kendo-datepicker [(value)]="conditionValue"></kendo-datepicker>
+                        }
+                    </div>
+                    <div class="k-actions k-actions-stretched k-actions-horizontal">
+                        <button
+                            kendoButton
+                            themeColor="primary"
+                            (click)="filterApply('condition')">
+                            {{ messageFor('filterApply') }}
+                        </button>
+                        <button
+                            kendoButton
+                            (click)="filterClear()">
+                            {{ messageFor('filterClear') }}
+                        </button>
+                    </div>
+                </ng-template>
+            </kendo-spreadsheet-filtermenu-item>
+            <kendo-spreadsheet-filtermenu-item
+                [expandable]="true"
+                [expanded]="valueExpanded"
+                [innerMenuItems]="[{text: messageFor('filterMenuValueItem')}]"
+                (collapse)="onToggle(false, 'value')"
+                (expand)="onToggle(true, 'value')">
+                <ng-template kendoSpreadsheetFilterMenuItemContentTemplate>
+                    <div class="k-spreadsheet-value-treeview-wrapper">
+                        <kendo-treeview #treeview
+                            kendoTreeViewHierarchyBinding
+                            childrenField="items"
+                            textField="text"
+                            [nodes]="rangeFilterValuesList"
+                            kendoTreeViewExpandable
+                            [(expandedKeys)]="expandedKeys"
+                            [filterable]="true"
+                            [kendoTreeViewCheckable]="{checkOnClick: true}"
+                            [(checkedKeys)]="checkedKeys"
+                            checkBy="text"
+                            [isChecked]="isChecked">
+                        </kendo-treeview>
+                    </div>
+                    <div class="k-actions k-actions-stretched k-actions-horizontal">
+                        <button
+                            kendoButton
+                            themeColor="primary"
+                            (click)="filterApply('value')">
+                            {{ messageFor('filterApply') }}
+                        </button>
+                        <button
+                            kendoButton
+                            (click)="filterClear()">
+                            {{ messageFor('filterClear') }}
+                        </button>
+                    </div>
+                </ng-template>
+            </kendo-spreadsheet-filtermenu-item>
+        </ng-template>
+        
         @if (showLicenseWatermark) {
           <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
         }
-        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoSpreadsheetLocalizedMessages]" }, { kind: "component", type: MenuComponent, selector: "kendo-menu", inputs: ["appendTo", "menuItemTemplate", "ariaRole", "menuItemLinkTemplate"], outputs: ["select", "open", "close"], exportAs: ["kendoMenu"] }, { kind: "directive", type: MainMenuDirective, selector: "[kendoSpreadsheetMenu]" }, { kind: "component", type: MenuItemComponent, selector: "kendo-menu-item", inputs: ["text", "url", "disabled", "cssClass", "cssStyle", "icon", "svgIcon", "data", "separator"] }, { kind: "component", type: ToolBarComponent, selector: "kendo-toolbar", inputs: ["overflow", "resizable", "popupSettings", "fillMode", "tabindex", "size", "tabIndex", "showIcon", "showText"], outputs: ["open", "close"], exportAs: ["kendoToolBar"] }, { kind: "component", type: SpreadsheetLoadFileComponent, selector: "kendo-spreadsheet-load-file-tool" }, { kind: "component", type: ToolBarButtonComponent, selector: "kendo-toolbar-button", inputs: ["showText", "showIcon", "text", "style", "className", "title", "disabled", "toggleable", "look", "togglable", "selected", "fillMode", "rounded", "themeColor", "icon", "iconClass", "svgIcon", "imageUrl"], outputs: ["click", "pointerdown", "selectedChange"], exportAs: ["kendoToolBarButton"] }, { kind: "directive", type: SpreadsheetSaveFileDirective, selector: "[kendoSpreadsheetSaveFile]" }, { kind: "component", type: ToolBarButtonGroupComponent, selector: "kendo-toolbar-buttongroup", inputs: ["disabled", "fillMode", "selection", "width", "look"], exportAs: ["kendoToolBarButtonGroup"] }, { kind: "directive", type: SpreadsheetUndoDirective, selector: "kendo-toolbar-button[kendoSpreadsheetUndo]" }, { kind: "directive", type: SpreadsheetRedoDirective, selector: "kendo-toolbar-button[kendoSpreadsheetRedo]" }, { kind: "component", type: ToolBarSeparatorComponent, selector: "kendo-toolbar-separator", exportAs: ["kendoToolBarSeparator"] }, { kind: "component", type: SpreadsheetFontFamilyComponent, selector: "kendo-toolbar-dropdownlist[kendoSpreadsheetFontFamily]" }, { kind: "component", type: SpreadsheetFontSizeComponent, selector: "kendo-toolbar-dropdownlist[kendoSpreadsheetFontSize]" }, { kind: "directive", type: SpreadsheetIncreaseFontSizeDirective, selector: "kendo-toolbar-button[kendoSpreadsheetIncreaseFontSize]" }, { kind: "directive", type: SpreadsheetDecreaseFontSizeDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDecreaseFontSize]" }, { kind: "directive", type: SpreadsheetBoldDirective, selector: "kendo-toolbar-button[kendoSpreadsheetBold]" }, { kind: "directive", type: SpreadsheetItalicDirective, selector: "kendo-toolbar-button[kendoSpreadsheetItalic]" }, { kind: "directive", type: SpreadsheetUnderlineDirective, selector: "kendo-toolbar-button[kendoSpreadsheetUnderline]" }, { kind: "component", type: SpreadsheetForeColorComponent, selector: "kendo-spreadsheet-forecolor-tool" }, { kind: "component", type: SpreadsheetBackColorComponent, selector: "kendo-spreadsheet-backcolor-tool" }, { kind: "component", type: ToolBarDropDownButtonComponent, selector: "kendo-toolbar-dropdownbutton", inputs: ["arrowIcon", "title", "showText", "showIcon", "text", "icon", "svgIcon", "iconClass", "imageUrl", "popupSettings", "look", "primary", "fillMode", "themeColor", "buttonClass", "textField", "disabled", "data"], outputs: ["itemClick", "open", "close"], exportAs: ["kendoToolBarDropDownButton"] }, { kind: "directive", type: SpreadsheetHorizontalTextAlignDirective, selector: "[kendoSpreadsheetHorizontalTextAlign]" }, { kind: "directive", type: SpreadsheetVerticalTextAlignDirective, selector: "[kendoSpreadsheetVerticalTextAlign]" }, { kind: "directive", type: SpreadsheetTextWrapDirective, selector: "kendo-toolbar-button[kendoSpreadsheetTextWrap]" }, { kind: "directive", type: SpreadsheetFormatDirective, selector: "[kendoSpreadsheetFormat]" }, { kind: "directive", type: SpreadsheetInsertLinkDirective, selector: "kendo-toolbar-button[kendoSpreadsheetInsertLink]" }, { kind: "directive", type: SpreadsheetAddColumnLeftButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddColumnLeftButton]" }, { kind: "directive", type: SpreadsheetAddColumnRightButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddColumnRightButton]" }, { kind: "directive", type: SpreadsheetAddRowBelowButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddRowBelowButton]" }, { kind: "directive", type: SpreadsheetAddRowAboveButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddRowAboveButton]" }, { kind: "directive", type: SpreadsheetDeleteColumnButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDeleteColumnButton]" }, { kind: "directive", type: SpreadsheetDeleteRowButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDeleteRowButton]" }, { kind: "directive", type: SpreadsheetDecreaseDecimalDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDecreaseDecimal]" }, { kind: "directive", type: SpreadsheetIncreaseDecimalDirective, selector: "kendo-toolbar-button[kendoSpreadsheetIncreaseDecimal]" }, { kind: "directive", type: SpreadsheetMergeDirective, selector: "[kendoSpreadsheetMerge]" }, { kind: "directive", type: SpreadsheetGridLinesDirective, selector: "kendo-toolbar-button[kendoSpreadsheetGridLines]" }, { kind: "component", type: NameBoxComponent, selector: "[kendoSpreadsheetNameBox]", inputs: ["data", "spreadsheetWidget"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: FormulaInputDirective, selector: "[kendoSpreadsheetFormulaInput]", inputs: ["formulaListMaxHeight"] }, { kind: "component", type: SheetsBarComponent, selector: "[kendoSpreadsheetSheetsBar]", inputs: ["sheets", "sheetDescriptors"] }, { kind: "component", type: ContextMenuComponent, selector: "kendo-contextmenu", inputs: ["showOn", "target", "filter", "alignToAnchor", "vertical", "popupAnimate", "popupAlign", "anchorAlign", "collision", "appendTo", "ariaLabel"], outputs: ["popupOpen", "popupClose", "select", "open", "close"], exportAs: ["kendoContextMenu"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }, { kind: "directive", type: SpreadsheetDataValidationDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDataValidation]" }] });
+        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoSpreadsheetLocalizedMessages]" }, { kind: "component", type: MenuComponent, selector: "kendo-menu", inputs: ["appendTo", "menuItemTemplate", "ariaRole", "menuItemLinkTemplate"], outputs: ["select", "open", "close"], exportAs: ["kendoMenu"] }, { kind: "directive", type: MainMenuDirective, selector: "[kendoSpreadsheetMenu]" }, { kind: "component", type: MenuItemComponent, selector: "kendo-menu-item", inputs: ["text", "url", "disabled", "cssClass", "cssStyle", "icon", "svgIcon", "data", "separator"] }, { kind: "component", type: ToolBarComponent, selector: "kendo-toolbar", inputs: ["overflow", "resizable", "popupSettings", "fillMode", "tabindex", "size", "tabIndex", "showIcon", "showText"], outputs: ["open", "close"], exportAs: ["kendoToolBar"] }, { kind: "component", type: SpreadsheetLoadFileComponent, selector: "kendo-spreadsheet-load-file-tool" }, { kind: "component", type: ToolBarButtonComponent, selector: "kendo-toolbar-button", inputs: ["showText", "showIcon", "text", "style", "className", "title", "disabled", "toggleable", "look", "togglable", "selected", "fillMode", "rounded", "themeColor", "icon", "iconClass", "svgIcon", "imageUrl"], outputs: ["click", "pointerdown", "selectedChange"], exportAs: ["kendoToolBarButton"] }, { kind: "directive", type: SpreadsheetSaveFileDirective, selector: "[kendoSpreadsheetSaveFile]" }, { kind: "component", type: ToolBarButtonGroupComponent, selector: "kendo-toolbar-buttongroup", inputs: ["disabled", "fillMode", "selection", "width", "look"], exportAs: ["kendoToolBarButtonGroup"] }, { kind: "directive", type: SpreadsheetUndoDirective, selector: "kendo-toolbar-button[kendoSpreadsheetUndo]" }, { kind: "directive", type: SpreadsheetRedoDirective, selector: "kendo-toolbar-button[kendoSpreadsheetRedo]" }, { kind: "component", type: ToolBarSeparatorComponent, selector: "kendo-toolbar-separator", exportAs: ["kendoToolBarSeparator"] }, { kind: "component", type: SpreadsheetFontFamilyComponent, selector: "kendo-toolbar-dropdownlist[kendoSpreadsheetFontFamily]" }, { kind: "component", type: SpreadsheetFontSizeComponent, selector: "kendo-toolbar-dropdownlist[kendoSpreadsheetFontSize]" }, { kind: "directive", type: SpreadsheetIncreaseFontSizeDirective, selector: "kendo-toolbar-button[kendoSpreadsheetIncreaseFontSize]" }, { kind: "directive", type: SpreadsheetDecreaseFontSizeDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDecreaseFontSize]" }, { kind: "directive", type: SpreadsheetBoldDirective, selector: "kendo-toolbar-button[kendoSpreadsheetBold]" }, { kind: "directive", type: SpreadsheetItalicDirective, selector: "kendo-toolbar-button[kendoSpreadsheetItalic]" }, { kind: "directive", type: SpreadsheetUnderlineDirective, selector: "kendo-toolbar-button[kendoSpreadsheetUnderline]" }, { kind: "component", type: SpreadsheetForeColorComponent, selector: "kendo-spreadsheet-forecolor-tool" }, { kind: "component", type: SpreadsheetBackColorComponent, selector: "kendo-spreadsheet-backcolor-tool" }, { kind: "component", type: ToolBarDropDownButtonComponent, selector: "kendo-toolbar-dropdownbutton", inputs: ["arrowIcon", "title", "showText", "showIcon", "text", "icon", "svgIcon", "iconClass", "imageUrl", "popupSettings", "look", "primary", "fillMode", "themeColor", "buttonClass", "textField", "disabled", "data"], outputs: ["itemClick", "open", "close"], exportAs: ["kendoToolBarDropDownButton"] }, { kind: "directive", type: SpreadsheetHorizontalTextAlignDirective, selector: "[kendoSpreadsheetHorizontalTextAlign]" }, { kind: "directive", type: SpreadsheetVerticalTextAlignDirective, selector: "[kendoSpreadsheetVerticalTextAlign]" }, { kind: "directive", type: SpreadsheetTextWrapDirective, selector: "kendo-toolbar-button[kendoSpreadsheetTextWrap]" }, { kind: "directive", type: SpreadsheetFormatDirective, selector: "[kendoSpreadsheetFormat]" }, { kind: "directive", type: SpreadsheetInsertLinkDirective, selector: "kendo-toolbar-button[kendoSpreadsheetInsertLink]" }, { kind: "directive", type: SpreadsheetAddColumnLeftButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddColumnLeftButton]" }, { kind: "directive", type: SpreadsheetAddColumnRightButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddColumnRightButton]" }, { kind: "directive", type: SpreadsheetAddRowBelowButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddRowBelowButton]" }, { kind: "directive", type: SpreadsheetAddRowAboveButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddRowAboveButton]" }, { kind: "directive", type: SpreadsheetDeleteColumnButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDeleteColumnButton]" }, { kind: "directive", type: SpreadsheetDeleteRowButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDeleteRowButton]" }, { kind: "directive", type: SpreadsheetDecreaseDecimalDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDecreaseDecimal]" }, { kind: "directive", type: SpreadsheetIncreaseDecimalDirective, selector: "kendo-toolbar-button[kendoSpreadsheetIncreaseDecimal]" }, { kind: "directive", type: SpreadsheetMergeDirective, selector: "[kendoSpreadsheetMerge]" }, { kind: "directive", type: SpreadsheetGridLinesDirective, selector: "kendo-toolbar-button[kendoSpreadsheetGridLines]" }, { kind: "component", type: NameBoxComponent, selector: "[kendoSpreadsheetNameBox]", inputs: ["data", "spreadsheetWidget"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: FormulaInputDirective, selector: "[kendoSpreadsheetFormulaInput]", inputs: ["formulaListMaxHeight"] }, { kind: "component", type: SheetsBarComponent, selector: "[kendoSpreadsheetSheetsBar]", inputs: ["sheets", "sheetDescriptors"] }, { kind: "component", type: ContextMenuComponent, selector: "kendo-contextmenu", inputs: ["showOn", "target", "filter", "alignToAnchor", "vertical", "popupAnimate", "popupAlign", "anchorAlign", "collision", "appendTo", "ariaLabel"], outputs: ["popupOpen", "popupClose", "select", "open", "close"], exportAs: ["kendoContextMenu"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }, { kind: "directive", type: SpreadsheetDataValidationDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDataValidation]" }, { kind: "directive", type: SpreadsheetFilterDirective, selector: "kendo-toolbar-button[kendoSpreadsheetFilter]" }, { kind: "component", type: SpreadsheetFilterMenuItemComponent, selector: "kendo-spreadsheet-filtermenu-item", inputs: ["text", "innerMenuItems", "icon", "expanderClass", "expandable", "svgIcon", "expanded"], outputs: ["itemClick", "expand", "collapse"] }, { kind: "directive", type: FilterMenuItemContentTemplateDirective, selector: "[kendoSpreadsheetFilterMenuItemContentTemplate]" }, { kind: "component", type: i8.TreeViewComponent, selector: "kendo-treeview", inputs: ["filterInputPlaceholder", "expandDisabledNodes", "animate", "nodeTemplate", "loadMoreButtonTemplate", "trackBy", "nodes", "textField", "hasChildren", "isChecked", "isDisabled", "hasCheckbox", "isExpanded", "isSelected", "isVisible", "navigable", "children", "loadOnDemand", "filterable", "filter", "size", "disableParentNodesOnly"], outputs: ["childrenLoaded", "blur", "focus", "expand", "collapse", "nodeDragStart", "nodeDrag", "filterStateChange", "nodeDrop", "nodeDragEnd", "addItem", "removeItem", "checkedChange", "selectionChange", "filterChange", "nodeClick", "nodeDblClick"], exportAs: ["kendoTreeView"] }, { kind: "directive", type: i8.CheckDirective, selector: "[kendoTreeViewCheckable]", inputs: ["isChecked", "checkBy", "checkedKeys", "kendoTreeViewCheckable"], outputs: ["checkedKeysChange"] }, { kind: "directive", type: i8.ExpandDirective, selector: "[kendoTreeViewExpandable]", inputs: ["isExpanded", "expandBy", "expandOnFilter", "expandedKeys"], outputs: ["expandedKeysChange"] }, { kind: "directive", type: i8.HierarchyBindingDirective, selector: "[kendoTreeViewHierarchyBinding]", inputs: ["childrenField", "nodes", "isVisible", "loadOnDemand"] }, { 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: 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: "ngmodule", type: InputsModule }, { kind: "component", type: i9.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: "component", type: i9.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { 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: SpreadsheetSortDirective, selector: "[kendoSpreadsheetSort]" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetComponent, decorators: [{
             type: Component,
@@ -6330,7 +7421,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
           i18n-sheetMoveRight="kendo.spreadsheet.sheetMoveRight|The text of the Sheet menu Move Right option."
           sheetMoveRight="Move Right"
           i18n-invalidNameError="kendo.spreadsheet.invalidNameError|The content of the dialog that warns about invalid name input."
-          invalidNameError="{{ 'Invalid name: {inputValue}' }}">
+          invalidNameError="{{ 'Invalid name: {inputValue}' }}"
+          i18n-cantSortMixedCells="kendo.spreadsheet.cantSortMixedCells|The content of the dialog that warns about sorting range containing cells of mixed shapes."
+          cantSortMixedCells="Cannot sort range containing cells of mixed shapes"
+          i18n-cantSortNullRef="kendo.spreadsheet.cantSortNullRef|The content of the dialog that warns about sorting incorrect (empty) range."
+          cantSortNullRef="Cannot sort empty selection"
+          i18n-filterApply="kendo.spreadsheet.filterApply|The text of the **Apply** button in the filter menu."
+          filterApply="Apply"
+          i18n-filterClear="kendo.spreadsheet.filterClear|The text of the **Clear** button in the filter menu."
+          filterClear="Clear"
+          i18n-filterMenuAll="kendo.spreadsheet.filterMenuAll|The text of the **All** grouping item in the filter menu."
+          filterMenuAll="All"
+          i18n-blankValues="kendo.spreadsheet.blankValues|The text for the blank (empty) values."
+          blankValues="Blank"
+          i18n-filterNoneOperator="kendo.spreadsheet.filterNoneOperator|The text for the **none** filter operator."
+          filterNoneOperator="None"
+          i18n-filterContainsOperator="kendo.spreadsheet.filterContainsOperator|The text of the **contains** filter operator"
+          filterContainsOperator="Text contains"
+          i18n-filterNotContainsOperator="kendo.spreadsheet.filterNotContainsOperator|The text of the **does not contain** filter operator"
+          filterNotContainsOperator="Text does not contain"
+          i18n-filterStartsWithOperator="kendo.spreadsheet.filterStartsWithOperator|The text of the **starts with** filter operator"
+          filterStartsWithOperator="Text starts with"
+          i18n-filterEndsWithOperator="kendo.spreadsheet.filterEndsWithOperator|The text of the **ends with** filter operator"
+          filterEndsWithOperator="Text ends with"
+          i18n-filterMatchesOperator="kendo.spreadsheet.filterMatchesOperator|The text of the **matches** filter operator"
+          filterMatchesOperator="Text matches"
+          i18n-filterNotMatchesOperator="kendo.spreadsheet.filterNotMatchesOperator|The text of the **does not match** filter operator"
+          filterNotMatchesOperator="Text does not match"
+          i18n-filterDateEqOperator="kendo.spreadsheet.filterDateEqOperator|The text of the **Date is** filter operator"
+          filterDateEqOperator="Date is"
+          i18n-filterDateNotEqOperator="kendo.spreadsheet.filterDateNotEqOperator|The text of the **Date is not** filter operator"
+          filterDateNotEqOperator="Date is not"
+          i18n-filterBeforeOperator="kendo.spreadsheet.filterBeforeOperator|The text of the **Date is before** filter operator"
+          filterBeforeOperator="Date is before"
+          i18n-filterAfterOperator="kendo.spreadsheet.filterAfterOperator|The text of the **Date is after** filter operator"
+          filterAfterOperator="Date is after"
+          i18n-filterEqOperator="kendo.spreadsheet.filterEqOperator|Sets the text for the **Equal (Is equal to)** filter operator."
+          filterEqOperator="Is equal to"
+          i18n-filterNotEqOperator="kendo.spreadsheet.filterNotEqOperator|Sets the text for the **Not equal (Is not equal to)** filter operator."
+          filterNotEqOperator="Is not equal to"
+          i18n-filterGteOperator="kendo.spreadsheet.filterGteOperator|The text of the **greater than or equal to** filter operator"
+          filterGteOperator="Is greater than or equal to"
+          i18n-filterGtOperator="kendo.spreadsheet.filterGtOperator|The text of the **greater than** filter operator"
+          filterGtOperator="Is greater than"
+          i18n-filterLteOperator="kendo.spreadsheet.filterLteOperator|The text of the **less than or equal to** filter operator"
+          filterLteOperator="Is less than or equal to"
+          i18n-filterLtOperator="kendo.spreadsheet.filterLtOperator|The text of the **less than** filter operator"
+          filterLtOperator="Is less than"
+          i18n-filterMenuConditionItem="kendo.spreadsheet.filterMenuConditionItem|The text of the **Filter by condition** menu item."
+          filterMenuConditionItem="Filter by condition"
+          i18n-filterMenuValueItem="kendo.spreadsheet.filterMenuValueItem|The text of the **Filter by value** menu item."
+          filterMenuValueItem="Filter by value"
+          i18n-sort="kendo.spreadsheet.sort|The title of the Sort ToolBar tool."
+          sort="Sort"
+          i18n-sortAsc="kendo.spreadsheet.sortAsc|The text of the **Sort range A to Z** option."
+          sortAsc="Sort range A to Z"
+          i18n-sortDesc="kendo.spreadsheet.sortDesc|The text of the **Sort range Z to A** option."
+          sortDesc="Sort range Z to A"
+          i18n-unsort="kendo.spreadsheet.unsort|The text of the **Unsort** option."
+          unsort="Unsort">
         </ng-container>
         <div class="k-spreadsheet-header">
           <kendo-menu kendoSpreadsheetMenu (select)="onMenuItemSelect($event)">
@@ -6425,6 +7574,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
               class="k-spreadsheet-toolbar"
               [overflow]="overflow">
               <kendo-toolbar-button kendoSpreadsheetDataValidation></kendo-toolbar-button>
+              <kendo-toolbar-separator></kendo-toolbar-separator>
+              <kendo-toolbar-button kendoSpreadsheetFilter></kendo-toolbar-button>
+              <kendo-toolbar-separator></kendo-toolbar-separator>
+              <kendo-toolbar-dropdownbutton kendoSpreadsheetSort></kendo-toolbar-dropdownbutton>
             </kendo-toolbar>
           }
         </div>
@@ -6458,20 +7611,102 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
           [sheetDescriptors]="sheets">
         </div>
         <ng-container #dialogContainer></ng-container>
-
-        <kendo-contextmenu
-          #contextMenu
+        
+        <kendo-contextmenu #contextMenu
           [items]="contextMenuItems"
-        (select)="onContextMenuSelect($event)"></kendo-contextmenu>
+          (select)="onContextMenuSelect($event)">
+        </kendo-contextmenu>
 
+        <ng-template #filterMenuTemplate>
+            <kendo-spreadsheet-filtermenu-item
+                [innerMenuItems]="sortMenuItems"
+                (itemClick)="onSortItemClick($event)">
+            </kendo-spreadsheet-filtermenu-item>
+            <kendo-spreadsheet-filtermenu-item
+                [expandable]="true"
+                [expanded]="conditionExpanded"
+                expanderClass="k-spreadsheet-condition-filter"
+                [innerMenuItems]="[{text: messageFor('filterMenuConditionItem')}]"
+                (collapse)="onToggle(false, 'condition')"
+                (expand)="onToggle(true, 'condition')">
+                <ng-template kendoSpreadsheetFilterMenuItemContentTemplate>
+                    <div class="k-details-content">
+                        <kendo-dropdownlist
+                            [data]="filterConditionsList"
+                            textField="text"
+                            valueField="comparerType"
+                            [(value)]="selectedCondition">
+                        </kendo-dropdownlist>
+                        @if (selectedCondition?.type === 'string') {
+                            <kendo-textbox [(value)]="conditionValue"></kendo-textbox>
+                        } @else if (selectedCondition?.type === 'number') {
+                            <kendo-numerictextbox [(value)]="conditionValue"></kendo-numerictextbox>
+                        } @else if (selectedCondition?.type === 'date') {
+                            <kendo-datepicker [(value)]="conditionValue"></kendo-datepicker>
+                        }
+                    </div>
+                    <div class="k-actions k-actions-stretched k-actions-horizontal">
+                        <button
+                            kendoButton
+                            themeColor="primary"
+                            (click)="filterApply('condition')">
+                            {{ messageFor('filterApply') }}
+                        </button>
+                        <button
+                            kendoButton
+                            (click)="filterClear()">
+                            {{ messageFor('filterClear') }}
+                        </button>
+                    </div>
+                </ng-template>
+            </kendo-spreadsheet-filtermenu-item>
+            <kendo-spreadsheet-filtermenu-item
+                [expandable]="true"
+                [expanded]="valueExpanded"
+                [innerMenuItems]="[{text: messageFor('filterMenuValueItem')}]"
+                (collapse)="onToggle(false, 'value')"
+                (expand)="onToggle(true, 'value')">
+                <ng-template kendoSpreadsheetFilterMenuItemContentTemplate>
+                    <div class="k-spreadsheet-value-treeview-wrapper">
+                        <kendo-treeview #treeview
+                            kendoTreeViewHierarchyBinding
+                            childrenField="items"
+                            textField="text"
+                            [nodes]="rangeFilterValuesList"
+                            kendoTreeViewExpandable
+                            [(expandedKeys)]="expandedKeys"
+                            [filterable]="true"
+                            [kendoTreeViewCheckable]="{checkOnClick: true}"
+                            [(checkedKeys)]="checkedKeys"
+                            checkBy="text"
+                            [isChecked]="isChecked">
+                        </kendo-treeview>
+                    </div>
+                    <div class="k-actions k-actions-stretched k-actions-horizontal">
+                        <button
+                            kendoButton
+                            themeColor="primary"
+                            (click)="filterApply('value')">
+                            {{ messageFor('filterApply') }}
+                        </button>
+                        <button
+                            kendoButton
+                            (click)="filterClear()">
+                            {{ messageFor('filterClear') }}
+                        </button>
+                    </div>
+                </ng-template>
+            </kendo-spreadsheet-filtermenu-item>
+        </ng-template>
+        
         @if (showLicenseWatermark) {
           <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
         }
         `,
                     standalone: true,
-                    imports: [LocalizedMessagesDirective, MenuComponent, MainMenuDirective, MenuItemComponent, ToolBarComponent, SpreadsheetLoadFileComponent, ToolBarButtonComponent, SpreadsheetSaveFileDirective, ToolBarButtonGroupComponent, SpreadsheetUndoDirective, SpreadsheetRedoDirective, ToolBarSeparatorComponent, SpreadsheetFontFamilyComponent, SpreadsheetFontSizeComponent, SpreadsheetIncreaseFontSizeDirective, SpreadsheetDecreaseFontSizeDirective, SpreadsheetBoldDirective, SpreadsheetItalicDirective, SpreadsheetUnderlineDirective, SpreadsheetForeColorComponent, SpreadsheetBackColorComponent, ToolBarDropDownButtonComponent, SpreadsheetHorizontalTextAlignDirective, SpreadsheetVerticalTextAlignDirective, SpreadsheetTextWrapDirective, SpreadsheetFormatDirective, SpreadsheetInsertLinkDirective, SpreadsheetAddColumnLeftButtonDirective, SpreadsheetAddColumnRightButtonDirective, SpreadsheetAddRowBelowButtonDirective, SpreadsheetAddRowAboveButtonDirective, SpreadsheetDeleteColumnButtonDirective, SpreadsheetDeleteRowButtonDirective, SpreadsheetDecreaseDecimalDirective, SpreadsheetIncreaseDecimalDirective, SpreadsheetMergeDirective, SpreadsheetGridLinesDirective, NameBoxComponent, IconWrapperComponent, FormulaInputDirective, SheetsBarComponent, ContextMenuComponent, WatermarkOverlayComponent, SpreadsheetDataValidationDirective]
+                    imports: [LocalizedMessagesDirective, MenuComponent, MainMenuDirective, MenuItemComponent, ToolBarComponent, SpreadsheetLoadFileComponent, ToolBarButtonComponent, SpreadsheetSaveFileDirective, ToolBarButtonGroupComponent, SpreadsheetUndoDirective, SpreadsheetRedoDirective, ToolBarSeparatorComponent, SpreadsheetFontFamilyComponent, SpreadsheetFontSizeComponent, SpreadsheetIncreaseFontSizeDirective, SpreadsheetDecreaseFontSizeDirective, SpreadsheetBoldDirective, SpreadsheetItalicDirective, SpreadsheetUnderlineDirective, SpreadsheetForeColorComponent, SpreadsheetBackColorComponent, ToolBarDropDownButtonComponent, SpreadsheetHorizontalTextAlignDirective, SpreadsheetVerticalTextAlignDirective, SpreadsheetTextWrapDirective, SpreadsheetFormatDirective, SpreadsheetInsertLinkDirective, SpreadsheetAddColumnLeftButtonDirective, SpreadsheetAddColumnRightButtonDirective, SpreadsheetAddRowBelowButtonDirective, SpreadsheetAddRowAboveButtonDirective, SpreadsheetDeleteColumnButtonDirective, SpreadsheetDeleteRowButtonDirective, SpreadsheetDecreaseDecimalDirective, SpreadsheetIncreaseDecimalDirective, SpreadsheetMergeDirective, SpreadsheetGridLinesDirective, NameBoxComponent, IconWrapperComponent, FormulaInputDirective, SheetsBarComponent, ContextMenuComponent, WatermarkOverlayComponent, SpreadsheetDataValidationDirective, SpreadsheetFilterDirective, SpreadsheetFilterMenuItemComponent, FilterMenuItemContentTemplateDirective, KENDO_TREEVIEW, ButtonComponent, DropDownListComponent, InputsModule, DatePickerComponent, SpreadsheetSortDirective]
                 }]
-        }], ctorParameters: () => [{ type: i0.NgZone }, { type: i1$4.IntlService }, { type: i0.ElementRef }, { type: i1.LocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }, { type: ErrorHandlingService }, { type: i1$2.DialogService }, { type: i1$1.PopupService }, { type: i0.ViewContainerRef }], propDecorators: { formulaBarInputRef: [{
+        }], ctorParameters: () => [{ type: i0.NgZone }, { type: i1$4.IntlService }, { type: i0.ElementRef }, { type: i1.LocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }, { type: ErrorHandlingService }, { type: i1$2.DialogService }, { type: i1$1.PopupService }, { type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }], propDecorators: { formulaBarInputRef: [{
                 type: ViewChild,
                 args: ['formulaBar', { read: FormulaInputDirective }]
             }], formulaCellInputRef: [{
@@ -6486,6 +7721,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }], contextMenu: [{
                 type: ViewChild,
                 args: ['contextMenu']
+            }], filterMenuTemplate: [{
+                type: ViewChild,
+                args: ['filterMenuTemplate']
             }], hostClass: [{
                 type: HostBinding,
                 args: ['class.k-spreadsheet']
@@ -6534,6 +7772,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Output
             }], activeSheetChange: [{
                 type: Output
+            }], clipboard: [{
+                type: Output
             }] } });
 
 /**
@@ -6678,7 +7918,9 @@ const KENDO_SPREADSHEET = [
     SpreadsheetIncreaseDecimalDirective,
     SpreadsheetDecreaseDecimalDirective,
     SpreadsheetHorizontalTextAlignDirective,
-    SpreadsheetVerticalTextAlignDirective
+    SpreadsheetVerticalTextAlignDirective,
+    SpreadsheetFilterDirective,
+    SpreadsheetSortDirective
 ];
 
 // IMPORTANT: NgModule export kept for backwards compatibility
@@ -6697,7 +7939,7 @@ const KENDO_SPREADSHEET = [
  */
 class SpreadsheetModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetModule, imports: [SpreadsheetComponent, CustomMessagesComponent, SpreadsheetBoldDirective, SpreadsheetDataValidationDirective, SpreadsheetItalicDirective, SpreadsheetUnderlineDirective, SpreadsheetLoadFileComponent, SpreadsheetSaveFileDirective, SpreadsheetFormatDirective, SpreadsheetUndoDirective, SpreadsheetRedoDirective, SpreadsheetFontFamilyComponent, SpreadsheetFontSizeComponent, SpreadsheetBackColorComponent, SpreadsheetForeColorComponent, SpreadsheetGridLinesDirective, SpreadsheetAddColumnLeftButtonDirective, SpreadsheetAddColumnRightButtonDirective, SpreadsheetAddRowAboveButtonDirective, SpreadsheetAddRowBelowButtonDirective, SpreadsheetDeleteColumnButtonDirective, SpreadsheetDeleteRowButtonDirective, SpreadsheetTextAlignDirective, SpreadsheetTextWrapDirective, SpreadsheetMergeDirective, SpreadsheetInsertLinkDirective, SpreadsheetIncreaseFontSizeDirective, SpreadsheetDecreaseFontSizeDirective, SpreadsheetIncreaseDecimalDirective, SpreadsheetDecreaseDecimalDirective, SpreadsheetHorizontalTextAlignDirective, SpreadsheetVerticalTextAlignDirective], exports: [SpreadsheetComponent, CustomMessagesComponent, SpreadsheetBoldDirective, SpreadsheetDataValidationDirective, SpreadsheetItalicDirective, SpreadsheetUnderlineDirective, SpreadsheetLoadFileComponent, SpreadsheetSaveFileDirective, SpreadsheetFormatDirective, SpreadsheetUndoDirective, SpreadsheetRedoDirective, SpreadsheetFontFamilyComponent, SpreadsheetFontSizeComponent, SpreadsheetBackColorComponent, SpreadsheetForeColorComponent, SpreadsheetGridLinesDirective, SpreadsheetAddColumnLeftButtonDirective, SpreadsheetAddColumnRightButtonDirective, SpreadsheetAddRowAboveButtonDirective, SpreadsheetAddRowBelowButtonDirective, SpreadsheetDeleteColumnButtonDirective, SpreadsheetDeleteRowButtonDirective, SpreadsheetTextAlignDirective, SpreadsheetTextWrapDirective, SpreadsheetMergeDirective, SpreadsheetInsertLinkDirective, SpreadsheetIncreaseFontSizeDirective, SpreadsheetDecreaseFontSizeDirective, SpreadsheetIncreaseDecimalDirective, SpreadsheetDecreaseDecimalDirective, SpreadsheetHorizontalTextAlignDirective, SpreadsheetVerticalTextAlignDirective] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetModule, imports: [SpreadsheetComponent, CustomMessagesComponent, SpreadsheetBoldDirective, SpreadsheetDataValidationDirective, SpreadsheetItalicDirective, SpreadsheetUnderlineDirective, SpreadsheetLoadFileComponent, SpreadsheetSaveFileDirective, SpreadsheetFormatDirective, SpreadsheetUndoDirective, SpreadsheetRedoDirective, SpreadsheetFontFamilyComponent, SpreadsheetFontSizeComponent, SpreadsheetBackColorComponent, SpreadsheetForeColorComponent, SpreadsheetGridLinesDirective, SpreadsheetAddColumnLeftButtonDirective, SpreadsheetAddColumnRightButtonDirective, SpreadsheetAddRowAboveButtonDirective, SpreadsheetAddRowBelowButtonDirective, SpreadsheetDeleteColumnButtonDirective, SpreadsheetDeleteRowButtonDirective, SpreadsheetTextAlignDirective, SpreadsheetTextWrapDirective, SpreadsheetMergeDirective, SpreadsheetInsertLinkDirective, SpreadsheetIncreaseFontSizeDirective, SpreadsheetDecreaseFontSizeDirective, SpreadsheetIncreaseDecimalDirective, SpreadsheetDecreaseDecimalDirective, SpreadsheetHorizontalTextAlignDirective, SpreadsheetVerticalTextAlignDirective, SpreadsheetFilterDirective, SpreadsheetSortDirective], exports: [SpreadsheetComponent, CustomMessagesComponent, SpreadsheetBoldDirective, SpreadsheetDataValidationDirective, SpreadsheetItalicDirective, SpreadsheetUnderlineDirective, SpreadsheetLoadFileComponent, SpreadsheetSaveFileDirective, SpreadsheetFormatDirective, SpreadsheetUndoDirective, SpreadsheetRedoDirective, SpreadsheetFontFamilyComponent, SpreadsheetFontSizeComponent, SpreadsheetBackColorComponent, SpreadsheetForeColorComponent, SpreadsheetGridLinesDirective, SpreadsheetAddColumnLeftButtonDirective, SpreadsheetAddColumnRightButtonDirective, SpreadsheetAddRowAboveButtonDirective, SpreadsheetAddRowBelowButtonDirective, SpreadsheetDeleteColumnButtonDirective, SpreadsheetDeleteRowButtonDirective, SpreadsheetTextAlignDirective, SpreadsheetTextWrapDirective, SpreadsheetMergeDirective, SpreadsheetInsertLinkDirective, SpreadsheetIncreaseFontSizeDirective, SpreadsheetDecreaseFontSizeDirective, SpreadsheetIncreaseDecimalDirective, SpreadsheetDecreaseDecimalDirective, SpreadsheetHorizontalTextAlignDirective, SpreadsheetVerticalTextAlignDirective, SpreadsheetFilterDirective, SpreadsheetSortDirective] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetModule, providers: [IconsService, PopupService, ResizeBatchService, DialogContainerService, DialogService, WindowService, WindowContainerService], imports: [SpreadsheetComponent, SpreadsheetLoadFileComponent, SpreadsheetFontFamilyComponent, SpreadsheetFontSizeComponent, SpreadsheetBackColorComponent, SpreadsheetForeColorComponent] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetModule, decorators: [{
@@ -6713,5 +7955,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { CustomMessagesComponent, FormulaInputDirective, FormulaListComponent, KENDO_SPREADSHEET, NameBoxComponent, SheetsBarComponent, SpreadsheetAddColumnLeftButtonDirective, SpreadsheetAddColumnRightButtonDirective, SpreadsheetAddRowAboveButtonDirective, SpreadsheetAddRowBelowButtonDirective, SpreadsheetBackColorComponent, SpreadsheetBoldDirective, SpreadsheetComponent, SpreadsheetDataValidationDirective, SpreadsheetDecreaseDecimalDirective, SpreadsheetDecreaseFontSizeDirective, SpreadsheetDeleteColumnButtonDirective, SpreadsheetDeleteRowButtonDirective, SpreadsheetFontFamilyComponent, SpreadsheetFontSizeComponent, SpreadsheetForeColorComponent, SpreadsheetFormatDirective, SpreadsheetGridLinesDirective, SpreadsheetHorizontalTextAlignDirective, SpreadsheetIncreaseDecimalDirective, SpreadsheetIncreaseFontSizeDirective, SpreadsheetInsertLinkDirective, SpreadsheetItalicDirective, SpreadsheetLoadFileComponent, SpreadsheetMergeDirective, SpreadsheetModule, SpreadsheetRedoDirective, SpreadsheetSaveFileDirective, SpreadsheetTextAlignDirective, SpreadsheetTextWrapDirective, SpreadsheetUnderlineDirective, SpreadsheetUndoDirective, SpreadsheetVerticalTextAlignDirective };
+export { CustomMessagesComponent, FormulaInputDirective, FormulaListComponent, KENDO_SPREADSHEET, NameBoxComponent, SheetsBarComponent, SpreadsheetAddColumnLeftButtonDirective, SpreadsheetAddColumnRightButtonDirective, SpreadsheetAddRowAboveButtonDirective, SpreadsheetAddRowBelowButtonDirective, SpreadsheetBackColorComponent, SpreadsheetBoldDirective, SpreadsheetComponent, SpreadsheetDataValidationDirective, SpreadsheetDecreaseDecimalDirective, SpreadsheetDecreaseFontSizeDirective, SpreadsheetDeleteColumnButtonDirective, SpreadsheetDeleteRowButtonDirective, SpreadsheetFilterDirective, SpreadsheetFontFamilyComponent, SpreadsheetFontSizeComponent, SpreadsheetForeColorComponent, SpreadsheetFormatDirective, SpreadsheetGridLinesDirective, SpreadsheetHorizontalTextAlignDirective, SpreadsheetIncreaseDecimalDirective, SpreadsheetIncreaseFontSizeDirective, SpreadsheetInsertLinkDirective, SpreadsheetItalicDirective, SpreadsheetLoadFileComponent, SpreadsheetMergeDirective, SpreadsheetModule, SpreadsheetRedoDirective, SpreadsheetSaveFileDirective, SpreadsheetSortDirective, SpreadsheetTextAlignDirective, SpreadsheetTextWrapDirective, SpreadsheetUnderlineDirective, SpreadsheetUndoDirective, SpreadsheetVerticalTextAlignDirective };