@progress/kendo-angular-spreadsheet 18.5.0-develop.6 → 18.5.0-develop.8

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

@@ -4,32 +4,34 @@
 *-------------------------------------------------------------------------------------------*/
 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 { NgFor, NgIf, NgStyle, NgSwitch, NgSwitchCase } from '@angular/common';
+import { NgFor, NgIf, NgStyle, NgSwitch, NgSwitchCase, NgForOf } from '@angular/common';
 import { Subject, Subscription } from 'rxjs';
 import { take, map } from 'rxjs/operators';
 import { validatePackage } from '@progress/kendo-licensing';
-import { SpreadsheetWidget } from '@progress/kendo-spreadsheet-common';
-import * as i1$3 from '@progress/kendo-angular-intl';
+import { SpreadsheetWidget, registerEditor, Matrix } 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, decimalIncreaseIcon, cutIcon, clipboardIcon, eyeIcon, plusIcon, menuIcon, caretAltDownIcon } from '@progress/kendo-svg-icons';
-import * as i2 from '@progress/kendo-angular-l10n';
+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 } 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 from '@progress/kendo-angular-popup';
+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, isDocumentAvailable, isPresent, Keys, hasObservers, shouldShowValidationUI, WatermarkOverlayComponent, ResizeBatchService } from '@progress/kendo-angular-common';
-import * as i1$1 from '@progress/kendo-angular-dialog';
-import { DialogContentBase, DialogContainerService, DialogService, WindowService, WindowContainerService } from '@progress/kendo-angular-dialog';
+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$2 from '@progress/kendo-angular-toolbar';
+import * as i1$3 from '@progress/kendo-angular-toolbar';
 import { ToolBarToolComponent, ToolBarComponent, ToolBarButtonComponent, ToolBarButtonGroupComponent, ToolBarSeparatorComponent, ToolBarDropDownButtonComponent } from '@progress/kendo-angular-toolbar';
-import { TextBoxComponent, ColorPickerComponent } from '@progress/kendo-angular-inputs';
+import { TextBoxComponent, ColorPickerComponent, CheckBoxComponent, RadioButtonComponent } 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 { 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';
 
 /**
  * @hidden
@@ -39,8 +41,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1743780109,
-    version: '18.5.0-develop.6',
+    publishDate: 1744029045,
+    version: '18.5.0-develop.8',
     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',
 };
 
@@ -148,7 +150,7 @@ class SpreadsheetLocalizationService extends LocalizationService {
     constructor(prefix, messageService, _rtl) {
         super(prefix, messageService, _rtl);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetLocalizationService, deps: [{ token: L10N_PREFIX }, { token: i2.MessageService, optional: true }, { token: RTL, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetLocalizationService, deps: [{ token: L10N_PREFIX }, { token: i1.MessageService, optional: true }, { token: RTL, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetLocalizationService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetLocalizationService, decorators: [{
@@ -156,7 +158,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [L10N_PREFIX]
-                }] }, { type: i2.MessageService, decorators: [{
+                }] }, { type: i1.MessageService, decorators: [{
                     type: Optional
                 }] }, { type: undefined, decorators: [{
                     type: Optional
@@ -191,6 +193,12 @@ const mapToSheetDescriptor = (sheetsArray) => {
  * @hidden
  */
 const replaceMessagePlaceholder = (message, name, value) => message.replace(new RegExp(`\{\\s*${name}\\s*\}`, 'g'), value);
+/**
+ * @hidden
+ */
+const rowAndColPresent = (value) => {
+    return (value && value.row !== null && value.col !== null && value.row > -1 && value.col > -1);
+};
 
 /**
  * @hidden
@@ -342,7 +350,7 @@ class FormulaInputDirective {
             },
             popup: {
                 open: () => {
-                    this.popupRef && this.popupRef.close();
+                    this.popupRef?.close();
                     this.popupRef = null;
                     this.popupRef = this.popupService.open({
                         anchor: this.element,
@@ -357,13 +365,11 @@ class FormulaInputDirective {
                     this.ariaExpanded = 'true';
                 },
                 close: () => {
-                    this.popupRef && this.popupRef.close();
+                    this.popupRef?.close();
                     this.popupRef = null;
                     this.ariaExpanded = 'false';
                 },
-                position: () => {
-                    // contentKey++;
-                },
+                position: () => { },
                 visible: () => {
                     return this.popupRef;
                 }
@@ -411,7 +417,7 @@ class FormulaInputDirective {
             }
         }
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormulaInputDirective, deps: [{ token: i0.ElementRef }, { token: i1.PopupService }, { token: SpreadsheetService }, { token: SpreadsheetLocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormulaInputDirective, deps: [{ token: i0.ElementRef }, { token: i1$1.PopupService }, { token: SpreadsheetService }, { token: SpreadsheetLocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FormulaInputDirective, isStandalone: true, selector: "[kendoSpreadsheetFormulaInput]", inputs: { formulaListMaxHeight: "formulaListMaxHeight" }, host: { properties: { "class.k-spreadsheet-formula-input": "this.hostClasses", "attr.title": "this.title", "attr.role": "this.role", "attr.aria-haspopup": "this.ariaHasPopup", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-controls": "this.ariaControls" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormulaInputDirective, decorators: [{
@@ -420,7 +426,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     selector: '[kendoSpreadsheetFormulaInput]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.PopupService }, { type: SpreadsheetService }, { type: SpreadsheetLocalizationService }]; }, propDecorators: { hostClasses: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$1.PopupService }, { type: SpreadsheetService }, { type: SpreadsheetLocalizationService }]; }, propDecorators: { hostClasses: [{
                 type: HostBinding,
                 args: ['class.k-spreadsheet-formula-input']
             }], title: [{
@@ -523,6 +529,7 @@ class ErrorHandlingService {
     }
     openDialog(messageData) {
         let dialogContent;
+        let dialogTitle;
         if (messageData.name === 'message') {
             const localizationMsg = this.messageFor('invalidNameError');
             let inputValue = messageData.text.split(' ').pop();
@@ -531,12 +538,16 @@ class ErrorHandlingService {
             }
             dialogContent = replaceMessagePlaceholder(localizationMsg, 'inputValue', inputValue);
         }
+        else if (messageData.name === 'validationError') {
+            dialogContent = messageData.text;
+            dialogTitle = messageData.title;
+        }
         else {
             dialogContent = this.messageFor(messageData.name);
         }
         const dialogSettings = {
             appendTo: this.spreadsheetService.dialogContainer,
-            title: this.messageFor('dialogError'),
+            title: dialogTitle ?? this.messageFor('dialogError'),
             content: dialogContent,
             actions: [{
                     text: this.messageFor('dialogOk'),
@@ -559,12 +570,12 @@ class ErrorHandlingService {
     messageFor(text) {
         return this.localization.get(text);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ErrorHandlingService, deps: [{ token: SpreadsheetService }, { token: i2.LocalizationService }, { token: i1$1.DialogService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ErrorHandlingService, deps: [{ token: SpreadsheetService }, { token: i1.LocalizationService }, { token: i1$2.DialogService }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ErrorHandlingService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ErrorHandlingService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: SpreadsheetService }, { type: i2.LocalizationService }, { type: i1$1.DialogService }]; } });
+        }], ctorParameters: function () { return [{ type: SpreadsheetService }, { type: i1.LocalizationService }, { type: i1$2.DialogService }]; } });
 
 /**
  * @hidden
@@ -610,6 +621,7 @@ const commandIcons = {
     decreaseFontSize: 'font-shrink',
     increaseDecimal: 'decimal-increase',
     decreaseDecimal: 'decimal-decrease',
+    dataValidation: 'exclamation-circle',
     copy: 'copy',
     cut: 'cut',
     paste: 'clipboard',
@@ -661,6 +673,7 @@ const commandSVGIcons = {
     increaseFontSize: fontGrowIcon,
     decreaseFontSize: fontShrinkIcon,
     decreaseDecimal: decimalDecreaseIcon,
+    dataValidation: exclamationCircleIcon,
     increaseDecimal: decimalIncreaseIcon,
     copy: copyIcon,
     cut: cutIcon,
@@ -685,7 +698,7 @@ class InsertLinkDialogComponent extends DialogContentBase {
     setData(args) {
         this.urlLink = args.link;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InsertLinkDialogComponent, deps: [{ token: i1$1.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InsertLinkDialogComponent, deps: [{ token: i1$2.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: InsertLinkDialogComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
     <form class="k-form k-form-md" method="dialog">
         <div class="k-form-field">
@@ -713,7 +726,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     standalone: true,
                     imports: [LabelComponent, TextBoxComponent]
                 }]
-        }], ctorParameters: function () { return [{ type: i1$1.DialogRef }]; } });
+        }], ctorParameters: function () { return [{ type: i1$2.DialogRef }]; } });
 
 /**
  * @hidden
@@ -732,7 +745,7 @@ class ActionDialogComponent extends DialogContentBase {
         this.tabindex = args.tabindex;
         this.commandName = args.commandName;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionDialogComponent, deps: [{ token: i1$1.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionDialogComponent, deps: [{ token: i1$2.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ActionDialogComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
         <ng-container *ngIf="commandName === 'delete'">
             <p>The deleted sheet data will be lost.</p>
@@ -778,7 +791,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     standalone: true,
                     imports: [NgIf, LabelComponent, TextBoxComponent]
                 }]
-        }], ctorParameters: function () { return [{ type: i1$1.DialogRef }]; } });
+        }], ctorParameters: function () { return [{ type: i1$2.DialogRef }]; } });
 
 /**
  * @hidden
@@ -1042,7 +1055,7 @@ class SheetsBarComponent {
         });
         this.ngZone.onStable.pipe(take(1)).subscribe(() => this.spreadsheetService.spreadsheet.view.clipboard.focus());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SheetsBarComponent, deps: [{ token: SpreadsheetService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SpreadsheetLocalizationService }, { token: i1$1.DialogService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SheetsBarComponent, deps: [{ token: SpreadsheetService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SpreadsheetLocalizationService }, { token: i1$2.DialogService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SheetsBarComponent, isStandalone: true, selector: "[kendoSpreadsheetSheetsBar]", inputs: { sheets: "sheets", sheetDescriptors: "sheetDescriptors" }, host: { properties: { "class.k-spreadsheet-sheets-bar": "this.hostClasses" } }, viewQueries: [{ propertyName: "addButton", first: true, predicate: ["addButton"], descendants: true }, { propertyName: "menuButton", first: true, predicate: ["menuButton"], descendants: true }, { propertyName: "tabstrip", first: true, predicate: ["tabstrip"], descendants: true }, { propertyName: "actionDdbs", predicate: ["sheetDdb"], descendants: true }, { propertyName: "actionDdbRefs", predicate: ["sheetDdb"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: `
         <button kendoButton #addButton
             [title]="messageFor('addSheet')"
@@ -1163,7 +1176,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     standalone: true,
                     imports: [ButtonComponent, EventsOutsideAngularDirective, DropDownButtonComponent, TabStripComponent, NgFor, NgIf, TabStripTabComponent, TabTemplateDirective]
                 }]
-        }], ctorParameters: function () { return [{ type: SpreadsheetService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: SpreadsheetLocalizationService }, { type: i1$1.DialogService }, { type: i0.NgZone }]; }, propDecorators: { hostClasses: [{
+        }], ctorParameters: function () { return [{ type: SpreadsheetService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: SpreadsheetLocalizationService }, { type: i1$2.DialogService }, { type: i0.NgZone }]; }, propDecorators: { hostClasses: [{
                 type: HostBinding,
                 args: ['class.k-spreadsheet-sheets-bar']
             }], sheets: [{
@@ -1419,7 +1432,7 @@ class SpreadsheetCommandBaseDirective {
     }
     clickHandler() { }
     pointerdownHandler(_event) { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetCommandBaseDirective, deps: [{ token: MY_TOKEN }, { token: i1$2.ToolBarButtonComponent }, { token: i2.LocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetCommandBaseDirective, deps: [{ token: MY_TOKEN }, { token: i1$3.ToolBarButtonComponent }, { token: i1.LocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SpreadsheetCommandBaseDirective, selector: "[kendoSpreadsheetCommandBase]", ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetCommandBaseDirective, decorators: [{
@@ -1430,7 +1443,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [MY_TOKEN]
-                }] }, { type: i1$2.ToolBarButtonComponent }, { type: i2.LocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
+                }] }, { type: i1$3.ToolBarButtonComponent }, { type: i1.LocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
 
 /**
  * @hidden
@@ -1481,7 +1494,7 @@ class SpreadsheetGridLinesDirective extends SpreadsheetCommandButton {
             this.spreadsheetService.spreadsheet.executeCommand(options);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetGridLinesDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetGridLinesDirective, deps: [{ token: i1$3.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SpreadsheetGridLinesDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoSpreadsheetGridLines]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetGridLinesDirective, decorators: [{
@@ -1490,7 +1503,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     selector: 'kendo-toolbar-button[kendoSpreadsheetGridLines]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
 
 /**
  * @hidden
@@ -1539,7 +1552,7 @@ class SpreadsheetMergeDirective {
         const range = sheet._ref(this.selectedRange);
         return sheet._getMergedCells(range).hasMerged;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetMergeDirective, deps: [{ token: i1$2.ToolBarDropDownButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetMergeDirective, deps: [{ token: i1$3.ToolBarDropDownButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SpreadsheetMergeDirective, isStandalone: true, selector: "[kendoSpreadsheetMerge]", ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetMergeDirective, decorators: [{
@@ -1548,7 +1561,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     selector: '[kendoSpreadsheetMerge]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.ToolBarDropDownButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$3.ToolBarDropDownButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }]; } });
 
 /**
  * @hidden
@@ -1566,7 +1579,7 @@ class SpreadsheetIncreaseDecimalDirective extends SpreadsheetCommandButton {
         };
         this.spreadsheetService.spreadsheet.executeCommand(options);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetIncreaseDecimalDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetIncreaseDecimalDirective, deps: [{ token: i1$3.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SpreadsheetIncreaseDecimalDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoSpreadsheetIncreaseDecimal]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetIncreaseDecimalDirective, decorators: [{
@@ -1575,7 +1588,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     selector: 'kendo-toolbar-button[kendoSpreadsheetIncreaseDecimal]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
 
 /**
  * @hidden
@@ -1593,7 +1606,7 @@ class SpreadsheetDecreaseDecimalDirective extends SpreadsheetCommandButton {
         };
         this.spreadsheetService.spreadsheet.executeCommand(options);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetDecreaseDecimalDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetDecreaseDecimalDirective, deps: [{ token: i1$3.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SpreadsheetDecreaseDecimalDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoSpreadsheetDecreaseDecimal]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetDecreaseDecimalDirective, decorators: [{
@@ -1602,7 +1615,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     selector: 'kendo-toolbar-button[kendoSpreadsheetDecreaseDecimal]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
 
 /**
  * @hidden
@@ -1614,7 +1627,7 @@ class SpreadsheetDeleteRowButtonDirective extends SpreadsheetCommandButton {
             options: { property: 'deleteRow' }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetDeleteRowButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetDeleteRowButtonDirective, deps: [{ token: i1$3.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SpreadsheetDeleteRowButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoSpreadsheetDeleteRowButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetDeleteRowButtonDirective, decorators: [{
@@ -1623,7 +1636,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     selector: 'kendo-toolbar-button[kendoSpreadsheetDeleteRowButton]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
 
 /**
  * @hidden
@@ -1635,7 +1648,7 @@ class SpreadsheetDeleteColumnButtonDirective extends SpreadsheetCommandButton {
             options: { property: 'deleteColumn' }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetDeleteColumnButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetDeleteColumnButtonDirective, deps: [{ token: i1$3.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SpreadsheetDeleteColumnButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoSpreadsheetDeleteColumnButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetDeleteColumnButtonDirective, decorators: [{
@@ -1644,7 +1657,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     selector: 'kendo-toolbar-button[kendoSpreadsheetDeleteColumnButton]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
 
 /**
  * @hidden
@@ -1658,7 +1671,7 @@ class SpreadsheetAddRowAboveButtonDirective extends SpreadsheetCommandButton {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetAddRowAboveButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetAddRowAboveButtonDirective, deps: [{ token: i1$3.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SpreadsheetAddRowAboveButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoSpreadsheetAddRowAboveButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetAddRowAboveButtonDirective, decorators: [{
@@ -1667,7 +1680,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     selector: 'kendo-toolbar-button[kendoSpreadsheetAddRowAboveButton]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
 
 /**
  * @hidden
@@ -1681,7 +1694,7 @@ class SpreadsheetAddRowBelowButtonDirective extends SpreadsheetCommandButton {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetAddRowBelowButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetAddRowBelowButtonDirective, deps: [{ token: i1$3.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SpreadsheetAddRowBelowButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoSpreadsheetAddRowBelowButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetAddRowBelowButtonDirective, decorators: [{
@@ -1690,7 +1703,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     selector: 'kendo-toolbar-button[kendoSpreadsheetAddRowBelowButton]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
 
 /**
  * @hidden
@@ -1704,7 +1717,7 @@ class SpreadsheetAddColumnRightButtonDirective extends SpreadsheetCommandButton
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetAddColumnRightButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetAddColumnRightButtonDirective, deps: [{ token: i1$3.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SpreadsheetAddColumnRightButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoSpreadsheetAddColumnRightButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetAddColumnRightButtonDirective, decorators: [{
@@ -1713,7 +1726,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     selector: 'kendo-toolbar-button[kendoSpreadsheetAddColumnRightButton]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
 
 /**
  * @hidden
@@ -1727,7 +1740,7 @@ class SpreadsheetAddColumnLeftButtonDirective extends SpreadsheetCommandButton {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetAddColumnLeftButtonDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetAddColumnLeftButtonDirective, deps: [{ token: i1$3.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SpreadsheetAddColumnLeftButtonDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoSpreadsheetAddColumnLeftButton]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetAddColumnLeftButtonDirective, decorators: [{
@@ -1736,7 +1749,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     selector: 'kendo-toolbar-button[kendoSpreadsheetAddColumnLeftButton]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
 
 /**
  * @hidden
@@ -1805,7 +1818,7 @@ class SpreadsheetInsertLinkDirective extends SpreadsheetCommandButton {
             });
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetInsertLinkDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }, { token: i1$1.DialogService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetInsertLinkDirective, deps: [{ token: i1$3.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }, { token: i1$2.DialogService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SpreadsheetInsertLinkDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoSpreadsheetInsertLink]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetInsertLinkDirective, decorators: [{
@@ -1814,7 +1827,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     selector: 'kendo-toolbar-button[kendoSpreadsheetInsertLink]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }, { type: i1$1.DialogService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }, { type: i1$2.DialogService }]; } });
 
 /**
  * @hidden
@@ -1854,7 +1867,7 @@ class SpreadsheetFormatDirective {
         };
         this.spreadsheetService.spreadsheet.executeCommand(options);
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetFormatDirective, deps: [{ token: i1$2.ToolBarDropDownButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetFormatDirective, deps: [{ token: i1$3.ToolBarDropDownButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SpreadsheetFormatDirective, isStandalone: true, selector: "[kendoSpreadsheetFormat]", ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetFormatDirective, decorators: [{
@@ -1863,7 +1876,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     selector: '[kendoSpreadsheetFormat]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.ToolBarDropDownButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$3.ToolBarDropDownButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
 
 /**
  * @hidden
@@ -1888,7 +1901,7 @@ class SpreadsheetTextWrapDirective extends SpreadsheetCommandButton {
             this.spreadsheetService.spreadsheet.executeCommand(options);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetTextWrapDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetTextWrapDirective, deps: [{ token: i1$3.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SpreadsheetTextWrapDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoSpreadsheetTextWrap]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetTextWrapDirective, decorators: [{
@@ -1897,7 +1910,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     selector: 'kendo-toolbar-button[kendoSpreadsheetTextWrap]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
 
 /**
  * @hidden
@@ -1934,7 +1947,7 @@ class SpreadsheetVerticalTextAlignDirective {
         };
         this.spreadsheetService.spreadsheet.executeCommand(options);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetVerticalTextAlignDirective, deps: [{ token: i1$2.ToolBarDropDownButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetVerticalTextAlignDirective, deps: [{ token: i1$3.ToolBarDropDownButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SpreadsheetVerticalTextAlignDirective, isStandalone: true, selector: "[kendoSpreadsheetVerticalTextAlign]", ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetVerticalTextAlignDirective, decorators: [{
@@ -1943,7 +1956,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     selector: '[kendoSpreadsheetVerticalTextAlign]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.ToolBarDropDownButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$3.ToolBarDropDownButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
 
 /**
  * @hidden
@@ -1980,7 +1993,7 @@ class SpreadsheetHorizontalTextAlignDirective {
         };
         this.spreadsheetService.spreadsheet.executeCommand(options);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetHorizontalTextAlignDirective, deps: [{ token: i1$2.ToolBarDropDownButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetHorizontalTextAlignDirective, deps: [{ token: i1$3.ToolBarDropDownButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SpreadsheetHorizontalTextAlignDirective, isStandalone: true, selector: "[kendoSpreadsheetHorizontalTextAlign]", ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetHorizontalTextAlignDirective, decorators: [{
@@ -1989,7 +2002,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     selector: '[kendoSpreadsheetHorizontalTextAlign]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.ToolBarDropDownButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$3.ToolBarDropDownButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
 
 /**
  * @hidden
@@ -2000,6 +2013,27 @@ function outerWidth(element) {
     width += parseFloat(style.marginLeft) || 0 + parseFloat(style.marginRight) || 0;
     return width;
 }
+/**
+ * @hidden
+ */
+const rangeValidator = (directive) => {
+    return (control) => {
+        const err = {
+            rangeError: {
+                message: 'Incorrect range format',
+                value: control.value
+            }
+        };
+        let range;
+        try {
+            range = directive.spreadsheetService.spreadsheet.activeSheet().range(control.value);
+        }
+        catch (e) { /** noop */ }
+        if (!isPresent(range)) {
+            return err;
+        }
+    };
+};
 
 /**
  * @hidden
@@ -2159,7 +2193,7 @@ class DialogContentComponent extends DialogContentBase {
         this.tabindex = args.tabindex;
         this.componentType = args.componentType;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogContentComponent, deps: [{ token: i1$1.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogContentComponent, deps: [{ token: i1$2.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DialogContentComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
         <div 
             [ngSwitch]="componentType"
@@ -2247,7 +2281,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     standalone: true,
                     imports: [NgSwitch, NgSwitchCase, FontFamilyDropDownListComponent, FontSizeDropDownListComponent, ColorPickerComponent]
                 }]
-        }], ctorParameters: function () { return [{ type: i1$1.DialogRef }]; } });
+        }], ctorParameters: function () { return [{ type: i1$2.DialogRef }]; } });
 
 /**
  * @hidden
@@ -2398,7 +2432,7 @@ class SpreadsheetDropDownToolBase extends ToolBarToolComponent {
         this.tabindex = -1;
         return false;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetDropDownToolBase, deps: [{ token: MY_TOKEN }, { token: i1$1.DialogService }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }, { token: i1$2.ToolBarComponent }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetDropDownToolBase, deps: [{ token: MY_TOKEN }, { token: i1$2.DialogService }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }, { token: i1$3.ToolBarComponent }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SpreadsheetDropDownToolBase, selector: "ng-component", outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true, read: ElementRef }, { propertyName: "dropDownListRef", first: true, predicate: ["element"], descendants: true }, { propertyName: "popupButton", first: true, predicate: ["popupButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetDropDownToolBase, decorators: [{
@@ -2409,7 +2443,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [MY_TOKEN]
-                }] }, { type: i1$1.DialogService }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }, { type: i1$2.ToolBarComponent }]; }, propDecorators: { element: [{
+                }] }, { type: i1$2.DialogService }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }, { type: i1$3.ToolBarComponent }]; }, propDecorators: { element: [{
                 type: ViewChild,
                 args: ['element', { read: ElementRef }]
             }], dropDownListRef: [{
@@ -2430,7 +2464,7 @@ class SpreadsheetBackColorComponent extends SpreadsheetDropDownToolBase {
     constructor(dialogService, localization, spreadsheetService, toolsService, toolbar) {
         super('background', dialogService, localization, spreadsheetService, toolsService, toolbar);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetBackColorComponent, deps: [{ token: i1$1.DialogService }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }, { token: ToolBarComponent }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetBackColorComponent, deps: [{ token: i1$2.DialogService }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }, { token: ToolBarComponent }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SpreadsheetBackColorComponent, isStandalone: true, selector: "kendo-spreadsheet-backcolor-tool", providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => SpreadsheetBackColorComponent) }], usesInheritance: true, ngImport: i0, template: `
         <ng-template #toolbarTemplate>
             <div class="k-toolbar-item">
@@ -2534,7 +2568,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     standalone: true,
                     imports: [ColorPickerComponent, IconWrapperComponent, NgIf]
                 }]
-        }], ctorParameters: function () { return [{ type: i1$1.DialogService }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }, { type: i1$2.ToolBarComponent, decorators: [{
+        }], ctorParameters: function () { return [{ type: i1$2.DialogService }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }, { type: i1$3.ToolBarComponent, decorators: [{
                     type: Inject,
                     args: [ToolBarComponent]
                 }] }]; } });
@@ -2547,7 +2581,7 @@ class SpreadsheetForeColorComponent extends SpreadsheetDropDownToolBase {
     constructor(dialogService, localization, spreadsheetService, toolsService, toolbar) {
         super('color', dialogService, localization, spreadsheetService, toolsService, toolbar);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetForeColorComponent, deps: [{ token: i1$1.DialogService }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }, { token: ToolBarComponent }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetForeColorComponent, deps: [{ token: i1$2.DialogService }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }, { token: ToolBarComponent }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SpreadsheetForeColorComponent, isStandalone: true, selector: "kendo-spreadsheet-forecolor-tool", providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => SpreadsheetForeColorComponent) }], usesInheritance: true, ngImport: i0, template: `
         <ng-template #toolbarTemplate>
             <div class="k-toolbar-item">
@@ -2651,7 +2685,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     standalone: true,
                     imports: [ColorPickerComponent, IconWrapperComponent, NgIf]
                 }]
-        }], ctorParameters: function () { return [{ type: i1$1.DialogService }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }, { type: i1$2.ToolBarComponent, decorators: [{
+        }], ctorParameters: function () { return [{ type: i1$2.DialogService }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }, { type: i1$3.ToolBarComponent, decorators: [{
                     type: Inject,
                     args: [ToolBarComponent]
                 }] }]; } });
@@ -2668,7 +2702,7 @@ class SpreadsheetUnderlineDirective extends SpreadsheetCommandButton {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetUnderlineDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetUnderlineDirective, deps: [{ token: i1$3.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SpreadsheetUnderlineDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoSpreadsheetUnderline]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetUnderlineDirective, decorators: [{
@@ -2677,7 +2711,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     selector: 'kendo-toolbar-button[kendoSpreadsheetUnderline]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
 
 /**
  * @hidden
@@ -2691,7 +2725,7 @@ class SpreadsheetItalicDirective extends SpreadsheetCommandButton {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetItalicDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetItalicDirective, deps: [{ token: i1$3.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SpreadsheetItalicDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoSpreadsheetItalic]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetItalicDirective, decorators: [{
@@ -2700,7 +2734,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     selector: 'kendo-toolbar-button[kendoSpreadsheetItalic]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
 
 /**
  * @hidden
@@ -2714,7 +2748,7 @@ class SpreadsheetBoldDirective extends SpreadsheetCommandButton {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetBoldDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetBoldDirective, deps: [{ token: i1$3.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SpreadsheetBoldDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoSpreadsheetBold]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetBoldDirective, decorators: [{
@@ -2723,7 +2757,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     selector: 'kendo-toolbar-button[kendoSpreadsheetBold]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
 
 /**
  * @hidden
@@ -2751,7 +2785,7 @@ class SpreadsheetDecreaseFontSizeDirective extends SpreadsheetCommandButton {
             this.value = state['fontSize'];
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetDecreaseFontSizeDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetDecreaseFontSizeDirective, deps: [{ token: i1$3.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SpreadsheetDecreaseFontSizeDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoSpreadsheetDecreaseFontSize]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetDecreaseFontSizeDirective, decorators: [{
@@ -2760,7 +2794,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     selector: 'kendo-toolbar-button[kendoSpreadsheetDecreaseFontSize]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
 
 /**
  * @hidden
@@ -2788,7 +2822,7 @@ class SpreadsheetIncreaseFontSizeDirective extends SpreadsheetCommandButton {
             this.value = state['fontSize'];
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetIncreaseFontSizeDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetIncreaseFontSizeDirective, deps: [{ token: i1$3.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SpreadsheetIncreaseFontSizeDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoSpreadsheetIncreaseFontSize]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetIncreaseFontSizeDirective, decorators: [{
@@ -2797,7 +2831,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     selector: 'kendo-toolbar-button[kendoSpreadsheetIncreaseFontSize]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
 
 /**
  * A component which configures an existing `DropDownListComponent` as a Spreadsheet tool
@@ -2811,7 +2845,7 @@ class SpreadsheetFontSizeComponent extends SpreadsheetDropDownToolBase {
     constructor(dialogService, localization, spreadsheetService, toolsService, toolbar) {
         super('fontSize', dialogService, localization, spreadsheetService, toolsService, toolbar);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetFontSizeComponent, deps: [{ token: i1$1.DialogService }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }, { token: ToolBarComponent }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetFontSizeComponent, deps: [{ token: i1$2.DialogService }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }, { token: ToolBarComponent }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SpreadsheetFontSizeComponent, isStandalone: true, selector: "kendo-toolbar-dropdownlist[kendoSpreadsheetFontSize]", providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => SpreadsheetFontSizeComponent) }], usesInheritance: true, ngImport: i0, template: `
         <ng-template #toolbarTemplate>
             <kendo-spreadsheet-fontsize-dropdownlist
@@ -2887,7 +2921,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     standalone: true,
                     imports: [FontSizeDropDownListComponent, IconWrapperComponent, NgIf]
                 }]
-        }], ctorParameters: function () { return [{ type: i1$1.DialogService }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }, { type: i1$2.ToolBarComponent, decorators: [{
+        }], ctorParameters: function () { return [{ type: i1$2.DialogService }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }, { type: i1$3.ToolBarComponent, decorators: [{
                     type: Inject,
                     args: [ToolBarComponent]
                 }] }]; } });
@@ -2904,7 +2938,7 @@ class SpreadsheetFontFamilyComponent extends SpreadsheetDropDownToolBase {
     constructor(dialogService, localization, spreadsheetService, toolsService, toolbar) {
         super('fontFamily', dialogService, localization, spreadsheetService, toolsService, toolbar);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetFontFamilyComponent, deps: [{ token: i1$1.DialogService }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }, { token: ToolBarComponent }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetFontFamilyComponent, deps: [{ token: i1$2.DialogService }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }, { token: ToolBarComponent }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SpreadsheetFontFamilyComponent, isStandalone: true, selector: "kendo-toolbar-dropdownlist[kendoSpreadsheetFontFamily]", providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => SpreadsheetFontFamilyComponent) }], usesInheritance: true, ngImport: i0, template: `
         <ng-template #toolbarTemplate>
             <kendo-spreadsheet-fontfamily-dropdownlist
@@ -2980,7 +3014,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     standalone: true,
                     imports: [FontFamilyDropDownListComponent, IconWrapperComponent, NgIf]
                 }]
-        }], ctorParameters: function () { return [{ type: i1$1.DialogService }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }, { type: i1$2.ToolBarComponent, decorators: [{
+        }], ctorParameters: function () { return [{ type: i1$2.DialogService }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }, { type: i1$3.ToolBarComponent, decorators: [{
                     type: Inject,
                     args: [ToolBarComponent]
                 }] }]; } });
@@ -2997,7 +3031,7 @@ class SpreadsheetRedoDirective extends SpreadsheetCommandButton {
     clickHandler() {
         this.spreadsheetService.spreadsheet.workbook.undoRedoStack['redo']();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetRedoDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetRedoDirective, deps: [{ token: i1$3.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SpreadsheetRedoDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoSpreadsheetRedo]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetRedoDirective, decorators: [{
@@ -3006,7 +3040,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     selector: 'kendo-toolbar-button[kendoSpreadsheetRedo]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
 
 /**
  * @hidden
@@ -3020,7 +3054,7 @@ class SpreadsheetUndoDirective extends SpreadsheetCommandButton {
     clickHandler() {
         this.spreadsheetService.spreadsheet.workbook.undoRedoStack['undo']();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetUndoDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetUndoDirective, deps: [{ token: i1$3.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SpreadsheetUndoDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoSpreadsheetUndo]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetUndoDirective, decorators: [{
@@ -3029,7 +3063,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     selector: 'kendo-toolbar-button[kendoSpreadsheetUndo]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
 
 /**
  * @hidden
@@ -3063,7 +3097,7 @@ class SpreadsheetSaveFileDirective {
     ngOnDestroy() {
         this.subs.unsubscribe();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetSaveFileDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetSaveFileDirective, deps: [{ token: i1$3.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SpreadsheetSaveFileDirective, isStandalone: true, selector: "[kendoSpreadsheetSaveFile]", ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetSaveFileDirective, decorators: [{
@@ -3072,7 +3106,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     selector: '[kendoSpreadsheetSaveFile]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }]; } });
 
 /**
  * @hidden
@@ -3275,7 +3309,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     standalone: true,
                     imports: [ButtonComponent, IconWrapperComponent]
                 }]
-        }], ctorParameters: function () { return [{ type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: i1$2.ToolBarComponent, decorators: [{
+        }], ctorParameters: function () { return [{ type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: i1$3.ToolBarComponent, decorators: [{
                     type: Inject,
                     args: [ToolBarComponent]
                 }] }]; }, propDecorators: { overflowButtonElement: [{
@@ -3331,6 +3365,10 @@ class MessagesDirective extends ComponentMessages {
      * The name of the "Format" toolbar tab
      */
     formatTab;
+    /**
+     * The name of the "Data" toolbar tab
+     */
+    dataTab;
     /* Section of Tools Messages */
     /**
      * The title of the Save File tool
@@ -3344,6 +3382,134 @@ class MessagesDirective extends ComponentMessages {
      * The title of the Bold tool
      */
     bold;
+    /**
+     * The title of the Data Validation tool
+     */
+    dataValidation;
+    /**
+     * The text of the Cell Range input label in the data validation dialog
+     */
+    validationCellRange;
+    /**
+     * The text of the Criteria dropdown list label in the data validation dialog.
+     */
+    validationCriteria;
+    /**
+     * The text of the Comparer dropdown list label in the data validation dialog.
+     */
+    validationComparer;
+    /**
+     * The text of the Min value label in the data validation dialog.
+     */
+    validationMinValue;
+    /**
+     * The text of the Max value label in the data validation dialog.
+     */
+    validationMaxValue;
+    /**
+     * The text of the Start value label in the data validation dialog.
+     */
+    validationStartValue;
+    /**
+     * The text of the End value label in the data validation dialog.
+     */
+    validationEndValue;
+    /**
+     * The text of the Value label in the data validation dialog.
+     */
+    validationValue;
+    /**
+     * The text for the Show list button checkbox label in the data validation dialog.
+     */
+    validationShowListButtonCheckbox;
+    /**
+     * The text for the Show date button checkbox label in the data validation dialog.
+     */
+    validationShowDateButtonCheckbox;
+    /**
+     * The text for the Ignore blank checkbox label in the data validation dialog.
+     */
+    validationIgnoreBlankCheckbox;
+    /**
+     * The text for the On invalid data label in the data validation dialog.
+     */
+    validationOnInvalidData;
+    /**
+     * The text for the Reject input radio button label in the data validation dialog.
+     */
+    validationRejectInput;
+    /**
+     * The text for the Show warning radio button label in the data validation dialog.
+     */
+    validationShowWarning;
+    /**
+     * The text for the Show hint checkbox label in the data validation dialog.
+     */
+    validationShowHint;
+    /**
+     * The text of the Any value validation criteria.
+     */
+    anyValueValidationCriteria;
+    /**
+     * The text of the Number validation criteria.
+     */
+    numberValidationCriteria;
+    /**
+     * The text of the Text validation criteria.
+     */
+    textValidationCriteria;
+    /**
+     * The text of the Date validation criteria.
+     */
+    dateValidationCriteria;
+    /**
+     * The text of the Custom Formula validation criteria.
+     */
+    customFormulaValidationCriteria;
+    /**
+     * The text of the List validation criteria.
+     */
+    listValidationCriteria;
+    /**
+     * The text of the greater than validation comparer.
+     */
+    greaterThanValidationComparer;
+    /**
+     * The text of the less than validation comparer.
+     */
+    lessThanValidationComparer;
+    /**
+     * The text of the between validation comparer.
+     */
+    betweenValidationComparer;
+    /**
+     * The text of the not between validation comparer.
+     */
+    notBetweenValidationComparer;
+    /**
+     * The text of the equal to validation comparer.
+     */
+    equalToValidationComparer;
+    /**
+     * The text of the not equal to validation comparer.
+     */
+    notEqualToValidationComparer;
+    /**
+     * The text of the greater than or equal to validation comparer.
+     */
+    greaterThanOrEqualToValidationComparer;
+    /**
+     * The text of the less than or equal to validation comparer.
+     */
+    lessThanOrEqualToValidationComparer;
+    /**
+     * The text for the Custom hint input label in the data validation dialog.
+     */
+    validationHintMessage;
+    /**
+     * The text for the Custom hint title input label in the data validation dialog.
+     */
+    validationHintTitle;
     /**
      * The title of the Italic tool
      */
@@ -3474,6 +3640,10 @@ class MessagesDirective extends ComponentMessages {
      * The text of the **Insert** button in all Spreadsheet dialogs
      */
     dialogInsert;
+    /**
+     * The text of the **Remove** button in all Spreadsheet dialogs
+     */
+    dialogRemove;
     /**
      * The text of the **Remove link** button in the Link tool dialog
      */
@@ -3634,7 +3804,7 @@ class MessagesDirective extends ComponentMessages {
      */
     invalidNameError;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MessagesDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: MessagesDirective, isStandalone: true, selector: "[kendoSpreadsheetMessages]", inputs: { home: "home", file: "file", insert: "insert", formatTab: "formatTab", saveFile: "saveFile", loadFile: "loadFile", bold: "bold", 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", 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: "16.2.12", 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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MessagesDirective, decorators: [{
             type: Directive,
@@ -3650,12 +3820,78 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], formatTab: [{
                 type: Input
+            }], dataTab: [{
+                type: Input
             }], saveFile: [{
                 type: Input
             }], loadFile: [{
                 type: Input
             }], bold: [{
                 type: Input
+            }], dataValidation: [{
+                type: Input
+            }], validationCellRange: [{
+                type: Input
+            }], validationCriteria: [{
+                type: Input
+            }], validationComparer: [{
+                type: Input
+            }], validationMinValue: [{
+                type: Input
+            }], validationMaxValue: [{
+                type: Input
+            }], validationStartValue: [{
+                type: Input
+            }], validationEndValue: [{
+                type: Input
+            }], validationValue: [{
+                type: Input
+            }], validationShowListButtonCheckbox: [{
+                type: Input
+            }], validationShowDateButtonCheckbox: [{
+                type: Input
+            }], validationIgnoreBlankCheckbox: [{
+                type: Input
+            }], validationOnInvalidData: [{
+                type: Input
+            }], validationRejectInput: [{
+                type: Input
+            }], validationShowWarning: [{
+                type: Input
+            }], validationShowHint: [{
+                type: Input
+            }], anyValueValidationCriteria: [{
+                type: Input
+            }], numberValidationCriteria: [{
+                type: Input
+            }], textValidationCriteria: [{
+                type: Input
+            }], dateValidationCriteria: [{
+                type: Input
+            }], customFormulaValidationCriteria: [{
+                type: Input
+            }], listValidationCriteria: [{
+                type: Input
+            }], greaterThanValidationComparer: [{
+                type: Input
+            }], lessThanValidationComparer: [{
+                type: Input
+            }], betweenValidationComparer: [{
+                type: Input
+            }], notBetweenValidationComparer: [{
+                type: Input
+            }], equalToValidationComparer: [{
+                type: Input
+            }], notEqualToValidationComparer: [{
+                type: Input
+            }], greaterThanOrEqualToValidationComparer: [{
+                type: Input
+            }], lessThanOrEqualToValidationComparer: [{
+                type: Input
+            }], validationHintMessage: [{
+                type: Input
+            }], validationHintTitle: [{
+                type: Input
             }], italic: [{
                 type: Input
             }], underline: [{
@@ -3720,6 +3956,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], dialogInsert: [{
                 type: Input
+            }], dialogRemove: [{
+                type: Input
             }], dialogRemoveLink: [{
                 type: Input
             }], delete: [{
@@ -3807,7 +4045,7 @@ class LocalizedMessagesDirective extends MessagesDirective {
         super();
         this.service = service;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoSpreadsheetLocalizedMessages]", providers: [{
                 provide: MessagesDirective,
                 useExisting: forwardRef(() => LocalizedMessagesDirective)
@@ -3823,7 +4061,716 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     selector: '[kendoSpreadsheetLocalizedMessages]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i2.LocalizationService }]; } });
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
+
+const COMPARER_VALUE_NUMBER = {
+    greaterThan: 'validationMinValue',
+    lessThan: 'validationMaxValue',
+    greaterThanOrEqualTo: 'validationMinValue',
+    lessThanOrEqualTo: 'validationMaxValue'
+};
+const COMPARER_VALUE_DATE = {
+    greaterThan: 'validationStartValue',
+    lessThan: 'validationEndValue'
+};
+/**
+ * @hidden
+ */
+class DataValidationDialogComponent extends DialogContentBase {
+    localization;
+    spreadsheetService;
+    zone;
+    cellRange;
+    criteriaList;
+    ignoreBlank = true;
+    showButton = true;
+    showHint;
+    from = null;
+    to = null;
+    validationFormGroup;
+    hintTitle = 'Validation Error';
+    hintMessage = 'The value that you entered violates the validation rules set on the cell.';
+    _comparer;
+    _criteria;
+    _onInvalidData;
+    onInvalidDataSub;
+    allComparers = [];
+    textComparers = [];
+    dialogAction = new EventEmitter();
+    constructor(localization, spreadsheetService, zone, dialog) {
+        super(dialog);
+        this.localization = localization;
+        this.spreadsheetService = spreadsheetService;
+        this.zone = zone;
+    }
+    ngOnInit() {
+        if (this.criteria.type === 'any') {
+            this.validationFormGroup = new FormGroup({
+                range: new FormControl(this.cellRange, [Validators.required, rangeValidator(this)])
+            });
+        }
+        else if (this.comparer?.type === 'between' || this.comparer?.type === 'notBetween') {
+            this.validationFormGroup = new FormGroup({
+                range: new FormControl(this.cellRange, [Validators.required, rangeValidator(this)]),
+                min: new FormControl(this.from, [Validators.required]),
+                max: new FormControl(this.to, [Validators.required]),
+                onInvalidData: new FormControl(this.onInvalidData)
+            });
+        }
+        else {
+            this.validationFormGroup = new FormGroup({
+                range: new FormControl(this.cellRange, [Validators.required, rangeValidator(this)]),
+                min: new FormControl(this.from, [Validators.required]),
+                onInvalidData: new FormControl(this.onInvalidData)
+            });
+        }
+        this.addInvalidDataSub();
+        this.criteriaList = [
+            { type: 'any', name: this.getLocalizationMessage('anyValueValidationCriteria') },
+            { type: 'number', name: this.getLocalizationMessage('numberValidationCriteria') },
+            { type: 'text', name: this.getLocalizationMessage('textValidationCriteria') },
+            { type: 'date', name: this.getLocalizationMessage('dateValidationCriteria') },
+            { type: 'custom', name: this.getLocalizationMessage('customFormulaValidationCriteria') },
+            { type: 'list', name: this.getLocalizationMessage('listValidationCriteria') }
+        ];
+        this.allComparers = [
+            { type: 'greaterThan', name: this.getLocalizationMessage('greaterThanValidationComparer') },
+            { type: 'lessThan', name: this.getLocalizationMessage('lessThanValidationComparer') },
+            { type: 'between', name: this.getLocalizationMessage('betweenValidationComparer') },
+            { type: 'notBetween', name: this.getLocalizationMessage('notBetweenValidationComparer') },
+            { type: 'equalTo', name: this.getLocalizationMessage('equalToValidationComparer') },
+            { type: 'notEqualTo', name: this.getLocalizationMessage('notEqualToValidationComparer') },
+            { type: 'greaterThanOrEqualTo', name: this.getLocalizationMessage('greaterThanOrEqualToValidationComparer') },
+            { type: 'lessThanOrEqualTo', name: this.getLocalizationMessage('lessThanOrEqualToValidationComparer') }
+        ];
+        this.textComparers = [
+            { type: 'equalTo', name: this.getLocalizationMessage('equalToValidationComparer') },
+            { type: 'notEqualTo', name: this.getLocalizationMessage('notEqualToValidationComparer') }
+        ];
+    }
+    ngOnDestroy() {
+        this.onInvalidDataSub?.unsubscribe();
+        this.onInvalidDataSub = null;
+    }
+    getLocalizationMessage(key) {
+        return this.localization.get(key);
+    }
+    onRangeChange(value, input) {
+        let range;
+        try {
+            range = this.spreadsheetService.spreadsheet.activeSheet().range(value);
+        }
+        catch (e) { /** noop */ }
+        if (isPresent(range)) {
+            range.select();
+            this.cellRange = value;
+        }
+        this.zone.runOutsideAngular(() => {
+            setTimeout(() => {
+                input.focus();
+            });
+        });
+    }
+    onSelectionChange(item, field) {
+        if (field === 'criteria') {
+            this.from = this.to = null;
+            this.comparer = null;
+            this.showButton = this.ignoreBlank = true;
+            if (item.type === 'any') {
+                this.validationFormGroup = new FormGroup({
+                    range: new FormControl(this.cellRange, [Validators.required, rangeValidator(this)])
+                });
+            }
+            else {
+                this.validationFormGroup = new FormGroup({
+                    range: new FormControl(this.cellRange, [Validators.required, rangeValidator(this)]),
+                    min: new FormControl(this.from, [Validators.required]),
+                    onInvalidData: new FormControl(this.onInvalidData)
+                });
+            }
+        }
+        else {
+            this.showButton = this.ignoreBlank = true;
+            switch (item.type) {
+                case 'between':
+                case 'notBetween':
+                    this.validationFormGroup = new FormGroup({
+                        range: new FormControl(this.cellRange, [Validators.required, rangeValidator(this)]),
+                        min: new FormControl(this.from, [Validators.required]),
+                        max: new FormControl(this.to, [Validators.required]),
+                        onInvalidData: new FormControl(this.onInvalidData)
+                    });
+                    break;
+                default:
+                    this.validationFormGroup = new FormGroup({
+                        range: new FormControl(this.cellRange, [Validators.required, rangeValidator(this)]),
+                        min: new FormControl(this.from, [Validators.required]),
+                        onInvalidData: new FormControl(this.onInvalidData)
+                    });
+                    break;
+            }
+        }
+        this.addInvalidDataSub();
+        this[field] = item;
+    }
+    get criteria() {
+        return this._criteria || { type: 'any', name: 'Any value' };
+    }
+    set criteria(value) {
+        this._criteria = value;
+    }
+    get comparer() {
+        return this._comparer || this.comparerList[0];
+    }
+    set comparer(value) {
+        this._comparer = value;
+    }
+    get onInvalidData() {
+        return this._onInvalidData || 'reject';
+    }
+    set onInvalidData(value) {
+        this._onInvalidData = value;
+    }
+    get comparerList() {
+        return this.criteria.type === 'text' ? this.textComparers : this.allComparers;
+    }
+    get singleValue() {
+        return !this.comparer.name.includes('between');
+    }
+    get showComparer() {
+        return this.criteria.type === 'number' || this.criteria.type === 'text' || this.criteria.type === 'date';
+    }
+    setData(args) {
+        for (const key in args) {
+            this[key] = args[key];
+        }
+    }
+    getValueLabel() {
+        const valueLabel = this.localization.get('validationValue');
+        if (this.criteria.type === 'custom' || this.criteria.type === 'list') {
+            return valueLabel;
+        }
+        const labelKey = this.criteria.type === 'date' ? COMPARER_VALUE_DATE[this.comparer.type] : COMPARER_VALUE_NUMBER[this.comparer.type];
+        return this.localization.get(labelKey) || valueLabel;
+    }
+    getShowButtonLabel() {
+        const labelKey = this.criteria.type === 'list' ? 'validationShowListButtonCheckbox' : 'validationShowDateButtonCheckbox';
+        return this.getLocalizationMessage(labelKey);
+    }
+    get validationPresent() {
+        const currentSheet = this.spreadsheetService.spreadsheet.activeSheet();
+        return !!currentSheet.range(currentSheet.activeCell()).validation();
+    }
+    addInvalidDataSub() {
+        this.onInvalidDataSub?.unsubscribe();
+        if (this.validationFormGroup.get('onInvalidData')) {
+            this.onInvalidDataSub = this.validationFormGroup.get('onInvalidData').valueChanges.subscribe((value) => {
+                this.onInvalidData = value;
+            });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataValidationDialogComponent, deps: [{ token: i1.LocalizationService }, { token: SpreadsheetService }, { token: i0.NgZone }, { token: i1$2.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DataValidationDialogComponent, isStandalone: true, selector: "ng-component", outputs: { dialogAction: "dialogAction" }, usesInheritance: true, ngImport: i0, template: `
+        <form class="k-form k-form-md" [formGroup]="validationFormGroup">
+            <div class="k-form-field">
+                <kendo-label class="k-form-label" [text]="getLocalizationMessage('validationCellRange')" [for]="rangeInput"></kendo-label>
+                <div class="k-form-field-wrap">
+                    <kendo-textbox #rangeInput
+                        [clearButton]="true"
+                        [value]="cellRange"
+                        (valueChange)="onRangeChange($event, rangeInput)"
+                        formControlName="range">
+                    </kendo-textbox>
+                </div>
+            </div>
+            <div class="k-form-field">
+                <kendo-label class="k-form-label" [text]="getLocalizationMessage('validationCriteria')" [for]="criteriaInput"></kendo-label>
+                <div class="k-form-field-wrap">
+                    <kendo-dropdownlist #criteriaInput
+                        [data]="criteriaList"
+                        [value]="criteria"
+                        (selectionChange)="onSelectionChange($event, 'criteria')"
+                        textField="name"
+                        valueField="type">
+                    </kendo-dropdownlist>
+                </div>
+            </div>
+            <ng-container *ngIf="criteria.type !== 'any'">
+                <div class="k-form-field" *ngIf="showComparer">
+                    <kendo-label class="k-form-label" [text]="getLocalizationMessage('validationComparer')" [for]="comparerInput"></kendo-label>
+                    <div class="k-form-field-wrap">
+                        <kendo-dropdownlist #comparerInput
+                            [data]="comparerList"
+                            [value]="comparer"
+                            (selectionChange)="onSelectionChange($event, 'comparer')"
+                            textField="name"
+                            valueField="type">
+                        </kendo-dropdownlist>
+                    </div>
+                </div>
+                <div class="k-form-field" *ngIf="singleValue; else betweenValues">
+                    <kendo-label class="k-label k-form-label" [text]="getValueLabel()" [for]="minInput"></kendo-label>
+                    <div class="k-form-field-wrap">
+                        <kendo-textbox #minInput [(value)]="from" formControlName="min"></kendo-textbox>
+                    </div>
+                </div>
+                <ng-template #betweenValues>
+                    <div class="k-form-field">
+                        <kendo-label class="k-form-label" [text]="getLocalizationMessage(criteria.type === 'date' ? 'validationStartValue' : 'validationMinValue')" [for]="betweenMinInput"></kendo-label>
+                        <div class="k-form-field-wrap">
+                            <kendo-textbox #betweenMinInput [(value)]="from" formControlName="min"></kendo-textbox>
+                        </div>
+                    </div>
+                    <div class="k-form-field">
+                        <kendo-label class="k-form-label" [text]="getLocalizationMessage(criteria.type === 'date' ? 'validationEndValue' : 'validationMaxValue')" [for]="betweenMaxInput"></kendo-label>
+                        <div class="k-form-field-wrap">
+                            <kendo-textbox #betweenMaxInput [(value)]="to" formControlName="max"></kendo-textbox>
+                        </div>
+                    </div>
+                </ng-template>
+                <div class="k-form-field" *ngIf="criteria.type === 'list'">
+                    <div class="k-form-field-wrap">
+                        <kendo-checkbox #showBtnCheckBox [(checkedState)]="showButton"></kendo-checkbox>
+                        <kendo-label class="k-checkbox-label" [for]="showBtnCheckBox" [text]="getLocalizationMessage('validationShowListButtonCheckbox')"></kendo-label>
+                    </div>
+                </div>
+                <div class="k-form-field">
+                    <div class="k-form-field-wrap">
+                        <kendo-checkbox #ignoreBlankCheckBox [(checkedState)]="ignoreBlank"></kendo-checkbox>
+                        <kendo-label class="k-checkbox-label" [for]="ignoreBlankCheckBox" [text]="getLocalizationMessage('validationIgnoreBlankCheckbox')"></kendo-label>
+                    </div>
+                </div>
+                <div class="k-form-field">
+                    <kendo-label class="k-form-label" [text]="getLocalizationMessage('validationOnInvalidData')"></kendo-label>
+                    <div class="k-form-field-wrap">
+                        <ul class="k-radio-list k-list-vertical">
+                            <li class="k-radio-list-item">
+                                <kendo-radiobutton #rejectRadioBtn formControlName="onInvalidData" value="reject"></kendo-radiobutton>
+                                <kendo-label class="k-radio-label" [for]="rejectRadioBtn" [text]="getLocalizationMessage('validationRejectInput')"></kendo-label>
+                            </li>
+                            <li class="k-radio-list-item">
+                                <kendo-radiobutton #warningRadioBtn formControlName="onInvalidData" value="warning"></kendo-radiobutton>
+                                <kendo-label class="k-radio-label" [for]="warningRadioBtn" [text]="getLocalizationMessage('validationShowWarning')"></kendo-label>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="k-form-field">
+                    <div class="k-form-field-wrap">
+                        <kendo-checkbox #showHintCheckBox [(checkedState)]="showHint"></kendo-checkbox>
+                        <kendo-label class="k-checkbox-label" [for]="showHintCheckBox" [text]="getLocalizationMessage('validationShowHint')"></kendo-label>
+                    </div>
+                </div>
+                <div class="k-form-field">
+                    <kendo-label class="k-form-label" [text]="getLocalizationMessage('validationHintTitle')" [for]="hintTitleInput"></kendo-label>
+                    <div class="k-form-field-wrap">
+                        <kendo-textbox #hintTitleInput [(value)]="hintTitle"></kendo-textbox>
+                    </div>
+                </div>
+                <div class="k-form-field">
+                    <kendo-label class="k-form-label" [text]="getLocalizationMessage('validationHintMessage')" [for]="hintMessageInput"></kendo-label>
+                    <div class="k-form-field-wrap">
+                        <kendo-textbox #hintMessageInput [(value)]="hintMessage"></kendo-textbox>
+                    </div>
+                </div>
+            </ng-container>
+        </form>
+        <kendo-dialog-actions layout="start" #dialogActions>
+            <button kendoButton themeColor="primary" [disabled]="validationFormGroup?.invalid" (click)="dialogAction.emit(getLocalizationMessage('dialogApply'))">
+                {{getLocalizationMessage('dialogApply')}}
+            </button>
+            <button kendoButton (click)="dialogAction.emit(getLocalizationMessage('dialogCancel'))">{{getLocalizationMessage('dialogCancel')}}</button>
+            <button kendoButton themeColor="error" fillMode="flat" *ngIf="validationPresent" (click)="dialogAction.emit(getLocalizationMessage('dialogRemove'))">
+                {{getLocalizationMessage('dialogRemove')}}
+            </button>
+        </kendo-dialog-actions>
+    `, isInline: true, dependencies: [{ kind: "component", type: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "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: "component", type: CheckBoxComponent, selector: "kendo-checkbox", inputs: ["checkedState", "rounded"], outputs: ["checkedStateChange"], exportAs: ["kendoCheckBox"] }, { kind: "component", type: RadioButtonComponent, selector: "kendo-radiobutton", inputs: ["checked"], outputs: ["checkedChange"], exportAs: ["kendoRadioButton"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { 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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataValidationDialogComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+        <form class="k-form k-form-md" [formGroup]="validationFormGroup">
+            <div class="k-form-field">
+                <kendo-label class="k-form-label" [text]="getLocalizationMessage('validationCellRange')" [for]="rangeInput"></kendo-label>
+                <div class="k-form-field-wrap">
+                    <kendo-textbox #rangeInput
+                        [clearButton]="true"
+                        [value]="cellRange"
+                        (valueChange)="onRangeChange($event, rangeInput)"
+                        formControlName="range">
+                    </kendo-textbox>
+                </div>
+            </div>
+            <div class="k-form-field">
+                <kendo-label class="k-form-label" [text]="getLocalizationMessage('validationCriteria')" [for]="criteriaInput"></kendo-label>
+                <div class="k-form-field-wrap">
+                    <kendo-dropdownlist #criteriaInput
+                        [data]="criteriaList"
+                        [value]="criteria"
+                        (selectionChange)="onSelectionChange($event, 'criteria')"
+                        textField="name"
+                        valueField="type">
+                    </kendo-dropdownlist>
+                </div>
+            </div>
+            <ng-container *ngIf="criteria.type !== 'any'">
+                <div class="k-form-field" *ngIf="showComparer">
+                    <kendo-label class="k-form-label" [text]="getLocalizationMessage('validationComparer')" [for]="comparerInput"></kendo-label>
+                    <div class="k-form-field-wrap">
+                        <kendo-dropdownlist #comparerInput
+                            [data]="comparerList"
+                            [value]="comparer"
+                            (selectionChange)="onSelectionChange($event, 'comparer')"
+                            textField="name"
+                            valueField="type">
+                        </kendo-dropdownlist>
+                    </div>
+                </div>
+                <div class="k-form-field" *ngIf="singleValue; else betweenValues">
+                    <kendo-label class="k-label k-form-label" [text]="getValueLabel()" [for]="minInput"></kendo-label>
+                    <div class="k-form-field-wrap">
+                        <kendo-textbox #minInput [(value)]="from" formControlName="min"></kendo-textbox>
+                    </div>
+                </div>
+                <ng-template #betweenValues>
+                    <div class="k-form-field">
+                        <kendo-label class="k-form-label" [text]="getLocalizationMessage(criteria.type === 'date' ? 'validationStartValue' : 'validationMinValue')" [for]="betweenMinInput"></kendo-label>
+                        <div class="k-form-field-wrap">
+                            <kendo-textbox #betweenMinInput [(value)]="from" formControlName="min"></kendo-textbox>
+                        </div>
+                    </div>
+                    <div class="k-form-field">
+                        <kendo-label class="k-form-label" [text]="getLocalizationMessage(criteria.type === 'date' ? 'validationEndValue' : 'validationMaxValue')" [for]="betweenMaxInput"></kendo-label>
+                        <div class="k-form-field-wrap">
+                            <kendo-textbox #betweenMaxInput [(value)]="to" formControlName="max"></kendo-textbox>
+                        </div>
+                    </div>
+                </ng-template>
+                <div class="k-form-field" *ngIf="criteria.type === 'list'">
+                    <div class="k-form-field-wrap">
+                        <kendo-checkbox #showBtnCheckBox [(checkedState)]="showButton"></kendo-checkbox>
+                        <kendo-label class="k-checkbox-label" [for]="showBtnCheckBox" [text]="getLocalizationMessage('validationShowListButtonCheckbox')"></kendo-label>
+                    </div>
+                </div>
+                <div class="k-form-field">
+                    <div class="k-form-field-wrap">
+                        <kendo-checkbox #ignoreBlankCheckBox [(checkedState)]="ignoreBlank"></kendo-checkbox>
+                        <kendo-label class="k-checkbox-label" [for]="ignoreBlankCheckBox" [text]="getLocalizationMessage('validationIgnoreBlankCheckbox')"></kendo-label>
+                    </div>
+                </div>
+                <div class="k-form-field">
+                    <kendo-label class="k-form-label" [text]="getLocalizationMessage('validationOnInvalidData')"></kendo-label>
+                    <div class="k-form-field-wrap">
+                        <ul class="k-radio-list k-list-vertical">
+                            <li class="k-radio-list-item">
+                                <kendo-radiobutton #rejectRadioBtn formControlName="onInvalidData" value="reject"></kendo-radiobutton>
+                                <kendo-label class="k-radio-label" [for]="rejectRadioBtn" [text]="getLocalizationMessage('validationRejectInput')"></kendo-label>
+                            </li>
+                            <li class="k-radio-list-item">
+                                <kendo-radiobutton #warningRadioBtn formControlName="onInvalidData" value="warning"></kendo-radiobutton>
+                                <kendo-label class="k-radio-label" [for]="warningRadioBtn" [text]="getLocalizationMessage('validationShowWarning')"></kendo-label>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="k-form-field">
+                    <div class="k-form-field-wrap">
+                        <kendo-checkbox #showHintCheckBox [(checkedState)]="showHint"></kendo-checkbox>
+                        <kendo-label class="k-checkbox-label" [for]="showHintCheckBox" [text]="getLocalizationMessage('validationShowHint')"></kendo-label>
+                    </div>
+                </div>
+                <div class="k-form-field">
+                    <kendo-label class="k-form-label" [text]="getLocalizationMessage('validationHintTitle')" [for]="hintTitleInput"></kendo-label>
+                    <div class="k-form-field-wrap">
+                        <kendo-textbox #hintTitleInput [(value)]="hintTitle"></kendo-textbox>
+                    </div>
+                </div>
+                <div class="k-form-field">
+                    <kendo-label class="k-form-label" [text]="getLocalizationMessage('validationHintMessage')" [for]="hintMessageInput"></kendo-label>
+                    <div class="k-form-field-wrap">
+                        <kendo-textbox #hintMessageInput [(value)]="hintMessage"></kendo-textbox>
+                    </div>
+                </div>
+            </ng-container>
+        </form>
+        <kendo-dialog-actions layout="start" #dialogActions>
+            <button kendoButton themeColor="primary" [disabled]="validationFormGroup?.invalid" (click)="dialogAction.emit(getLocalizationMessage('dialogApply'))">
+                {{getLocalizationMessage('dialogApply')}}
+            </button>
+            <button kendoButton (click)="dialogAction.emit(getLocalizationMessage('dialogCancel'))">{{getLocalizationMessage('dialogCancel')}}</button>
+            <button kendoButton themeColor="error" fillMode="flat" *ngIf="validationPresent" (click)="dialogAction.emit(getLocalizationMessage('dialogRemove'))">
+                {{getLocalizationMessage('dialogRemove')}}
+            </button>
+        </kendo-dialog-actions>
+    `,
+                    standalone: true,
+                    imports: [TextBoxComponent, DropDownListComponent, CheckBoxComponent, RadioButtonComponent, NgIf, ReactiveFormsModule, LabelComponent, DialogActionsComponent, ButtonComponent]
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: SpreadsheetService }, { type: i0.NgZone }, { type: i1$2.DialogRef }]; }, propDecorators: { dialogAction: [{
+                type: Output
+            }] } });
+
+const COMPARERS_LIST = [
+    { type: 'greaterThan', name: 'greater than' },
+    { type: 'lessThan', name: 'less than' },
+    { type: 'between', name: 'between' },
+    { type: 'notBetween', name: 'not between' },
+    { type: 'equalTo', name: 'equal to' },
+    { type: 'notEqualTo', name: 'not equal to' },
+    { type: 'greaterThanOrEqualTo', name: 'greater than or equal to' },
+    { type: 'lessThanOrEqualTo', name: 'less than or equal to' }
+];
+const CRITERIA_LIST = [
+    { type: 'any', name: 'Any value' },
+    { type: 'number', name: 'Number' },
+    { type: 'text', name: 'Text' },
+    { type: 'date', name: 'Date' },
+    { type: 'custom', name: 'Custom Formula' },
+    { type: 'list', name: 'List' }
+];
+/**
+ * @hidden
+ */
+class SpreadsheetDataValidationDirective extends SpreadsheetCommandButton {
+    dialogService;
+    renderer;
+    constructor(button, localization, spreadsheetService, toolsService, dialogService, renderer) {
+        super('dataValidation', button, localization, spreadsheetService, toolsService, {
+            command: 'EditValidationCommand', options: { value: '' }
+        });
+        this.dialogService = dialogService;
+        this.renderer = renderer;
+        button.showText = 'both';
+    }
+    get currentRange() {
+        return this.spreadsheetService.spreadsheet.options.nameBoxRef.current.value();
+    }
+    ngAfterViewInit() {
+        this.renderer.setAttribute(this.button.toolbarButtonElement.nativeElement, 'aria-haspopup', 'dialog');
+        this.renderer.setAttribute(this.button.toolbarButtonElement.nativeElement, 'aria-expanded', 'false');
+    }
+    clickHandler() {
+        this.openDialog();
+    }
+    /**
+     * @hidden
+     */
+    openDialog() {
+        const currentSheet = this.spreadsheetService.spreadsheet.activeSheet();
+        const currentRangeValidation = currentSheet.range(currentSheet.activeCell()).validation();
+        const dialogSettings = {
+            appendTo: this.spreadsheetService.dialogContainer,
+            title: this.localization.get(this.command),
+            content: DataValidationDialogComponent,
+            minWidth: 400
+        };
+        const dialog = this.dialogService.open(dialogSettings);
+        const dialogContent = dialog.content.instance;
+        this.renderer.setAttribute(this.button.toolbarButtonElement.nativeElement, 'aria-expanded', 'true');
+        let contentData;
+        if (currentRangeValidation) {
+            contentData = {
+                cellRange: this.currentRange,
+                to: currentRangeValidation.to,
+                from: currentRangeValidation.from,
+                criteria: { type: currentRangeValidation.dataType, name: CRITERIA_LIST.find(i => i.type === currentRangeValidation.dataType).name },
+                comparer: currentRangeValidation.dataType === 'custom' || currentRangeValidation.dataType === 'list' ? null : { type: currentRangeValidation.comparerType, name: COMPARERS_LIST.find(i => i.type === currentRangeValidation.comparerType).name },
+                ignoreBlank: currentRangeValidation.allowNulls,
+                showButton: currentRangeValidation.showButton,
+                onInvalidData: currentRangeValidation.type
+            };
+            if (currentRangeValidation.messageTemplate || currentRangeValidation.titleTemplate) {
+                contentData = Object.assign(contentData, {
+                    hintMessage: currentRangeValidation.messageTemplate,
+                    hintTitle: currentRangeValidation.titleTemplate,
+                    showHint: true
+                });
+            }
+        }
+        else {
+            contentData = { cellRange: this.currentRange };
+        }
+        dialogContent.setData(contentData);
+        dialogContent.dialogAction.pipe(take(1)).subscribe((actionType) => {
+            if (actionType === this.localization.get('dialogCancel')) {
+                dialog.close();
+                this.renderer.setAttribute(this.button.toolbarButtonElement.nativeElement, 'aria-expanded', 'false');
+            }
+            else {
+                let options = {
+                    type: dialogContent.onInvalidData,
+                    dataType: dialogContent.criteria.type,
+                    comparerType: dialogContent.comparer.type,
+                    from: dialogContent.from,
+                    to: dialogContent.to,
+                    allowNulls: dialogContent.ignoreBlank,
+                    showButton: dialogContent.showButton,
+                    messageTemplate: dialogContent.showHint ? dialogContent.hintMessage : null,
+                    titleTemplate: dialogContent.showHint ? dialogContent.hintTitle : null
+                };
+                if (dialogContent.criteria.type === 'list' || dialogContent.criteria.type === 'text') {
+                    if (!options.from.startsWith('"') && !options.from.endsWith('"')) {
+                        options = Object.assign(options, { from: `"${options.from}"` });
+                    }
+                }
+                if (actionType === this.localization.get('dialogRemove') || dialogContent.criteria.type === 'any') {
+                    options = null;
+                }
+                this.spreadsheetService.spreadsheet.executeCommand({
+                    command: 'EditValidationCommand',
+                    options: { value: options }
+                });
+                dialog.close();
+                this.renderer.setAttribute(this.button.toolbarButtonElement.nativeElement, 'aria-expanded', 'false');
+            }
+        });
+        dialog.dialog.instance.close.pipe(take(1)).subscribe(() => {
+            this.renderer.setAttribute(this.button.toolbarButtonElement.nativeElement, 'aria-expanded', 'false');
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetDataValidationDirective, deps: [{ token: i1$3.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }, { token: i1$2.DialogService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SpreadsheetDataValidationDirective, isStandalone: true, selector: "kendo-toolbar-button[kendoSpreadsheetDataValidation]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetDataValidationDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-toolbar-button[kendoSpreadsheetDataValidation]',
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i1$3.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }, { type: i1$2.DialogService }, { type: i0.Renderer2 }]; } });
+
+/**
+ * @hidden
+ */
+class ListEditorComponent {
+    ngZone;
+    spreadsheetService;
+    data = [];
+    focusedIndex = 0;
+    itemSelect = new EventEmitter();
+    close = new EventEmitter();
+    listItems;
+    constructor(ngZone, spreadsheetService) {
+        this.ngZone = ngZone;
+        this.spreadsheetService = spreadsheetService;
+    }
+    ngAfterViewInit() {
+        this.ngZone.onStable.pipe(take(1)).subscribe(() => {
+            this.spreadsheetService.spreadsheet.view.clipboard.blur();
+            this.focusItem(0);
+        });
+    }
+    onItemClick(item) {
+        this.itemSelect.emit(item);
+    }
+    onKeyDown(event, index) {
+        const altKey = event.altKey;
+        switch (event.keyCode) {
+            case Keys.ArrowDown:
+            case Keys.ArrowRight:
+                event.preventDefault();
+                this.focusNext();
+                break;
+            case Keys.ArrowUp:
+                if (altKey) {
+                    this.closeList();
+                }
+                else {
+                    this.focusPrev();
+                }
+                break;
+            case Keys.ArrowLeft:
+                event.preventDefault();
+                this.focusPrev();
+                break;
+            case Keys.Enter:
+            case Keys.Space:
+                event.preventDefault();
+                this.onItemClick(this.data[index]);
+                break;
+            case Keys.Escape:
+                event.preventDefault();
+                this.closeList();
+                break;
+        }
+    }
+    focusNext() {
+        if (this.focusedIndex + 1 === this.data.length) {
+            this.focusItem(0);
+        }
+        else {
+            this.focusItem(this.focusedIndex + 1);
+        }
+    }
+    focusPrev() {
+        if (this.focusedIndex - 1 < 0) {
+            this.focusItem(this.data.length - 1);
+        }
+        else {
+            this.focusItem(this.focusedIndex - 1);
+        }
+    }
+    closeList() {
+        this.close.emit();
+        this.spreadsheetService.spreadsheet.view.clipboard.focus();
+    }
+    focusItem(index) {
+        if (this.data.length === 0) {
+            return;
+        }
+        this.focusedIndex = index;
+        const items = this.listItems.toArray();
+        if (items[index]) {
+            items[index].nativeElement.focus();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListEditorComponent, deps: [{ token: i0.NgZone }, { token: SpreadsheetService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ListEditorComponent, isStandalone: true, selector: "ng-component", outputs: { itemSelect: "itemSelect", close: "close" }, viewQueries: [{ propertyName: "listItems", predicate: ["listItem"], descendants: true, read: ElementRef }], ngImport: i0, template: `
+        <ul class="k-list k-reset k-list-ul" role="listbox">
+            <li *ngFor="let item of data; let i = index"
+                role="option"
+                class="k-list-item"
+                [class.k-focus]="i === focusedIndex"
+                [attr.aria-selected]="i === focusedIndex"
+                [attr.tabindex]="i === focusedIndex ? 0 : -1"
+                (click)="onItemClick(item)"
+                (keydown)="onKeyDown($event, i)"
+                #listItem>
+                <span class="k-list-item-text">{{item.value}}</span>
+            </li>
+        </ul>
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListEditorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+        <ul class="k-list k-reset k-list-ul" role="listbox">
+            <li *ngFor="let item of data; let i = index"
+                role="option"
+                class="k-list-item"
+                [class.k-focus]="i === focusedIndex"
+                [attr.aria-selected]="i === focusedIndex"
+                [attr.tabindex]="i === focusedIndex ? 0 : -1"
+                (click)="onItemClick(item)"
+                (keydown)="onKeyDown($event, i)"
+                #listItem>
+                <span class="k-list-item-text">{{item.value}}</span>
+            </li>
+        </ul>
+    `,
+                    standalone: true,
+                    imports: [NgForOf]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: SpreadsheetService }]; }, propDecorators: { itemSelect: [{
+                type: Output
+            }], close: [{
+                type: Output
+            }], listItems: [{
+                type: ViewChildren,
+                args: ['listItem', { read: ElementRef }]
+            }] } });
 
 /**
  * Represents the [Kendo UI Spreadsheet component for Angular]({% slug overview_spreadsheet %}).
@@ -3837,6 +4784,8 @@ class SpreadsheetComponent {
     toolsService;
     errorService;
     dialogService;
+    popupService;
+    container;
     formulaBarInputRef;
     formulaCellInputRef;
     nameBoxRef;
@@ -3852,7 +4801,7 @@ class SpreadsheetComponent {
         this.ngZone.onStable.pipe(take(1)).subscribe(() => {
             const normalizedItems = items.map(item => ({
                 active: item.active,
-                text: item.id === 'format' ? this.messageFor('formatTab') : this.messageFor(item.id),
+                text: item.id === 'format' || item.id === 'data' ? this.messageFor(`${item.id}Tab`) : this.messageFor(item.id),
                 cssClass: item.active ? 'k-active' : null,
                 id: item.id
             }));
@@ -3998,7 +4947,8 @@ class SpreadsheetComponent {
     _menuItems;
     currentRange;
     subs = new Subscription();
-    constructor(ngZone, intl, host, localization, spreadsheetService, toolsService, errorService, dialogService) {
+    popupRef;
+    constructor(ngZone, intl, host, localization, spreadsheetService, toolsService, errorService, dialogService, popupService, container) {
         this.ngZone = ngZone;
         this.intl = intl;
         this.host = host;
@@ -4007,6 +4957,8 @@ class SpreadsheetComponent {
         this.toolsService = toolsService;
         this.errorService = errorService;
         this.dialogService = dialogService;
+        this.popupService = popupService;
+        this.container = container;
         const isValid = validatePackage(packageMetadata);
         this.showLicenseWatermark = shouldShowValidationUI(isValid);
         ngZone.onStable.pipe(take(1)).subscribe(() => {
@@ -4025,6 +4977,9 @@ class SpreadsheetComponent {
                     }, {
                         id: 'format',
                         text: this.messageFor('formatTab')
+                    }, {
+                        id: 'data',
+                        text: this.messageFor('dataTab')
                     }, {
                         id: 'view',
                         text: this.messageFor('view')
@@ -4058,9 +5013,16 @@ class SpreadsheetComponent {
             });
             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));
+            this.subs.add(this.spreadsheetService.selectionChanged.subscribe(range => {
+                this.currentRange = range;
+                if (this.popupRef) {
+                    this.popupRef.close();
+                    this.popupRef = null;
+                }
+            }));
             this.spreadsheetService.dialogContainer = this.dialogContainer;
         });
+        this.registerEditors();
     }
     ngOnChanges(changes) {
         const dynamicOptions = [
@@ -4168,9 +5130,19 @@ class SpreadsheetComponent {
     onKeyDown = (e) => {
         const isCtrl = e.ctrlKey || e.metaKey;
         const shift = e.shiftKey;
+        const altKey = e.altKey;
         if (isCtrl && shift && e.keyCode === Keys.KeyS) {
             this.spreadsheetService.onSheetsBarFocus.next();
         }
+        if (altKey) {
+            const currentSheet = e.sender.activeSheet();
+            const validation = currentSheet.range(currentSheet.activeCell()).validation();
+            if (isPresent(validation) && validation.dataType === 'list') {
+                if (e.keyCode === Keys.ArrowDown) {
+                    this.spreadsheetWidget.view.openCustomEditor();
+                }
+            }
+        }
     };
     /**
      * @hidden
@@ -4255,7 +5227,14 @@ class SpreadsheetComponent {
             rows: this.rows,
             formulaBarInputRef: { current: this.formulaBarInputRef.current },
             formulaCellInputRef: { current: this.formulaCellInputRef.current },
-            nameBoxRef: { current: this.nameBoxRef.current }
+            nameBoxRef: { current: this.nameBoxRef.current },
+            getIconHTMLString: (options) => {
+                const iconWrapper = this.container.createComponent(IconWrapperComponent);
+                iconWrapper.instance.name = options.iconName;
+                iconWrapper.instance.svgIcon = options.svgIcon;
+                iconWrapper.changeDetectorRef.detectChanges();
+                return iconWrapper.instance.element.nativeElement;
+            }
         };
     }
     contextMenuItemsForTarget(target, unhide, unmerge) {
@@ -4426,7 +5405,48 @@ class SpreadsheetComponent {
             });
         }
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetComponent, deps: [{ token: i0.NgZone }, { token: i1$3.IntlService }, { token: i0.ElementRef }, { token: i2.LocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }, { token: ErrorHandlingService }, { token: i1$1.DialogService }], target: i0.ɵɵFactoryTarget.Component });
+    registerEditors() {
+        registerEditor('_validation_list', () => {
+            return {
+                edit: (options) => {
+                    this.popupRef?.close();
+                    this.popupRef = null;
+                    this.popupRef = this.popupService.open({
+                        anchor: options.view.element.querySelector('.k-spreadsheet-editor-button'),
+                        content: ListEditorComponent,
+                        popupAlign: options.alignLeft ? { horizontal: 'right', vertical: 'top' } : { horizontal: 'left', vertical: 'top' },
+                        anchorAlign: options.alignLeft ? { horizontal: 'right', vertical: 'bottom' } : { horizontal: 'left', vertical: 'bottom' },
+                        popupClass: 'k-spreadsheet-list-popup'
+                    });
+                    const list = this.popupRef.content.instance;
+                    list.itemSelect.subscribe((item) => {
+                        this.popupRef.close();
+                        this.popupRef = null;
+                        const itemValue = item.value;
+                        if (isPresent(itemValue)) {
+                            options.callback(itemValue);
+                        }
+                    });
+                    list.close.subscribe(() => {
+                        this.popupRef.close();
+                        this.popupRef = null;
+                    });
+                    const items = options.validation.from.value;
+                    const data = [];
+                    const add = (el) => { data.push({ value: el }); };
+                    if (items instanceof Matrix) {
+                        items.each(add, false);
+                    }
+                    else {
+                        (items + "").split(/\s*,\s*/).forEach(add);
+                    }
+                    list.data = data;
+                },
+                icon: { iconName: 'caret-alt-down', svgIcon: caretAltDownIcon }
+            };
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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: "14.0.0", version: "16.2.12", 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", 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: [
             SpreadsheetLocalizationService,
             SpreadsheetService,
@@ -4450,6 +5470,70 @@ class SpreadsheetComponent {
             color="Font color"
             i18n-bold="kendo.spreadsheet.bold|The title of the Bold tool."
             bold="Bold"
+            i18n-dataValidation="kendo.spreadsheet.dataValidation|The title of the Data Validation tool."
+            dataValidation="Data Validation"
+            i18n-validationCellRange="kendo.spreadsheet.validationCellRange|The text of the Cell Range label in the data validation dialog."
+            validationCellRange="Cell Range"
+            i18n-validationCriteria="kendo.spreadsheet.validationCriteria|The text of the Criteria dropdown list label in the data validation dialog."
+            validationCriteria="Criteria"
+            i18n-validationMinValue="kendo.spreadsheet.validationMinValue|The text of the Min value label in the data validation dialog."
+            validationMinValue="Min"
+            i18n-validationMaxValue="kendo.spreadsheet.validationMaxValue|The text of the Max value label in the data validation dialog."
+            validationMaxValue="Max"
+            i18n-validationStartValue="kendo.spreadsheet.validationStartValue|The text of the Start value label in the data validation dialog."
+            validationStartValue="Start"
+            i18n-validationEndValue="kendo.spreadsheet.validationEndValue|The text of the End value label in the data validation dialog."
+            validationEndValue="End"
+            i18n-validationValue="kendo.spreadsheet.validationValue|The text of the Value label in the data validation dialog."
+            validationValue="Text"
+            i18n-validationShowListButtonCheckbox="kendo.spreadsheet.validationShowListButtonCheckbox|The text for the Show list button checkbox label in the data validation dialog."
+            validationShowListButtonCheckbox="Display button to show list"
+            i18n-validationOnInvalidData="kendo.spreadsheet.validationOnInvalidData|The text for the On invalid data label in the data validation dialog."
+            validationOnInvalidData="On invalid data"
+            i18n-validationShowDateButtonCheckbox="kendo.spreadsheet.validationShowDateButtonCheckbox|The text for the Show date button checkbox label in the data validation dialog."
+            validationShowDateButtonCheckbox="Display button to show Calendar"
+            i18n-validationRejectInput="kendo.spreadsheet.validationRejectInput|The text for the Reject input radio button label in the data validation dialog."
+            validationRejectInput="Reject input"
+            i18n-validationShowWarning="kendo.spreadsheet.validationShowWarning|The text for the Show warning radio button label in the data validation dialog."
+            validationShowWarning="Show warning"
+            i18n-validationHintTitle="kendo.spreadsheet.validationHintTitle|The text for the Custom hint title input label in the data validation dialog."
+            validationHintTitle="Custom hint title"
+            i18n-validationHintMessage="kendo.spreadsheet.validationHintMessage|The text for the Custom hint input label in the data validation dialog."
+            validationHintMessage="Custom hint"
+            i18n-validationShowHint="kendo.spreadsheet.validationShowHint|The text for the Show hint radio button label in the data validation dialog."
+            validationShowHint="Show hint"
+            i18n-validationIgnoreBlankCheckbox="kendo.spreadsheet.validationIgnoreBlankCheckbox|The text for the Ignore blank checkbox label in the data validation dialog."
+            validationIgnoreBlankCheckbox="Ignore blank"
+            i18n-validationComparer="kendo.spreadsheet.validationComparer|The text of the Comparer dropdown list label in the data validation dialog."
+            validationComparer="Comparer"
+            i18n-anyValueValidationCriteria="kendo.spreadsheet.anyValueValidationCriteria|The text of the Any value validation criteria"
+            anyValueValidationCriteria="Any value"
+            i18n-numberValidationCriteria="kendo.spreadsheet.numberValidationCriteria|The text of the Number validation criteria"
+            numberValidationCriteria="Number"
+            i18n-textValidationCriteria="kendo.spreadsheet.textValidationCriteria|The text of the Text validation criteria"
+            textValidationCriteria="Text"
+            i18n-dateValidationCriteria="kendo.spreadsheet.dateValidationCriteria|The text of the Date validation criteria"
+            dateValidationCriteria="Date"
+            i18n-customFormulaValidationCriteria="kendo.spreadsheet.customFormulaValidationCriteria|The text of the Custom formula validation criteria"
+            customFormulaValidationCriteria="Custom Formula"
+            i18n-listValidationCriteria="kendo.spreadsheet.listValidationCriteria|The text of the List validation criteria"
+            listValidationCriteria="List"
+            i18n-greaterThanValidationComparer="kendo.spreadsheet.greaterThanValidationComparer|The text of the greater than validation comparer"
+            greaterThanValidationComparer="greater than"
+            i18n-lessThanValidationComparer="kendo.spreadsheet.lessThanValidationComparer|The text of the less than validation comparer"
+            lessThanValidationComparer="less than"
+            i18n-betweenValidationComparer="kendo.spreadsheet.betweenValidationComparer|The text of the between validation comparer"
+            betweenValidationComparer="between"
+            i18n-notBetweenValidationComparer="kendo.spreadsheet.notBetweenValidationComparer|The text of the not between validation comparer"
+            notBetweenValidationComparer="not between"
+            i18n-equalToValidationComparer="kendo.spreadsheet.equalToValidationComparer|The text of the equal to validation comparer"
+            equalToValidationComparer="equal to"
+            i18n-notEqualToValidationComparer="kendo.spreadsheet.notEqualToValidationComparer|The text of the not equal to validation comparer"
+            notEqualToValidationComparer="not equal to"
+            i18n-greaterThanOrEqualToValidationComparer="kendo.spreadsheet.greaterThanOrEqualToValidationComparer|The text of the greater than on equal to validation comparer"
+            greaterThanOrEqualToValidationComparer="greater than or equal to"
+            i18n-lessThanOrEqualToValidationComparer="kendo.spreadsheet.lessThanOrEqualToValidationComparer|The text of the less than on equal to validation comparer"
+            lessThanOrEqualToValidationComparer="less than or equal to"
             i18n-italic="kendo.spreadsheet.italic|The title of the Italic tool."
             italic="Italic"
             i18n-underline="kendo.spreadsheet.underline|The title of the Underline tool."
@@ -4472,6 +5556,8 @@ class SpreadsheetComponent {
             insert="Insert"
             i18n-formatTab="kendo.spreadsheet.formatTab|The text of the Format toolbar tab."
             formatTab="Format"
+            i18n-dataTab="kendo.spreadsheet.dataTab|The text of the Data toolbar tab."
+            dataTab="Data"
             i18n-view="kendo.spreadsheet.view|The text of the View toolbar tab."
             view="View"
             i18n-undo="kendo.spreadsheet.undo|The title of the Undo tool."
@@ -4544,6 +5630,8 @@ class SpreadsheetComponent {
             dialogRename="Rename"
             i18n-dialogInsert="kendo.spreadsheet.dialogInsert|The text of the **Insert** button in all Spreadsheet dialogs."
             dialogInsert="Insert"
+            i18n-dialogRemove="kendo.spreadsheet.dialogRemove|The text of the **Remove** button in all Spreadsheet dialogs."
+            dialogRemove="Remove"
             i18n-dialogRemoveLink="kendo.spreadsheet.dialogRemoveLink|The text of the **Remove link** button in the Link tool dialog."
             dialogRemoveLink="Remove link"
             i18n-rename="kendo.spreadsheet.rename|The title of the Rename sheet dialog."
@@ -4673,6 +5761,13 @@ class SpreadsheetComponent {
                 <kendo-toolbar-separator></kendo-toolbar-separator>
                 <kendo-toolbar-button kendoSpreadsheetGridLines></kendo-toolbar-button>
             </kendo-toolbar>
+            <kendo-toolbar *ngIf="selectedMenuItem?.active && selectedMenuItem.id === 'data'"
+                [attr.aria-label]="messageFor('dataTab')"
+                fillMode="flat"
+                class="k-spreadsheet-toolbar"
+                [overflow]="overflow">
+                <kendo-toolbar-button kendoSpreadsheetDataValidation></kendo-toolbar-button>
+            </kendo-toolbar>
         </div>
         <div class="k-spreadsheet-action-bar">
             <div #nameBox kendoSpreadsheetNameBox [spreadsheetWidget]="spreadsheetWidget"></div>
@@ -4711,7 +5806,7 @@ class SpreadsheetComponent {
             (select)="onContextMenuSelect($event)"></kendo-contextmenu>
 
         <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></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: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: MenuItemComponent, selector: "kendo-menu-item", inputs: ["text", "url", "disabled", "cssClass", "cssStyle", "icon", "svgIcon", "data", "separator"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ToolBarComponent, selector: "kendo-toolbar", inputs: ["overflow", "resizable", "popupSettings", "fillMode", "tabindex", "size", "tabIndex"], 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", "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]" }] });
+    `, 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: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: MenuItemComponent, selector: "kendo-menu-item", inputs: ["text", "url", "disabled", "cssClass", "cssStyle", "icon", "svgIcon", "data", "separator"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ToolBarComponent, selector: "kendo-toolbar", inputs: ["overflow", "resizable", "popupSettings", "fillMode", "tabindex", "size", "tabIndex"], 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", "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]" }, { kind: "directive", type: SpreadsheetDataValidationDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDataValidation]" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetComponent, decorators: [{
             type: Component,
@@ -4742,6 +5837,70 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             color="Font color"
             i18n-bold="kendo.spreadsheet.bold|The title of the Bold tool."
             bold="Bold"
+            i18n-dataValidation="kendo.spreadsheet.dataValidation|The title of the Data Validation tool."
+            dataValidation="Data Validation"
+            i18n-validationCellRange="kendo.spreadsheet.validationCellRange|The text of the Cell Range label in the data validation dialog."
+            validationCellRange="Cell Range"
+            i18n-validationCriteria="kendo.spreadsheet.validationCriteria|The text of the Criteria dropdown list label in the data validation dialog."
+            validationCriteria="Criteria"
+            i18n-validationMinValue="kendo.spreadsheet.validationMinValue|The text of the Min value label in the data validation dialog."
+            validationMinValue="Min"
+            i18n-validationMaxValue="kendo.spreadsheet.validationMaxValue|The text of the Max value label in the data validation dialog."
+            validationMaxValue="Max"
+            i18n-validationStartValue="kendo.spreadsheet.validationStartValue|The text of the Start value label in the data validation dialog."
+            validationStartValue="Start"
+            i18n-validationEndValue="kendo.spreadsheet.validationEndValue|The text of the End value label in the data validation dialog."
+            validationEndValue="End"
+            i18n-validationValue="kendo.spreadsheet.validationValue|The text of the Value label in the data validation dialog."
+            validationValue="Text"
+            i18n-validationShowListButtonCheckbox="kendo.spreadsheet.validationShowListButtonCheckbox|The text for the Show list button checkbox label in the data validation dialog."
+            validationShowListButtonCheckbox="Display button to show list"
+            i18n-validationOnInvalidData="kendo.spreadsheet.validationOnInvalidData|The text for the On invalid data label in the data validation dialog."
+            validationOnInvalidData="On invalid data"
+            i18n-validationShowDateButtonCheckbox="kendo.spreadsheet.validationShowDateButtonCheckbox|The text for the Show date button checkbox label in the data validation dialog."
+            validationShowDateButtonCheckbox="Display button to show Calendar"
+            i18n-validationRejectInput="kendo.spreadsheet.validationRejectInput|The text for the Reject input radio button label in the data validation dialog."
+            validationRejectInput="Reject input"
+            i18n-validationShowWarning="kendo.spreadsheet.validationShowWarning|The text for the Show warning radio button label in the data validation dialog."
+            validationShowWarning="Show warning"
+            i18n-validationHintTitle="kendo.spreadsheet.validationHintTitle|The text for the Custom hint title input label in the data validation dialog."
+            validationHintTitle="Custom hint title"
+            i18n-validationHintMessage="kendo.spreadsheet.validationHintMessage|The text for the Custom hint input label in the data validation dialog."
+            validationHintMessage="Custom hint"
+            i18n-validationShowHint="kendo.spreadsheet.validationShowHint|The text for the Show hint radio button label in the data validation dialog."
+            validationShowHint="Show hint"
+            i18n-validationIgnoreBlankCheckbox="kendo.spreadsheet.validationIgnoreBlankCheckbox|The text for the Ignore blank checkbox label in the data validation dialog."
+            validationIgnoreBlankCheckbox="Ignore blank"
+            i18n-validationComparer="kendo.spreadsheet.validationComparer|The text of the Comparer dropdown list label in the data validation dialog."
+            validationComparer="Comparer"
+            i18n-anyValueValidationCriteria="kendo.spreadsheet.anyValueValidationCriteria|The text of the Any value validation criteria"
+            anyValueValidationCriteria="Any value"
+            i18n-numberValidationCriteria="kendo.spreadsheet.numberValidationCriteria|The text of the Number validation criteria"
+            numberValidationCriteria="Number"
+            i18n-textValidationCriteria="kendo.spreadsheet.textValidationCriteria|The text of the Text validation criteria"
+            textValidationCriteria="Text"
+            i18n-dateValidationCriteria="kendo.spreadsheet.dateValidationCriteria|The text of the Date validation criteria"
+            dateValidationCriteria="Date"
+            i18n-customFormulaValidationCriteria="kendo.spreadsheet.customFormulaValidationCriteria|The text of the Custom formula validation criteria"
+            customFormulaValidationCriteria="Custom Formula"
+            i18n-listValidationCriteria="kendo.spreadsheet.listValidationCriteria|The text of the List validation criteria"
+            listValidationCriteria="List"
+            i18n-greaterThanValidationComparer="kendo.spreadsheet.greaterThanValidationComparer|The text of the greater than validation comparer"
+            greaterThanValidationComparer="greater than"
+            i18n-lessThanValidationComparer="kendo.spreadsheet.lessThanValidationComparer|The text of the less than validation comparer"
+            lessThanValidationComparer="less than"
+            i18n-betweenValidationComparer="kendo.spreadsheet.betweenValidationComparer|The text of the between validation comparer"
+            betweenValidationComparer="between"
+            i18n-notBetweenValidationComparer="kendo.spreadsheet.notBetweenValidationComparer|The text of the not between validation comparer"
+            notBetweenValidationComparer="not between"
+            i18n-equalToValidationComparer="kendo.spreadsheet.equalToValidationComparer|The text of the equal to validation comparer"
+            equalToValidationComparer="equal to"
+            i18n-notEqualToValidationComparer="kendo.spreadsheet.notEqualToValidationComparer|The text of the not equal to validation comparer"
+            notEqualToValidationComparer="not equal to"
+            i18n-greaterThanOrEqualToValidationComparer="kendo.spreadsheet.greaterThanOrEqualToValidationComparer|The text of the greater than on equal to validation comparer"
+            greaterThanOrEqualToValidationComparer="greater than or equal to"
+            i18n-lessThanOrEqualToValidationComparer="kendo.spreadsheet.lessThanOrEqualToValidationComparer|The text of the less than on equal to validation comparer"
+            lessThanOrEqualToValidationComparer="less than or equal to"
             i18n-italic="kendo.spreadsheet.italic|The title of the Italic tool."
             italic="Italic"
             i18n-underline="kendo.spreadsheet.underline|The title of the Underline tool."
@@ -4764,6 +5923,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             insert="Insert"
             i18n-formatTab="kendo.spreadsheet.formatTab|The text of the Format toolbar tab."
             formatTab="Format"
+            i18n-dataTab="kendo.spreadsheet.dataTab|The text of the Data toolbar tab."
+            dataTab="Data"
             i18n-view="kendo.spreadsheet.view|The text of the View toolbar tab."
             view="View"
             i18n-undo="kendo.spreadsheet.undo|The title of the Undo tool."
@@ -4836,6 +5997,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             dialogRename="Rename"
             i18n-dialogInsert="kendo.spreadsheet.dialogInsert|The text of the **Insert** button in all Spreadsheet dialogs."
             dialogInsert="Insert"
+            i18n-dialogRemove="kendo.spreadsheet.dialogRemove|The text of the **Remove** button in all Spreadsheet dialogs."
+            dialogRemove="Remove"
             i18n-dialogRemoveLink="kendo.spreadsheet.dialogRemoveLink|The text of the **Remove link** button in the Link tool dialog."
             dialogRemoveLink="Remove link"
             i18n-rename="kendo.spreadsheet.rename|The title of the Rename sheet dialog."
@@ -4965,6 +6128,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 <kendo-toolbar-separator></kendo-toolbar-separator>
                 <kendo-toolbar-button kendoSpreadsheetGridLines></kendo-toolbar-button>
             </kendo-toolbar>
+            <kendo-toolbar *ngIf="selectedMenuItem?.active && selectedMenuItem.id === 'data'"
+                [attr.aria-label]="messageFor('dataTab')"
+                fillMode="flat"
+                class="k-spreadsheet-toolbar"
+                [overflow]="overflow">
+                <kendo-toolbar-button kendoSpreadsheetDataValidation></kendo-toolbar-button>
+            </kendo-toolbar>
         </div>
         <div class="k-spreadsheet-action-bar">
             <div #nameBox kendoSpreadsheetNameBox [spreadsheetWidget]="spreadsheetWidget"></div>
@@ -5005,9 +6175,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
     `,
                     standalone: true,
-                    imports: [LocalizedMessagesDirective, MenuComponent, MainMenuDirective, NgFor, MenuItemComponent, NgIf, 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]
+                    imports: [LocalizedMessagesDirective, MenuComponent, MainMenuDirective, NgFor, MenuItemComponent, NgIf, 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]
                 }]
-        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i1$3.IntlService }, { type: i0.ElementRef }, { type: i2.LocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }, { type: ErrorHandlingService }, { type: i1$1.DialogService }]; }, propDecorators: { formulaBarInputRef: [{
+        }], ctorParameters: function () { return [{ 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: [{
                 type: ViewChild,
                 args: ['formulaBar', { read: FormulaInputDirective }]
             }], formulaCellInputRef: [{
@@ -5082,7 +6252,7 @@ class CustomMessagesComponent extends MessagesDirective {
     get override() {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-spreadsheet-messages", providers: [
             {
                 provide: MessagesDirective,
@@ -5103,7 +6273,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     selector: 'kendo-spreadsheet-messages',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i2.LocalizationService }]; } });
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
 
 /**
  * @hidden
@@ -5140,7 +6310,7 @@ class SpreadsheetTextAlignDirective {
         };
         this.spreadsheetService.spreadsheet.executeCommand(options);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetTextAlignDirective, deps: [{ token: i1$2.ToolBarDropDownButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetTextAlignDirective, deps: [{ token: i1$3.ToolBarDropDownButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SpreadsheetTextAlignDirective, isStandalone: true, selector: "[kendoSpreadsheetTextAlign]", ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetTextAlignDirective, decorators: [{
@@ -5149,7 +6319,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     selector: '[kendoSpreadsheetTextAlign]',
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.ToolBarDropDownButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
+        }], ctorParameters: function () { return [{ type: i1$3.ToolBarDropDownButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
 
 /**
 * Utility array that contains all `@progress/kendo-angular-spreadsheet` related components and directives.
@@ -5158,6 +6328,7 @@ const KENDO_SPREADSHEET = [
     SpreadsheetComponent,
     CustomMessagesComponent,
     SpreadsheetBoldDirective,
+    SpreadsheetDataValidationDirective,
     SpreadsheetItalicDirective,
     SpreadsheetUnderlineDirective,
     SpreadsheetLoadFileComponent,
@@ -5195,7 +6366,7 @@ const KENDO_SPREADSHEET = [
  */
 class SpreadsheetModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetModule, imports: [SpreadsheetComponent, CustomMessagesComponent, SpreadsheetBoldDirective, 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, 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: "16.2.12", 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 ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", 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: "16.2.12", ngImport: i0, type: SpreadsheetModule, decorators: [{
@@ -5211,5 +6382,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { CustomMessagesComponent, FormulaInputDirective, FormulaListComponent, KENDO_SPREADSHEET, NameBoxComponent, SheetsBarComponent, SpreadsheetAddColumnLeftButtonDirective, SpreadsheetAddColumnRightButtonDirective, SpreadsheetAddRowAboveButtonDirective, SpreadsheetAddRowBelowButtonDirective, SpreadsheetBackColorComponent, SpreadsheetBoldDirective, SpreadsheetComponent, 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, SpreadsheetFontFamilyComponent, SpreadsheetFontSizeComponent, SpreadsheetForeColorComponent, SpreadsheetFormatDirective, SpreadsheetGridLinesDirective, SpreadsheetHorizontalTextAlignDirective, SpreadsheetIncreaseDecimalDirective, SpreadsheetIncreaseFontSizeDirective, SpreadsheetInsertLinkDirective, SpreadsheetItalicDirective, SpreadsheetLoadFileComponent, SpreadsheetMergeDirective, SpreadsheetModule, SpreadsheetRedoDirective, SpreadsheetSaveFileDirective, SpreadsheetTextAlignDirective, SpreadsheetTextWrapDirective, SpreadsheetUnderlineDirective, SpreadsheetUndoDirective, SpreadsheetVerticalTextAlignDirective };