@progress/kendo-angular-spreadsheet 14.1.1-develop.8 → 14.2.0-develop.10

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

@@ -6,38 +6,39 @@ import * as i0 from '@angular/core';
 import { Injectable, EventEmitter, Output, Inject, Optional, Component, HostBinding, Input, Directive, forwardRef, ElementRef, ViewChild, InjectionToken, HostListener, ViewChildren, ViewContainerRef, NgModule } from '@angular/core';
 import { validatePackage } from '@progress/kendo-licensing';
 import { SpreadsheetWidget } from '@progress/kendo-spreadsheet-common';
-import * as i1$5 from '@progress/kendo-angular-intl';
+import * as i1$4 from '@progress/kendo-angular-intl';
 import { localeData, IntlModule } from '@progress/kendo-angular-intl';
-import { formulaFxIcon, trashIcon, copyIcon, pencilIcon, 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, plusIcon, menuIcon, caretAltDownIcon, caretAltLeftIcon, caretAltRightIcon, eyeIcon } from '@progress/kendo-svg-icons';
+import { formulaFxIcon, trashIcon, copyIcon, pencilIcon, 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, plusIcon, menuIcon, caretAltDownIcon, caretAltLeftIcon, caretAltRightIcon, eyeIcon } from '@progress/kendo-svg-icons';
 import { Subject, Subscription } from 'rxjs';
-import * as i1 from '@progress/kendo-angular-l10n';
+import * as i2 from '@progress/kendo-angular-l10n';
 import { LocalizationService, L10N_PREFIX, RTL, ComponentMessages } from '@progress/kendo-angular-l10n';
 import * as i3 from '@progress/kendo-angular-common';
 import { isPresent, hasObservers, isDocumentAvailable, Keys, shouldShowValidationUI, EventsModule, WatermarkModule } from '@progress/kendo-angular-common';
-import * as i1$1 from '@progress/kendo-angular-popup';
+import * as i1 from '@progress/kendo-angular-popup';
 import { PopupService, PopupModule } from '@progress/kendo-angular-popup';
 import * as i6 from '@progress/kendo-angular-icons';
 import { IconsModule } from '@progress/kendo-angular-icons';
 import * as i7 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { take, map } from 'rxjs/operators';
-import * as i5$2 from '@progress/kendo-angular-menu';
+import * as i1$1 from '@progress/kendo-angular-dialog';
+import { DialogContentBase, DialogModule } from '@progress/kendo-angular-dialog';
+import * as i6$1 from '@progress/kendo-angular-menu';
 import { MenuModule } from '@progress/kendo-angular-menu';
 import * as i1$2 from '@progress/kendo-angular-toolbar';
 import { ToolBarToolComponent, ToolBarComponent, ToolBarModule } from '@progress/kendo-angular-toolbar';
 import * as i4 from '@progress/kendo-angular-buttons';
 import { ButtonsModule } from '@progress/kendo-angular-buttons';
-import * as i1$4 from '@progress/kendo-angular-dialog';
-import { DialogContentBase, DialogModule } from '@progress/kendo-angular-dialog';
 import * as i1$3 from '@progress/kendo-angular-dropdowns';
 import { DropDownListComponent, ComboBoxModule, DropDownListModule } from '@progress/kendo-angular-dropdowns';
 import * as i5 from '@progress/kendo-angular-inputs';
 import { InputsModule } from '@progress/kendo-angular-inputs';
+import * as i2$1 from '@progress/kendo-angular-label';
+import { LabelModule } from '@progress/kendo-angular-label';
 import * as i5$1 from '@progress/kendo-angular-layout';
 import { TabStripModule } from '@progress/kendo-angular-layout';
 import { saveAs } from '@progress/kendo-file-saver';
 import { Workbook } from '@progress/kendo-ooxml';
-import { LabelModule } from '@progress/kendo-angular-label';
 
 /**
  * @hidden
@@ -46,8 +47,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-spreadsheet',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1700478634,
-    version: '14.1.1-develop.8',
+    publishDate: 1701248930,
+    version: '14.2.0-develop.10',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning',
 };
 
@@ -154,14 +155,14 @@ class SpreadsheetLocalizationService extends LocalizationService {
         super(prefix, messageService, _rtl);
     }
 }
-SpreadsheetLocalizationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetLocalizationService, deps: [{ token: L10N_PREFIX }, { token: i1.MessageService, optional: true }, { token: RTL, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+SpreadsheetLocalizationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetLocalizationService, deps: [{ token: L10N_PREFIX }, { token: i2.MessageService, optional: true }, { token: RTL, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
 SpreadsheetLocalizationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetLocalizationService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetLocalizationService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [L10N_PREFIX]
-                }] }, { type: i1.MessageService, decorators: [{
+                }] }, { type: i2.MessageService, decorators: [{
                     type: Optional
                 }] }, { type: undefined, decorators: [{
                     type: Optional
@@ -367,14 +368,14 @@ class FormulaInputDirective {
         };
     }
 }
-FormulaInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormulaInputDirective, deps: [{ token: i0.ElementRef }, { token: i1$1.PopupService }, { token: SpreadsheetService }], target: i0.ɵɵFactoryTarget.Directive });
+FormulaInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormulaInputDirective, deps: [{ token: i0.ElementRef }, { token: i1.PopupService }, { token: SpreadsheetService }], target: i0.ɵɵFactoryTarget.Directive });
 FormulaInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: FormulaInputDirective, selector: "[kendoSpreadsheetFormulaInput]", host: { properties: { "class.k-spreadsheet-formula-input": "this.hostClasses", "attr.aria-haspopup": "this.ariaHasPopup", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-controls": "this.ariaControls" } }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormulaInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoSpreadsheetFormulaInput]',
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$1.PopupService }, { type: SpreadsheetService }]; }, propDecorators: { hostClasses: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.PopupService }, { type: SpreadsheetService }]; }, propDecorators: { hostClasses: [{
                 type: HostBinding,
                 args: ['class.k-spreadsheet-formula-input']
             }], ariaHasPopup: [{
@@ -429,6 +430,67 @@ const getSheetActions = (index, items) => {
         }];
 };
 
+/**
+ * @hidden
+ */
+class ErrorHandlingService {
+    constructor(spreadsheetService, localization, dialogService) {
+        this.spreadsheetService = spreadsheetService;
+        this.localization = localization;
+        this.dialogService = dialogService;
+        this.sheetsChanged = new Subject();
+        this.activeSheetChanged = new Subject();
+        this.selectionChanged = new Subject();
+    }
+    set currentActiveSheet(value) {
+        this._currentActiveSheet = value;
+    }
+    get currentActiveSheet() {
+        return this._currentActiveSheet;
+    }
+    get activeSheet() {
+        return this.spreadsheet.activeSheet()?.name();
+    }
+    notifySheetsChange(actionType, sheetInfo) {
+        const sheets = this.spreadsheet.sheets();
+        this.sheetsChanged.next({ sheets, sheet: sheetInfo, actionType });
+    }
+    handleErrorMessage(messageData) {
+        this.openDialog(messageData);
+    }
+    openDialog(messageData) {
+        const dialogSettings = {
+            appendTo: this.spreadsheetService.dialogContainer,
+            title: this.messageFor('dialogError'),
+            content: this.messageFor(messageData.name),
+            actions: [{
+                    text: this.messageFor('dialogOk'),
+                    themeColor: 'primary'
+                }],
+            width: 400,
+            actionsLayout: 'start'
+        };
+        const dialog = this.dialogService.open(dialogSettings);
+        const dialogInstance = dialog.dialog?.instance;
+        dialogInstance.action.pipe(take(1)).subscribe((event) => {
+            if (event.text === this.messageFor('dialogOk')) {
+                messageData.close();
+            }
+        });
+        dialogInstance.close.pipe(take(1)).subscribe(() => {
+            messageData.close();
+        });
+    }
+    messageFor(text) {
+        return this.localization.get(text);
+    }
+}
+ErrorHandlingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ErrorHandlingService, deps: [{ token: SpreadsheetService }, { token: i2.LocalizationService }, { token: i1$1.DialogService }], target: i0.ɵɵFactoryTarget.Injectable });
+ErrorHandlingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ErrorHandlingService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ErrorHandlingService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: SpreadsheetService }, { type: i2.LocalizationService }, { type: i1$1.DialogService }]; } });
+
 /**
  * @hidden
  */
@@ -441,6 +503,8 @@ const commandIcons = {
     alignMiddle: 'align-middle',
     alignBottom: 'align-bottom',
     align: 'align-left',
+    alignHorizontal: 'align-left',
+    alignVertical: 'align-middle',
     background: 'droplet',
     bold: 'bold',
     color: 'foreground-color',
@@ -465,7 +529,12 @@ const commandIcons = {
     mergeAll: 'cells-merge',
     mergeHorizontally: 'cells-merge-horizontally',
     mergeVertically: 'cells-merge-vertically',
-    unmerge: 'table-unmerge'
+    unmerge: 'table-unmerge',
+    insertLink: 'hyperlink',
+    increaseFontSize: 'font-grow',
+    decreaseFontSize: 'font-shrink',
+    increaseDecimal: 'decimal-increase',
+    decreaseDecimal: 'decimal-decrease'
 };
 /**
  * @hidden
@@ -479,6 +548,8 @@ const commandSVGIcons = {
     alignMiddle: alignMiddleIcon,
     alignBottom: alignBottomIcon,
     align: alignLeftIcon,
+    alignHorizontal: alignLeftIcon,
+    alignVertical: alignMiddleIcon,
     background: dropletIcon,
     bold: boldIcon,
     color: foregroundColorIcon,
@@ -503,7 +574,12 @@ const commandSVGIcons = {
     mergeAll: cellsMergeIcon,
     mergeHorizontally: cellsMergeHorizontallyIcon,
     mergeVertically: cellsMergeVerticallyIcon,
-    unmerge: tableUnmergeIcon
+    unmerge: tableUnmergeIcon,
+    insertLink: linkIcon,
+    increaseFontSize: fontGrowIcon,
+    decreaseFontSize: fontShrinkIcon,
+    decreaseDecimal: decimalDecreaseIcon,
+    increaseDecimal: decimalIncreaseIcon
 };
 
 /**
@@ -521,7 +597,7 @@ class SpreadsheetLoadFileComponent extends ToolBarToolComponent {
         this.onFileSelect = (e) => {
             const file = e.target.files[0];
             if (file) {
-                this.spreadsheetService.spreadsheet.fromFile(file);
+                this.spreadsheetService.spreadsheet.executeCommand({ command: 'OpenCommand', options: { file } });
                 e.target.value = null;
             }
         };
@@ -723,22 +799,22 @@ const FORMATS = [
  * @hidden
  */
 const ALIGNS = [
-    { icon: commandIcons.alignLeft, svgIcon: commandSVGIcons.alignLeft, textKey: 'Align Left', commandName: 'textAlign', value: 'left', cssClass: '' },
-    { icon: commandIcons.alignCenter, svgIcon: commandSVGIcons.alignCenter, textKey: 'Align Center', commandName: 'textAlign', value: 'center', cssClass: '' },
-    { icon: commandIcons.alignRight, svgIcon: commandSVGIcons.alignRight, textKey: 'Align Right', commandName: 'textAlign', value: 'right', cssClass: '' },
-    { icon: commandIcons.alignJustify, svgIcon: commandSVGIcons.alignJustify, textKey: 'Align Justify', commandName: 'textAlign', value: 'justify', cssClass: '' },
-    { icon: commandIcons.alignTop, svgIcon: commandSVGIcons.alignTop, textKey: 'Align Top', commandName: 'verticalAlign', value: 'top', cssClass: '' },
-    { icon: commandIcons.alignMiddle, svgIcon: commandSVGIcons.alignMiddle, textKey: 'Align Middle', commandName: 'verticalAlign', value: 'center', cssClass: '' },
-    { icon: commandIcons.alignBottom, svgIcon: commandSVGIcons.alignBottom, textKey: 'Align Bottom', commandName: 'verticalAlign', value: 'bottom', cssClass: '' }
+    { icon: commandIcons.alignLeft, svgIcon: commandSVGIcons.alignLeft, textKey: 'Align Left', commandName: 'textAlign', value: 'left', cssClass: '', commandId: 'alignLeft' },
+    { icon: commandIcons.alignCenter, svgIcon: commandSVGIcons.alignCenter, textKey: 'Align Center', commandName: 'textAlign', value: 'center', cssClass: '', commandId: 'alignCenter' },
+    { icon: commandIcons.alignRight, svgIcon: commandSVGIcons.alignRight, textKey: 'Align Right', commandName: 'textAlign', value: 'right', cssClass: '', commandId: 'alignRight' },
+    { icon: commandIcons.alignJustify, svgIcon: commandSVGIcons.alignJustify, textKey: 'Align Justify', commandName: 'textAlign', value: 'justify', cssClass: '', commandId: 'alignJustify' },
+    { icon: commandIcons.alignTop, svgIcon: commandSVGIcons.alignTop, textKey: 'Align Top', commandName: 'verticalAlign', value: 'top', cssClass: '', commandId: 'alignTop' },
+    { icon: commandIcons.alignMiddle, svgIcon: commandSVGIcons.alignMiddle, textKey: 'Align Middle', commandName: 'verticalAlign', value: 'center', cssClass: '', commandId: 'alignMiddle' },
+    { icon: commandIcons.alignBottom, svgIcon: commandSVGIcons.alignBottom, textKey: 'Align Bottom', commandName: 'verticalAlign', value: 'bottom', cssClass: '', commandId: 'alignBottom' }
 ];
 /**
  * @hidden
  */
 const MERGE = [
-    { icon: commandIcons.mergeAll, svgIcon: commandSVGIcons.mergeAll, textKey: 'Merge all', commandName: 'cells', value: 'cells', disabled: false },
-    { icon: commandIcons.mergeHorizontally, svgIcon: commandSVGIcons.mergeHorizontally, textKey: 'Merge horizontally', commandName: 'horizontally', value: 'horizontally', disabled: false },
-    { icon: commandIcons.mergeVertically, svgIcon: commandSVGIcons.mergeVertically, textKey: 'Merge vertically', commandName: 'vertically', value: 'vertically', disabled: false },
-    { icon: commandIcons.unmerge, svgIcon: commandSVGIcons.unmerge, textKey: 'Unmerge', commandName: 'unmerge', value: 'unmerge', disabled: false }
+    { icon: commandIcons.mergeAll, svgIcon: commandSVGIcons.mergeAll, textKey: 'Merge all', commandName: 'cells', value: 'cells', disabled: false, commandId: 'mergeAll' },
+    { icon: commandIcons.mergeHorizontally, svgIcon: commandSVGIcons.mergeHorizontally, textKey: 'Merge horizontally', commandName: 'horizontally', value: 'horizontally', disabled: false, commandId: 'mergeHorizontally' },
+    { icon: commandIcons.mergeVertically, svgIcon: commandSVGIcons.mergeVertically, textKey: 'Merge vertically', commandName: 'vertically', value: 'vertically', disabled: false, commandId: 'mergeVertically' },
+    { icon: commandIcons.unmerge, svgIcon: commandSVGIcons.unmerge, textKey: 'Unmerge', commandName: 'unmerge', value: 'unmerge', disabled: false, commandId: 'unmerge' }
 ];
 /**
  * @hidden
@@ -810,7 +886,6 @@ FontFamilyDropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
             #element
             [data]="data"
             [(value)]="value"
-            [attr.title]="title"
             [tabindex]="tabindex"
             (valueChange)="onValueChange($event)"
             [leftRightArrowsNavigation]="false"
@@ -832,7 +907,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             #element
             [data]="data"
             [(value)]="value"
-            [attr.title]="title"
             [tabindex]="tabindex"
             (valueChange)="onValueChange($event)"
             [leftRightArrowsNavigation]="false"
@@ -899,7 +973,7 @@ class DialogContentComponent extends DialogContentBase {
         this.componentType = args.componentType;
     }
 }
-DialogContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DialogContentComponent, deps: [{ token: i1$4.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
+DialogContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DialogContentComponent, deps: [{ token: i1$1.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
 DialogContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DialogContentComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
         <div 
             [ngSwitch]="componentType"
@@ -984,7 +1058,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         </div>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i1$4.DialogRef }]; } });
+        }], ctorParameters: function () { return [{ type: i1$1.DialogRef }]; } });
 
 /**
  * @hidden
@@ -1120,7 +1194,7 @@ class SpreadsheetDropDownToolBase extends ToolBarToolComponent {
         return false;
     }
 }
-SpreadsheetDropDownToolBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetDropDownToolBase, deps: [{ token: MY_TOKEN }, { token: i1$4.DialogService }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }, { token: i1$2.ToolBarComponent }], target: i0.ɵɵFactoryTarget.Component });
+SpreadsheetDropDownToolBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.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 });
 SpreadsheetDropDownToolBase.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SpreadsheetDropDownToolBase, selector: "ng-component", outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { 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: "13.3.12", ngImport: i0, type: SpreadsheetDropDownToolBase, decorators: [{
             type: Component,
@@ -1130,7 +1204,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [MY_TOKEN]
-                }] }, { type: i1$4.DialogService }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }, { type: i1$2.ToolBarComponent }]; }, propDecorators: { toolbarTemplate: [{
+                }] }, { type: i1$1.DialogService }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }, { type: i1$2.ToolBarComponent }]; }, propDecorators: { toolbarTemplate: [{
                 type: ViewChild,
                 args: ['toolbarTemplate', { static: true }]
             }], popupTemplate: [{
@@ -1162,7 +1236,7 @@ class SpreadsheetFontFamilyComponent extends SpreadsheetDropDownToolBase {
         super('fontFamily', dialogService, localization, spreadsheetService, toolsService, toolbar);
     }
 }
-SpreadsheetFontFamilyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetFontFamilyComponent, deps: [{ token: i1$4.DialogService }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }, { token: ToolBarComponent }], target: i0.ɵɵFactoryTarget.Component });
+SpreadsheetFontFamilyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetFontFamilyComponent, deps: [{ token: i1$1.DialogService }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }, { token: ToolBarComponent }], target: i0.ɵɵFactoryTarget.Component });
 SpreadsheetFontFamilyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SpreadsheetFontFamilyComponent, selector: "kendo-toolbar-dropdownlist[kendoSpreadsheetFontFamily]", providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => SpreadsheetFontFamilyComponent) }], usesInheritance: true, ngImport: i0, template: `
         <ng-template #toolbarTemplate>
             <kendo-spreadsheet-fontfamily-dropdownlist
@@ -1217,7 +1291,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         </ng-template>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i1$4.DialogService }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }, { type: i1$2.ToolBarComponent, decorators: [{
+        }], ctorParameters: function () { return [{ type: i1$1.DialogService }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }, { type: i1$2.ToolBarComponent, decorators: [{
                     type: Inject,
                     args: [ToolBarComponent]
                 }] }]; } });
@@ -1235,7 +1309,7 @@ class SpreadsheetFontSizeComponent extends SpreadsheetDropDownToolBase {
         super('fontSize', dialogService, localization, spreadsheetService, toolsService, toolbar);
     }
 }
-SpreadsheetFontSizeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetFontSizeComponent, deps: [{ token: i1$4.DialogService }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }, { token: ToolBarComponent }], target: i0.ɵɵFactoryTarget.Component });
+SpreadsheetFontSizeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetFontSizeComponent, deps: [{ token: i1$1.DialogService }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }, { token: ToolBarComponent }], target: i0.ɵɵFactoryTarget.Component });
 SpreadsheetFontSizeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SpreadsheetFontSizeComponent, selector: "kendo-toolbar-dropdownlist[kendoSpreadsheetFontSize]", providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => SpreadsheetFontSizeComponent) }], usesInheritance: true, ngImport: i0, template: `
         <ng-template #toolbarTemplate>
             <kendo-spreadsheet-fontsize-dropdownlist
@@ -1290,7 +1364,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         </ng-template>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i1$4.DialogService }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }, { type: i1$2.ToolBarComponent, decorators: [{
+        }], ctorParameters: function () { return [{ type: i1$1.DialogService }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }, { type: i1$2.ToolBarComponent, decorators: [{
                     type: Inject,
                     args: [ToolBarComponent]
                 }] }]; } });
@@ -1304,7 +1378,7 @@ class SpreadsheetForeColorComponent extends SpreadsheetDropDownToolBase {
         super('color', dialogService, localization, spreadsheetService, toolsService, toolbar);
     }
 }
-SpreadsheetForeColorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetForeColorComponent, deps: [{ token: i1$4.DialogService }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }, { token: ToolBarComponent }], target: i0.ɵɵFactoryTarget.Component });
+SpreadsheetForeColorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetForeColorComponent, deps: [{ token: i1$1.DialogService }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }, { token: ToolBarComponent }], target: i0.ɵɵFactoryTarget.Component });
 SpreadsheetForeColorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SpreadsheetForeColorComponent, selector: "kendo-spreadsheet-forecolor-tool", providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => SpreadsheetForeColorComponent) }], usesInheritance: true, ngImport: i0, template: `
         <ng-template #toolbarTemplate>
             <kendo-colorpicker
@@ -1369,7 +1443,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         </ng-template>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i1$4.DialogService }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }, { type: i1$2.ToolBarComponent, decorators: [{
+        }], ctorParameters: function () { return [{ type: i1$1.DialogService }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }, { type: i1$2.ToolBarComponent, decorators: [{
                     type: Inject,
                     args: [ToolBarComponent]
                 }] }]; } });
@@ -1383,7 +1457,7 @@ class SpreadsheetBackColorComponent extends SpreadsheetDropDownToolBase {
         super('background', dialogService, localization, spreadsheetService, toolsService, toolbar);
     }
 }
-SpreadsheetBackColorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetBackColorComponent, deps: [{ token: i1$4.DialogService }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }, { token: ToolBarComponent }], target: i0.ɵɵFactoryTarget.Component });
+SpreadsheetBackColorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetBackColorComponent, deps: [{ token: i1$1.DialogService }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }, { token: ToolBarComponent }], target: i0.ɵɵFactoryTarget.Component });
 SpreadsheetBackColorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SpreadsheetBackColorComponent, selector: "kendo-spreadsheet-backcolor-tool", providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => SpreadsheetBackColorComponent) }], usesInheritance: true, ngImport: i0, template: `
         <ng-template #toolbarTemplate>
             <kendo-colorpicker
@@ -1448,7 +1522,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         </ng-template>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i1$4.DialogService }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }, { type: i1$2.ToolBarComponent, decorators: [{
+        }], ctorParameters: function () { return [{ type: i1$1.DialogService }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }, { type: i1$2.ToolBarComponent, decorators: [{
                     type: Inject,
                     args: [ToolBarComponent]
                 }] }]; } });
@@ -1574,7 +1648,7 @@ class ActionDialogComponent extends DialogContentBase {
         this.commandName = args.commandName;
     }
 }
-ActionDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ActionDialogComponent, deps: [{ token: i1$4.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
+ActionDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ActionDialogComponent, deps: [{ token: i1$1.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
 ActionDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ActionDialogComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
         <ng-container *ngIf="commandName === 'delete'">
             <p>The deleted sheet data will be lost.</p>
@@ -1583,9 +1657,9 @@ ActionDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
 
         <form class="k-form k-form-md" *ngIf="commandName === 'rename'" method="dialog">
             <div class="k-form-field">
-                <label class="k-label k-form-label">Rename sheet</label>
+                <kendo-label [for]="textbox" text="Rename sheet"></kendo-label>
                 <div class="k-form-field-wrap">
-                    <kendo-textbox
+                    <kendo-textbox #textbox
                         autocomplete="off"
                         placeholder="Sheet name"
                         [(value)]="value">
@@ -1593,7 +1667,7 @@ ActionDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
                 </div>
             </div>
         </form>
-    `, isInline: true, components: [{ type: i5.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    `, isInline: true, components: [{ type: i2$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { type: i5.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ActionDialogComponent, decorators: [{
             type: Component,
             args: [{
@@ -1605,9 +1679,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 
         <form class="k-form k-form-md" *ngIf="commandName === 'rename'" method="dialog">
             <div class="k-form-field">
-                <label class="k-label k-form-label">Rename sheet</label>
+                <kendo-label [for]="textbox" text="Rename sheet"></kendo-label>
                 <div class="k-form-field-wrap">
-                    <kendo-textbox
+                    <kendo-textbox #textbox
                         autocomplete="off"
                         placeholder="Sheet name"
                         [(value)]="value">
@@ -1617,7 +1691,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         </form>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i1$4.DialogRef }]; } });
+        }], ctorParameters: function () { return [{ type: i1$1.DialogRef }]; } });
 
 /**
  * @hidden
@@ -1805,7 +1879,7 @@ class SheetsBarComponent {
         });
     }
 }
-SheetsBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SheetsBarComponent, deps: [{ token: SpreadsheetService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SpreadsheetLocalizationService }, { token: i1$4.DialogService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+SheetsBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.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 });
 SheetsBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SheetsBarComponent, 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 }], ngImport: i0, template: `
         <button kendoButton #addButton
             [title]="messageFor('addSheet')"
@@ -1909,7 +1983,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         </kendo-tabstrip>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: SpreadsheetService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: SpreadsheetLocalizationService }, { type: i1$4.DialogService }, { type: i0.NgZone }]; }, propDecorators: { hostClasses: [{
+        }], ctorParameters: function () { return [{ type: SpreadsheetService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: SpreadsheetLocalizationService }, { type: i1$1.DialogService }, { type: i0.NgZone }]; }, propDecorators: { hostClasses: [{
                 type: HostBinding,
                 args: ['class.k-spreadsheet-sheets-bar']
             }], sheets: [{
@@ -1939,7 +2013,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 class MessagesDirective extends ComponentMessages {
 }
 MessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MessagesDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-MessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: MessagesDirective, selector: "[kendoSpreadsheetMessages]", inputs: { home: "home", file: "file", insert: "insert", 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", dialogApply: "dialogApply", dialogCancel: "dialogCancel", dialogDelete: "dialogDelete", dialogRename: "dialogRename", delete: "delete", rename: "rename", nameBox: "nameBox", addSheet: "addSheet", sheetsMenu: "sheetsMenu", view: "view", merge: "merge" }, usesInheritance: true, ngImport: i0 });
+MessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: MessagesDirective, 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", 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" }, usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MessagesDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1951,6 +2025,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], insert: [{
                 type: Input
+            }], formatTab: [{
+                type: Input
             }], saveFile: [{
                 type: Input
             }], loadFile: [{
@@ -1993,6 +2069,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], align: [{
                 type: Input
+            }], alignHorizontal: [{
+                type: Input
+            }], alignVertical: [{
+                type: Input
+            }], alignLeft: [{
+                type: Input
+            }], alignCenter: [{
+                type: Input
+            }], alignRight: [{
+                type: Input
+            }], alignJustify: [{
+                type: Input
+            }], alignTop: [{
+                type: Input
+            }], alignMiddle: [{
+                type: Input
+            }], alignBottom: [{
+                type: Input
             }], dialogApply: [{
                 type: Input
             }], dialogCancel: [{
@@ -2001,6 +2095,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], dialogRename: [{
                 type: Input
+            }], dialogInsert: [{
+                type: Input
+            }], dialogRemoveLink: [{
+                type: Input
             }], delete: [{
                 type: Input
             }], rename: [{
@@ -2015,6 +2113,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], merge: [{
                 type: Input
+            }], mergeHorizontally: [{
+                type: Input
+            }], mergeVertically: [{
+                type: Input
+            }], mergeAll: [{
+                type: Input
+            }], unmerge: [{
+                type: Input
+            }], insertLink: [{
+                type: Input
+            }], increaseDecimal: [{
+                type: Input
+            }], decreaseDecimal: [{
+                type: Input
+            }], increaseFontSize: [{
+                type: Input
+            }], decreaseFontSize: [{
+                type: Input
+            }], openUnsupported: [{
+                type: Input
+            }], modifyMerged: [{
+                type: Input
+            }], cannotModifyDisabled: [{
+                type: Input
+            }], dialogOk: [{
+                type: Input
+            }], dialogError: [{
+                type: Input
+            }], duplicateSheetName: [{
+                type: Input
             }] } });
 
 /**
@@ -2026,7 +2154,7 @@ class LocalizedMessagesDirective extends MessagesDirective {
         this.service = service;
     }
 }
-LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
 LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: LocalizedMessagesDirective, selector: "[kendoSpreadsheetLocalizedMessages]", providers: [{
             provide: MessagesDirective,
             useExisting: forwardRef(() => LocalizedMessagesDirective)
@@ -2040,7 +2168,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                         }],
                     selector: '[kendoSpreadsheetLocalizedMessages]'
                 }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
+        }], ctorParameters: function () { return [{ type: i2.LocalizationService }]; } });
 
 /**
  * @hidden
@@ -2137,7 +2265,7 @@ class SpreadsheetCommandBaseDirective {
     clickHandler() { }
     pointerdownHandler(_event) { }
 }
-SpreadsheetCommandBaseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetCommandBaseDirective, deps: [{ token: MY_TOKEN }, { token: i1$2.ToolBarButtonComponent }, { token: i1.LocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+SpreadsheetCommandBaseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetCommandBaseDirective, deps: [{ token: MY_TOKEN }, { token: i1$2.ToolBarButtonComponent }, { token: i2.LocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
 SpreadsheetCommandBaseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: SpreadsheetCommandBaseDirective, selector: "[kendoSpreadsheetCommandBase]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetCommandBaseDirective, decorators: [{
             type: Directive,
@@ -2147,7 +2275,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [MY_TOKEN]
-                }] }, { type: i1$2.ToolBarButtonComponent }, { type: i1.LocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
+                }] }, { type: i1$2.ToolBarButtonComponent }, { type: i2.LocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
 
 /**
  * @hidden
@@ -2214,6 +2342,76 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
 
+/**
+ * @hidden
+ */
+class SpreadsheetIncreaseFontSizeDirective extends SpreadsheetCommandButton {
+    constructor(button, localization, spreadsheetService, toolsService) {
+        super('increaseFontSize', button, localization, spreadsheetService, toolsService, {
+            command: 'PropertyChangeCommand',
+            options: { property: 'fontSize' }
+        });
+        this.value = DEFAULT_FONT_VALUES.fontSize;
+    }
+    clickHandler() {
+        const newValue = this.value + 1;
+        const options = {
+            command: 'PropertyChangeCommand',
+            options: { property: 'fontSize', value: newValue || null }
+        };
+        this.spreadsheetService.spreadsheet.executeCommand(options);
+    }
+    ngAfterViewInit() {
+        this.value = this.toolsService.toolsState['fontSize'];
+        this.subs.add(this.toolsService.stateChange.subscribe(state => {
+            this.value = state['fontSize'];
+        }));
+    }
+}
+SpreadsheetIncreaseFontSizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetIncreaseFontSizeDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+SpreadsheetIncreaseFontSizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: SpreadsheetIncreaseFontSizeDirective, selector: "kendo-toolbar-button[kendoSpreadsheetIncreaseFontSize]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetIncreaseFontSizeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-toolbar-button[kendoSpreadsheetIncreaseFontSize]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
+
+/**
+ * @hidden
+ */
+class SpreadsheetDecreaseFontSizeDirective extends SpreadsheetCommandButton {
+    constructor(button, localization, spreadsheetService, toolsService) {
+        super('decreaseFontSize', button, localization, spreadsheetService, toolsService, {
+            command: 'PropertyChangeCommand',
+            options: { property: 'fontSize' }
+        });
+        this.value = DEFAULT_FONT_VALUES.fontSize;
+    }
+    clickHandler() {
+        const newValue = this.value - 1;
+        const options = {
+            command: 'PropertyChangeCommand',
+            options: { property: 'fontSize', value: newValue || null }
+        };
+        this.spreadsheetService.spreadsheet.executeCommand(options);
+    }
+    ngAfterViewInit() {
+        this.value = this.toolsService.toolsState['fontSize'];
+        this.subs.add(this.toolsService.stateChange.subscribe(state => {
+            this.value = state['fontSize'];
+        }));
+    }
+}
+SpreadsheetDecreaseFontSizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetDecreaseFontSizeDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+SpreadsheetDecreaseFontSizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: SpreadsheetDecreaseFontSizeDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDecreaseFontSize]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetDecreaseFontSizeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-toolbar-button[kendoSpreadsheetDecreaseFontSize]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
+
 /**
  * @hidden
  */
@@ -2283,18 +2481,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 /**
  * @hidden
  */
-class SpreadsheetTextAlignDirective {
+class SpreadsheetHorizontalTextAlignDirective {
     constructor(host, localization, spreadsheetService, toolsService) {
         this.host = host;
         this.spreadsheetService = spreadsheetService;
         this.toolsService = toolsService;
-        this.commandName = 'align';
+        this.commandName = 'alignHorizontal';
         this.subs = new Subscription();
         host.svgIcon = commandSVGIcons[this.commandName];
         host.icon = commandIcons[this.commandName];
         host.arrowIcon = true;
         host.fillMode = 'flat';
-        host.data = [...ALIGNS];
+        host.data = ALIGNS
+            .filter(value => value.commandName === 'textAlign')
+            .map(item => ({ ...item, textKey: localization.get(item.commandId) }));
         this.subs.add(host.itemClick.subscribe((e) => this.onItemClick(e)));
         host.title = localization.get(this.commandName);
         host.textField = 'textKey';
@@ -2313,12 +2513,56 @@ class SpreadsheetTextAlignDirective {
         this.spreadsheetService.spreadsheet.executeCommand(options);
     }
 }
-SpreadsheetTextAlignDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetTextAlignDirective, deps: [{ token: i1$2.ToolBarDropDownButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-SpreadsheetTextAlignDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: SpreadsheetTextAlignDirective, selector: "[kendoSpreadsheetTextAlign]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetTextAlignDirective, decorators: [{
+SpreadsheetHorizontalTextAlignDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetHorizontalTextAlignDirective, deps: [{ token: i1$2.ToolBarDropDownButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+SpreadsheetHorizontalTextAlignDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: SpreadsheetHorizontalTextAlignDirective, selector: "[kendoSpreadsheetHorizontalTextAlign]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetHorizontalTextAlignDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kendoSpreadsheetTextAlign]',
+                    selector: '[kendoSpreadsheetHorizontalTextAlign]',
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.ToolBarDropDownButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
+
+/**
+ * @hidden
+ */
+class SpreadsheetVerticalTextAlignDirective {
+    constructor(host, localization, spreadsheetService, toolsService) {
+        this.host = host;
+        this.spreadsheetService = spreadsheetService;
+        this.toolsService = toolsService;
+        this.commandName = 'alignVertical';
+        this.subs = new Subscription();
+        host.svgIcon = commandSVGIcons[this.commandName];
+        host.icon = commandIcons[this.commandName];
+        host.arrowIcon = true;
+        host.fillMode = 'flat';
+        host.data = ALIGNS
+            .filter(value => value.commandName === 'verticalAlign')
+            .map(item => ({ ...item, textKey: localization.get(item.commandId) }));
+        this.subs.add(host.itemClick.subscribe((e) => this.onItemClick(e)));
+        host.title = localization.get(this.commandName);
+        host.textField = 'textKey';
+    }
+    ngOnInit() {
+        this.subs.add(this.toolsService.stateChange.subscribe(state => this.host.data.forEach(i => i.cssClass = i.value === state[i.commandName] ? 'k-selected' : '')));
+    }
+    ngOnDestroy() {
+        this.subs.unsubscribe();
+    }
+    onItemClick(item) {
+        const value = item.value || null;
+        const options = {
+            command: 'PropertyChangeCommand', options: { property: item.commandName, value }
+        };
+        this.spreadsheetService.spreadsheet.executeCommand(options);
+    }
+}
+SpreadsheetVerticalTextAlignDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetVerticalTextAlignDirective, deps: [{ token: i1$2.ToolBarDropDownButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+SpreadsheetVerticalTextAlignDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: SpreadsheetVerticalTextAlignDirective, selector: "[kendoSpreadsheetVerticalTextAlign]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetVerticalTextAlignDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoSpreadsheetVerticalTextAlign]',
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.ToolBarDropDownButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
 
@@ -2400,6 +2644,118 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.ToolBarDropDownButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
 
+/**
+ * @hidden
+ */
+class InsertLinkDialogComponent extends DialogContentBase {
+    constructor(dialog) {
+        super(dialog);
+        this.dialog = dialog;
+        this.urlLink = '';
+    }
+    setData(args) {
+        this.urlLink = args.link;
+    }
+}
+InsertLinkDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: InsertLinkDialogComponent, deps: [{ token: i1$1.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
+InsertLinkDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: InsertLinkDialogComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <form class="k-form k-form-md" method="dialog">
+        <div class="k-form-field">
+            <kendo-label [for]="textbox" text="URL"></kendo-label>
+                <kendo-textbox #textbox
+                    [(value)]="urlLink">
+                </kendo-textbox>
+        </div>
+    </form>
+    `, isInline: true, components: [{ type: i2$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { type: i5.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: InsertLinkDialogComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    <form class="k-form k-form-md" method="dialog">
+        <div class="k-form-field">
+            <kendo-label [for]="textbox" text="URL"></kendo-label>
+                <kendo-textbox #textbox
+                    [(value)]="urlLink">
+                </kendo-textbox>
+        </div>
+    </form>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.DialogRef }]; } });
+
+/**
+ * @hidden
+ */
+class SpreadsheetInsertLinkDirective extends SpreadsheetCommandButton {
+    constructor(button, localization, spreadsheetService, toolsService, dialogService) {
+        super('insertLink', button, localization, spreadsheetService, toolsService, {
+            command: 'HyperlinkCommand'
+        });
+        this.dialogService = dialogService;
+        spreadsheetService.selectionChanged.subscribe(range => this.currentRange = range);
+    }
+    clickHandler() {
+        const sheet = this.spreadsheetService.spreadsheet.activeSheet();
+        if (sheet) {
+            this.openDialog();
+        }
+    }
+    /**
+     * @hidden
+     */
+    openDialog() {
+        const hasLink = isPresent(this.currentRange?.link());
+        const dialogSettings = {
+            appendTo: this.spreadsheetService.dialogContainer,
+            title: this.localization.get(this.command),
+            content: InsertLinkDialogComponent,
+            actions: [{
+                    text: this.localization.get('dialogInsert'),
+                    themeColor: 'primary'
+                }, {
+                    text: this.localization.get('dialogCancel')
+                },
+                'spacer', {
+                    text: this.localization.get('dialogRemoveLink'),
+                    themeColor: 'primary',
+                    fillMode: 'clear',
+                    cssClass: hasLink ? '' : 'k-disabled'
+                }],
+            actionsLayout: 'start',
+            width: 400,
+            autoFocusedElement: '.k-textbox > .k-input-inner'
+        };
+        const dialog = this.dialogService.open(dialogSettings);
+        const dialogInstance = dialog.dialog.instance;
+        const dialogContent = dialog.content.instance;
+        if (hasLink) {
+            dialogContent.setData({ link: this.currentRange?.link() });
+        }
+        dialogInstance.action.pipe(take(1)).subscribe((event) => {
+            if (event.text === this.localization.get('dialogCancel')) {
+                return;
+            }
+            let link = null;
+            if (event.text === this.localization.get('dialogInsert')) {
+                link = dialogContent.urlLink || null;
+            }
+            this.spreadsheetService.spreadsheet.executeCommand({
+                command: 'HyperlinkCommand',
+                options: { link }
+            });
+        });
+    }
+}
+SpreadsheetInsertLinkDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetInsertLinkDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }, { token: i1$1.DialogService }], target: i0.ɵɵFactoryTarget.Directive });
+SpreadsheetInsertLinkDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: SpreadsheetInsertLinkDirective, selector: "kendo-toolbar-button[kendoSpreadsheetInsertLink]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetInsertLinkDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-toolbar-button[kendoSpreadsheetInsertLink]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }, { type: i1$1.DialogService }]; } });
+
 /**
  * @hidden
  */
@@ -2528,6 +2884,58 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
 
+/**
+ * @hidden
+ */
+class SpreadsheetDecreaseDecimalDirective extends SpreadsheetCommandButton {
+    constructor(button, localization, spreadsheetService, toolsService) {
+        super('decreaseDecimal', button, localization, spreadsheetService, toolsService, {
+            command: 'AdjustDecimalsCommand'
+        });
+    }
+    clickHandler() {
+        const options = {
+            command: 'AdjustDecimalsCommand',
+            options: { value: -1 }
+        };
+        this.spreadsheetService.spreadsheet.executeCommand(options);
+    }
+}
+SpreadsheetDecreaseDecimalDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetDecreaseDecimalDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+SpreadsheetDecreaseDecimalDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: SpreadsheetDecreaseDecimalDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDecreaseDecimal]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetDecreaseDecimalDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-toolbar-button[kendoSpreadsheetDecreaseDecimal]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
+
+/**
+ * @hidden
+ */
+class SpreadsheetIncreaseDecimalDirective extends SpreadsheetCommandButton {
+    constructor(button, localization, spreadsheetService, toolsService) {
+        super('increaseDecimal', button, localization, spreadsheetService, toolsService, {
+            command: 'AdjustDecimalsCommand'
+        });
+    }
+    clickHandler() {
+        const options = {
+            command: 'AdjustDecimalsCommand',
+            options: { value: 1 }
+        };
+        this.spreadsheetService.spreadsheet.executeCommand(options);
+    }
+}
+SpreadsheetIncreaseDecimalDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetIncreaseDecimalDirective, deps: [{ token: i1$2.ToolBarButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+SpreadsheetIncreaseDecimalDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: SpreadsheetIncreaseDecimalDirective, selector: "kendo-toolbar-button[kendoSpreadsheetIncreaseDecimal]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetIncreaseDecimalDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-toolbar-button[kendoSpreadsheetIncreaseDecimal]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.ToolBarButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
+
 /**
  * @hidden
  */
@@ -2541,7 +2949,7 @@ class SpreadsheetMergeDirective {
         host.icon = commandIcons[this.commandName];
         host.arrowIcon = true;
         host.fillMode = 'flat';
-        host.data = [...MERGE];
+        host.data = MERGE.map(item => ({ ...item, textKey: localization.get(item.commandId) }));
         this.subs.add(host.itemClick.subscribe((e) => this.onItemClick(e)));
         host.title = localization.get(this.commandName);
         host.textField = 'textKey';
@@ -2618,13 +3026,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * Represents the [Kendo UI Spreadsheet component for Angular]({% slug overview_spreadsheet %}).
  */
 class SpreadsheetComponent {
-    constructor(ngZone, intl, host, localization, spreadsheetService, toolsService) {
+    constructor(ngZone, intl, host, localization, spreadsheetService, toolsService, errorService) {
         this.ngZone = ngZone;
         this.intl = intl;
         this.host = host;
         this.localization = localization;
         this.spreadsheetService = spreadsheetService;
         this.toolsService = toolsService;
+        this.errorService = errorService;
         this.hostClass = true;
         this.role = 'application';
         /**
@@ -2704,17 +3113,25 @@ class SpreadsheetComponent {
          * @hidden
          */
         this.showLicenseWatermark = false;
-        this.onChange = (e) => hasObservers(this.change) && this.change.emit(e);
+        this.onChange = (e) => {
+            hasObservers(this.change) && this.change.emit(e);
+            this.spreadsheetService.selectionChanged.next(e.range);
+        };
         this.onSelectionChange = (e) => {
             hasObservers(this.selectionChange) && this.selectionChange.emit(e);
             this.spreadsheetService.selectionChanged.next(e.range);
         };
-        this.onChangeFormat = (e) => hasObservers(this.formatChange) && this.formatChange.emit(e);
+        this.onChangeFormat = (e) => {
+            hasObservers(this.formatChange) && this.formatChange.emit(e);
+            this.spreadsheetService.selectionChanged.next(e.range);
+        };
         this.onExcelExport = (e) => hasObservers(this.excelExport) && this.excelExport.emit(e);
         this.onExcelImport = (e) => hasObservers(this.excelImport) && this.excelImport.emit(e);
         this.onActiveSheetChanged = (sheet) => {
             const eventArgs = { sender: this.spreadsheetService.spreadsheet, sheet };
             hasObservers(this.activeSheetChange) && this.activeSheetChange.emit(eventArgs);
+            const range = sheet.range(sheet.activeCell());
+            this.spreadsheetService.selectionChanged.next(range);
         };
         this.updateState = (e) => {
             this.toolsService.updateTools(e);
@@ -2722,6 +3139,11 @@ class SpreadsheetComponent {
                 this.sheets = mapToSheetDescriptor(this.spreadsheetService.spreadsheet.sheets());
             }
         };
+        this.onMessage = (e) => {
+            this.ngZone.run(() => {
+                this.errorService.handleErrorMessage(e);
+            });
+        };
         const isValid = validatePackage(packageMetadata);
         this.showLicenseWatermark = shouldShowValidationUI(isValid);
         ngZone.onStable.pipe(take(1)).subscribe(() => {
@@ -2737,6 +3159,9 @@ class SpreadsheetComponent {
                     }, {
                         id: 'insert',
                         text: this.messageFor('insert')
+                    }, {
+                        id: 'format',
+                        text: this.messageFor('formatTab')
                     }, {
                         id: 'view',
                         text: this.messageFor('view')
@@ -2810,6 +3235,7 @@ class SpreadsheetComponent {
                 spreadsheet.bind('excelImport', this.onExcelImport);
                 spreadsheet.bind('excelExport', this.onExcelExport);
                 spreadsheet.view.bind('update', this.updateState);
+                spreadsheet.view.bind('message', this.onMessage);
                 const sheet = spreadsheet.activeSheet();
                 if (sheet) {
                     this.updateState({ range: sheet.range(sheet.activeCell()) });
@@ -2903,7 +3329,7 @@ class SpreadsheetComponent {
         };
     }
 }
-SpreadsheetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetComponent, deps: [{ token: i0.NgZone }, { token: i1$5.IntlService }, { token: i0.ElementRef }, { token: i1.LocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Component });
+SpreadsheetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetComponent, deps: [{ token: i0.NgZone }, { token: i1$4.IntlService }, { token: i0.ElementRef }, { token: i2.LocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }, { token: ErrorHandlingService }], target: i0.ɵɵFactoryTarget.Component });
 SpreadsheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SpreadsheetComponent, selector: "kendo-spreadsheet", inputs: { menuItems: "menuItems", overflow: "overflow", 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,
         {
@@ -2915,7 +3341,8 @@ SpreadsheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
             useValue: 'kendo.spreadsheet'
         },
         SpreadsheetToolsService,
-        PopupService
+        PopupService,
+        ErrorHandlingService
     ], viewQueries: [{ propertyName: "formulaBarInputRef", first: true, predicate: ["formulaBar"], descendants: true, read: FormulaInputDirective }, { propertyName: "formulaCellInputRef", first: true, predicate: ["formulaCell"], descendants: true, read: FormulaInputDirective }, { propertyName: "nameBoxRef", first: true, predicate: ["nameBox"], descendants: true }, { propertyName: "dialogContainer", first: true, predicate: ["dialogContainer"], descendants: true, read: ViewContainerRef }], exportAs: ["kendo-spreadsheet"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container
             kendoSpreadsheetLocalizedMessages
@@ -2945,6 +3372,8 @@ SpreadsheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
             file="File"
             i18n-insert="kendo.spreadsheet.insert|The text of the Insert toolbar tab."
             insert="Insert"
+            i18n-formatTab="kendo.spreadsheet.formatTab|The text of the Format toolbar tab."
+            formatTab="Format"
             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."
@@ -2969,8 +3398,44 @@ SpreadsheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
             wrap="Text wrap"
             i18n-align="kendo.spreadsheet.align|The title of the Text Align tool."
             align="Align"
+            i18n-alignHorizontal="kendo.spreadsheet.alignHorizontal|The title of the Text Align Horizontal tool."
+            alignHorizontal="Align horizontally"
+            i18n-alignVertical="kendo.spreadsheet.alignVertical|The title of the Text Align Vertical tool."
+            alignVertical="Align vertically"
+            i18n-alignLeft="kendo.spreadsheet.alignLeft|The title of the Text Align Left tool."
+            alignLeft="Align Left"
+            i18n-alignCenter="kendo.spreadsheet.alignCenter|The title of the Text Align Center tool."
+            alignCenter="Align Center"
+            i18n-alignRight="kendo.spreadsheet.alignRight|The title of the Text Align Right tool."
+            alignRight="Align Right"
+            i18n-alignJustify="kendo.spreadsheet.alignJustify|The title of the Text Align Justify tool."
+            alignJustify="Align Justify"
+            i18n-alignTop="kendo.spreadsheet.alignTop|The title of the Text Align Top tool."
+            alignTop="Align Top"
+            i18n-alignMiddle="kendo.spreadsheet.alignMiddle|The title of the Text Align Middle tool."
+            alignMiddle="Align Middle"
+            i18n-alignBottom="kendo.spreadsheet.alignBottom|The title of the Text Align Bottom tool."
+            alignBottom="Align Bottom"
             i18n-merge="kendo.spreadsheet.merge|The title of the Cells Merge tool."
             merge="Merge"
+            i18n-mergeAll="kendo.spreadsheet.mergeAll|The title of the Merge all tool."
+            mergeAll="Merge all"
+            i18n-mergeHorizontally="kendo.spreadsheet.mergeHorizontally|The title of the Merge horizontally tool."
+            mergeHorizontally="Merge horizontally"
+            i18n-mergeVertically="kendo.spreadsheet.mergeVertically|The title of the Merge vertically tool."
+            mergeVertically="Merge vertically"
+            i18n-unmerge="kendo.spreadsheet.unmerge|The title of the Unmerge tool."
+            unmerge="Unmerge"
+            i18n-insertLink="kendo.spreadsheet.insertLink|The title of the tool that inserts a link."
+            insertLink="Insert link"
+            i18n-decreaseDecimal="kendo.spreadsheet.decreaseDecimal|The title of the tool that decreases decimals."
+            decreaseDecimal="Decrease decimal"
+            i18n-increaseDecimal="kendo.spreadsheet.increaseDecimal|The title of the tool that increases decimals."
+            increaseDecimal="Increase decimal"
+            i18n-increaseFontSize="kendo.spreadsheet.increaseFontSize|The title of the tool that increases the cell font size."
+            increaseFontSize="Increase font size"
+            i18n-decreaseFontSize="kendo.spreadsheet.decreaseFontSize|The title of the tool that decreases the cell font size."
+            decreaseFontSize="Decrease font size"
             i18n-dialogApply="kendo.spreadsheet.dialogApply|The text of the **Apply** button in all Spreadsheet dialogs."
             dialogApply="Apply"
             i18n-dialogCancel="kendo.spreadsheet.dialogCancel|The text of the **Cancel** button in all Spreadsheet dialogs."
@@ -2979,6 +3444,10 @@ SpreadsheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
             dialogDelete="Delete"
             i18n-dialogRename="kendo.spreadsheet.dialogRename|The text of the **Rename** button in the Rename sheet dialog."
             dialogRename="Rename"
+            i18n-dialogInsert="kendo.spreadsheet.dialogInsert|The text of the **Insert** button in all Spreadsheet dialogs."
+            dialogInsert="Insert"
+            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."
             rename="Rename Sheet"
             i18n-delete="kendo.spreadsheet.delete|The title of the Delete sheet dialog."
@@ -2988,7 +3457,20 @@ SpreadsheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
             i18n-addSheet="kendo.spreadsheet.addSheet|The title of the Add new sheet button."
             addSheet="Add New Sheet"
             i18n-sheetsMenu="kendo.spreadsheet.sheetsMenu|The title of the Sheets menu button."
-            sheetsMenu="All Sheets">
+            sheetsMenu="All Sheets"
+            i18n-openUnsupported="kendo.spreadsheet.openUnsupported|The content of the dialog that warns about an unsupported file type."
+            openUnsupported="Unsupported format. Please select an .xlsx file."
+            i18n-modifyMerged="kendo.spreadsheet.modifyMerged|The content of the dialog that warns about modifying a merged cell."
+            modifyMerged="Cannot change part of a merged cell."
+            i18n-cannotModifyDisabled="kendo.spreadsheet.cannotModifyDisabled|The content of the dialog that warns about modifying a disabled cell."
+            cannotModifyDisabled="Cannot modify disabled cells."
+            i18n-dialogOk="kendo.spreadsheet.dialogOk|The text of the **OK** dialog button."
+            dialogOk="OK"
+            i18n-dialogError="kendo.spreadsheet.dialogError|The title of an error dialog."
+            dialogError="Error"
+            i18n-duplicateSheetName="kendo.spreadsheet.duplicateSheetName|The content of the dialog that warns about duplicated sheet name."
+            duplicateSheetName="There is an existing sheet with this name. Please enter another name."
+            >
         </ng-container>
         <div class="k-spreadsheet-header">
             <kendo-menu kendoSpreadsheetMenu (select)="onMenuItemSelect($event)">
@@ -3012,6 +3494,9 @@ SpreadsheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
                 <kendo-toolbar-separator></kendo-toolbar-separator>
                 <kendo-toolbar-dropdownlist kendoSpreadsheetFontFamily></kendo-toolbar-dropdownlist>
                 <kendo-toolbar-dropdownlist kendoSpreadsheetFontSize></kendo-toolbar-dropdownlist>
+                <kendo-toolbar-button kendoSpreadsheetIncreaseFontSize></kendo-toolbar-button>
+                <kendo-toolbar-button kendoSpreadsheetDecreaseFontSize></kendo-toolbar-button>
+                <kendo-toolbar-separator></kendo-toolbar-separator>
                 <kendo-toolbar-buttongroup>
                     <kendo-toolbar-button kendoSpreadsheetBold></kendo-toolbar-button>
                     <kendo-toolbar-button kendoSpreadsheetItalic></kendo-toolbar-button>
@@ -3021,7 +3506,8 @@ SpreadsheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
                 <kendo-toolbar-separator></kendo-toolbar-separator>
                 <kendo-spreadsheet-backcolor-tool></kendo-spreadsheet-backcolor-tool>
                 <kendo-toolbar-separator></kendo-toolbar-separator>
-                <kendo-toolbar-dropdownbutton kendoSpreadsheetTextAlign></kendo-toolbar-dropdownbutton>
+                <kendo-toolbar-dropdownbutton kendoSpreadsheetHorizontalTextAlign></kendo-toolbar-dropdownbutton>
+                <kendo-toolbar-dropdownbutton kendoSpreadsheetVerticalTextAlign></kendo-toolbar-dropdownbutton>
                 <kendo-toolbar-button kendoSpreadsheetTextWrap></kendo-toolbar-button>
                 <kendo-toolbar-separator></kendo-toolbar-separator>
                 <kendo-toolbar-dropdownbutton kendoSpreadsheetFormat></kendo-toolbar-dropdownbutton>
@@ -3030,6 +3516,8 @@ SpreadsheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
                 [attr.aria-label]="messageFor('insert')"
                 class="k-spreadsheet-toolbar"
                 [overflow]="overflow">
+                <kendo-toolbar-button kendoSpreadsheetInsertLink></kendo-toolbar-button>
+                <kendo-toolbar-separator></kendo-toolbar-separator>
                 <kendo-toolbar-button kendoSpreadsheetAddColumnLeftButton></kendo-toolbar-button>
                 <kendo-toolbar-button kendoSpreadsheetAddColumnRightButton></kendo-toolbar-button>
                 <kendo-toolbar-button kendoSpreadsheetAddRowBelowButton></kendo-toolbar-button>
@@ -3038,6 +3526,13 @@ SpreadsheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
                 <kendo-toolbar-button kendoSpreadsheetDeleteColumnButton></kendo-toolbar-button>
                 <kendo-toolbar-button kendoSpreadsheetDeleteRowButton></kendo-toolbar-button>
             </kendo-toolbar>
+            <kendo-toolbar *ngIf="selectedMenuItem?.active && selectedMenuItem.id === 'format'"
+                [attr.aria-label]="messageFor('formatTab')"
+                class="k-spreadsheet-toolbar"
+                [overflow]="overflow">
+                <kendo-toolbar-button kendoSpreadsheetDecreaseDecimal></kendo-toolbar-button>
+                <kendo-toolbar-button kendoSpreadsheetIncreaseDecimal></kendo-toolbar-button>
+            </kendo-toolbar>
             <kendo-toolbar *ngIf="selectedMenuItem?.active && selectedMenuItem.id === 'view'"
                 [attr.aria-label]="messageFor('view')"
                 class="k-spreadsheet-toolbar"
@@ -3075,7 +3570,7 @@ SpreadsheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
         <ng-container #dialogContainer></ng-container>
 
         <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
-    `, isInline: true, components: [{ type: i5$2.MenuComponent, selector: "kendo-menu", inputs: ["menuItemTemplate", "ariaRole", "menuItemLinkTemplate"], outputs: ["select", "open", "close"], exportAs: ["kendoMenu"] }, { type: i5$2.MenuItemComponent, selector: "kendo-menu-item", inputs: ["text", "url", "disabled", "cssClass", "cssStyle", "icon", "svgIcon", "data", "separator"] }, { type: i1$2.ToolBarComponent, selector: "kendo-toolbar", inputs: ["overflow", "resizable", "popupSettings", "tabindex", "size", "tabIndex"], outputs: ["open", "close"], exportAs: ["kendoToolBar"] }, { type: SpreadsheetLoadFileComponent, selector: "kendo-spreadsheet-load-file-tool" }, { type: i1$2.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"] }, { type: i1$2.ToolBarButtonGroupComponent, selector: "kendo-toolbar-buttongroup", inputs: ["disabled", "selection", "width", "look"], exportAs: ["kendoToolBarButtonGroup"] }, { type: i1$2.ToolBarSeparatorComponent, selector: "kendo-toolbar-separator", exportAs: ["kendoToolBarSeparator"] }, { type: SpreadsheetFontFamilyComponent, selector: "kendo-toolbar-dropdownlist[kendoSpreadsheetFontFamily]" }, { type: SpreadsheetFontSizeComponent, selector: "kendo-toolbar-dropdownlist[kendoSpreadsheetFontSize]" }, { type: SpreadsheetForeColorComponent, selector: "kendo-spreadsheet-forecolor-tool" }, { type: SpreadsheetBackColorComponent, selector: "kendo-spreadsheet-backcolor-tool" }, { type: i1$2.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"] }, { type: NameBoxComponent, selector: "[kendoSpreadsheetNameBox]", inputs: ["data", "spreadsheetWidget"] }, { type: i6.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { type: SheetsBarComponent, selector: "[kendoSpreadsheetSheetsBar]", inputs: ["sheets", "sheetDescriptors"] }, { type: i3.WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }], directives: [{ type: LocalizedMessagesDirective, selector: "[kendoSpreadsheetLocalizedMessages]" }, { type: MainMenuDirective, selector: "[kendoSpreadsheetMenu]" }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: SpreadsheetSaveFileDirective, selector: "[kendoSpreadsheetSaveFile]" }, { type: SpreadsheetUndoDirective, selector: "kendo-toolbar-button[kendoSpreadsheetUndo]" }, { type: SpreadsheetRedoDirective, selector: "kendo-toolbar-button[kendoSpreadsheetRedo]" }, { type: SpreadsheetBoldDirective, selector: "kendo-toolbar-button[kendoSpreadsheetBold]" }, { type: SpreadsheetItalicDirective, selector: "kendo-toolbar-button[kendoSpreadsheetItalic]" }, { type: SpreadsheetUnderlineDirective, selector: "kendo-toolbar-button[kendoSpreadsheetUnderline]" }, { type: SpreadsheetTextAlignDirective, selector: "[kendoSpreadsheetTextAlign]" }, { type: SpreadsheetTextWrapDirective, selector: "kendo-toolbar-button[kendoSpreadsheetTextWrap]" }, { type: SpreadsheetFormatDirective, selector: "[kendoSpreadsheetFormat]" }, { type: SpreadsheetAddColumnLeftButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddColumnLeftButton]" }, { type: SpreadsheetAddColumnRightButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddColumnRightButton]" }, { type: SpreadsheetAddRowBelowButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddRowBelowButton]" }, { type: SpreadsheetAddRowAboveButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddRowAboveButton]" }, { type: SpreadsheetDeleteColumnButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDeleteColumnButton]" }, { type: SpreadsheetDeleteRowButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDeleteRowButton]" }, { type: SpreadsheetMergeDirective, selector: "[kendoSpreadsheetMerge]" }, { type: SpreadsheetGridLinesDirective, selector: "kendo-toolbar-button[kendoSpreadsheetGridLines]" }, { type: FormulaInputDirective, selector: "[kendoSpreadsheetFormulaInput]" }] });
+    `, isInline: true, components: [{ type: i6$1.MenuComponent, selector: "kendo-menu", inputs: ["menuItemTemplate", "ariaRole", "menuItemLinkTemplate"], outputs: ["select", "open", "close"], exportAs: ["kendoMenu"] }, { type: i6$1.MenuItemComponent, selector: "kendo-menu-item", inputs: ["text", "url", "disabled", "cssClass", "cssStyle", "icon", "svgIcon", "data", "separator"] }, { type: i1$2.ToolBarComponent, selector: "kendo-toolbar", inputs: ["overflow", "resizable", "popupSettings", "tabindex", "size", "tabIndex"], outputs: ["open", "close"], exportAs: ["kendoToolBar"] }, { type: SpreadsheetLoadFileComponent, selector: "kendo-spreadsheet-load-file-tool" }, { type: i1$2.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"] }, { type: i1$2.ToolBarButtonGroupComponent, selector: "kendo-toolbar-buttongroup", inputs: ["disabled", "selection", "width", "look"], exportAs: ["kendoToolBarButtonGroup"] }, { type: i1$2.ToolBarSeparatorComponent, selector: "kendo-toolbar-separator", exportAs: ["kendoToolBarSeparator"] }, { type: SpreadsheetFontFamilyComponent, selector: "kendo-toolbar-dropdownlist[kendoSpreadsheetFontFamily]" }, { type: SpreadsheetFontSizeComponent, selector: "kendo-toolbar-dropdownlist[kendoSpreadsheetFontSize]" }, { type: SpreadsheetForeColorComponent, selector: "kendo-spreadsheet-forecolor-tool" }, { type: SpreadsheetBackColorComponent, selector: "kendo-spreadsheet-backcolor-tool" }, { type: i1$2.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"] }, { type: NameBoxComponent, selector: "[kendoSpreadsheetNameBox]", inputs: ["data", "spreadsheetWidget"] }, { type: i6.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { type: SheetsBarComponent, selector: "[kendoSpreadsheetSheetsBar]", inputs: ["sheets", "sheetDescriptors"] }, { type: i3.WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }], directives: [{ type: LocalizedMessagesDirective, selector: "[kendoSpreadsheetLocalizedMessages]" }, { type: MainMenuDirective, selector: "[kendoSpreadsheetMenu]" }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: SpreadsheetSaveFileDirective, selector: "[kendoSpreadsheetSaveFile]" }, { type: SpreadsheetUndoDirective, selector: "kendo-toolbar-button[kendoSpreadsheetUndo]" }, { type: SpreadsheetRedoDirective, selector: "kendo-toolbar-button[kendoSpreadsheetRedo]" }, { type: SpreadsheetIncreaseFontSizeDirective, selector: "kendo-toolbar-button[kendoSpreadsheetIncreaseFontSize]" }, { type: SpreadsheetDecreaseFontSizeDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDecreaseFontSize]" }, { type: SpreadsheetBoldDirective, selector: "kendo-toolbar-button[kendoSpreadsheetBold]" }, { type: SpreadsheetItalicDirective, selector: "kendo-toolbar-button[kendoSpreadsheetItalic]" }, { type: SpreadsheetUnderlineDirective, selector: "kendo-toolbar-button[kendoSpreadsheetUnderline]" }, { type: SpreadsheetHorizontalTextAlignDirective, selector: "[kendoSpreadsheetHorizontalTextAlign]" }, { type: SpreadsheetVerticalTextAlignDirective, selector: "[kendoSpreadsheetVerticalTextAlign]" }, { type: SpreadsheetTextWrapDirective, selector: "kendo-toolbar-button[kendoSpreadsheetTextWrap]" }, { type: SpreadsheetFormatDirective, selector: "[kendoSpreadsheetFormat]" }, { type: SpreadsheetInsertLinkDirective, selector: "kendo-toolbar-button[kendoSpreadsheetInsertLink]" }, { type: SpreadsheetAddColumnLeftButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddColumnLeftButton]" }, { type: SpreadsheetAddColumnRightButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddColumnRightButton]" }, { type: SpreadsheetAddRowBelowButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddRowBelowButton]" }, { type: SpreadsheetAddRowAboveButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddRowAboveButton]" }, { type: SpreadsheetDeleteColumnButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDeleteColumnButton]" }, { type: SpreadsheetDeleteRowButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDeleteRowButton]" }, { type: SpreadsheetDecreaseDecimalDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDecreaseDecimal]" }, { type: SpreadsheetIncreaseDecimalDirective, selector: "kendo-toolbar-button[kendoSpreadsheetIncreaseDecimal]" }, { type: SpreadsheetMergeDirective, selector: "[kendoSpreadsheetMerge]" }, { type: SpreadsheetGridLinesDirective, selector: "kendo-toolbar-button[kendoSpreadsheetGridLines]" }, { type: FormulaInputDirective, selector: "[kendoSpreadsheetFormulaInput]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetComponent, decorators: [{
             type: Component,
             args: [{
@@ -3092,7 +3587,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                             useValue: 'kendo.spreadsheet'
                         },
                         SpreadsheetToolsService,
-                        PopupService
+                        PopupService,
+                        ErrorHandlingService
                     ],
                     template: `
         <ng-container
@@ -3123,6 +3619,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             file="File"
             i18n-insert="kendo.spreadsheet.insert|The text of the Insert toolbar tab."
             insert="Insert"
+            i18n-formatTab="kendo.spreadsheet.formatTab|The text of the Format toolbar tab."
+            formatTab="Format"
             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."
@@ -3147,8 +3645,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             wrap="Text wrap"
             i18n-align="kendo.spreadsheet.align|The title of the Text Align tool."
             align="Align"
+            i18n-alignHorizontal="kendo.spreadsheet.alignHorizontal|The title of the Text Align Horizontal tool."
+            alignHorizontal="Align horizontally"
+            i18n-alignVertical="kendo.spreadsheet.alignVertical|The title of the Text Align Vertical tool."
+            alignVertical="Align vertically"
+            i18n-alignLeft="kendo.spreadsheet.alignLeft|The title of the Text Align Left tool."
+            alignLeft="Align Left"
+            i18n-alignCenter="kendo.spreadsheet.alignCenter|The title of the Text Align Center tool."
+            alignCenter="Align Center"
+            i18n-alignRight="kendo.spreadsheet.alignRight|The title of the Text Align Right tool."
+            alignRight="Align Right"
+            i18n-alignJustify="kendo.spreadsheet.alignJustify|The title of the Text Align Justify tool."
+            alignJustify="Align Justify"
+            i18n-alignTop="kendo.spreadsheet.alignTop|The title of the Text Align Top tool."
+            alignTop="Align Top"
+            i18n-alignMiddle="kendo.spreadsheet.alignMiddle|The title of the Text Align Middle tool."
+            alignMiddle="Align Middle"
+            i18n-alignBottom="kendo.spreadsheet.alignBottom|The title of the Text Align Bottom tool."
+            alignBottom="Align Bottom"
             i18n-merge="kendo.spreadsheet.merge|The title of the Cells Merge tool."
             merge="Merge"
+            i18n-mergeAll="kendo.spreadsheet.mergeAll|The title of the Merge all tool."
+            mergeAll="Merge all"
+            i18n-mergeHorizontally="kendo.spreadsheet.mergeHorizontally|The title of the Merge horizontally tool."
+            mergeHorizontally="Merge horizontally"
+            i18n-mergeVertically="kendo.spreadsheet.mergeVertically|The title of the Merge vertically tool."
+            mergeVertically="Merge vertically"
+            i18n-unmerge="kendo.spreadsheet.unmerge|The title of the Unmerge tool."
+            unmerge="Unmerge"
+            i18n-insertLink="kendo.spreadsheet.insertLink|The title of the tool that inserts a link."
+            insertLink="Insert link"
+            i18n-decreaseDecimal="kendo.spreadsheet.decreaseDecimal|The title of the tool that decreases decimals."
+            decreaseDecimal="Decrease decimal"
+            i18n-increaseDecimal="kendo.spreadsheet.increaseDecimal|The title of the tool that increases decimals."
+            increaseDecimal="Increase decimal"
+            i18n-increaseFontSize="kendo.spreadsheet.increaseFontSize|The title of the tool that increases the cell font size."
+            increaseFontSize="Increase font size"
+            i18n-decreaseFontSize="kendo.spreadsheet.decreaseFontSize|The title of the tool that decreases the cell font size."
+            decreaseFontSize="Decrease font size"
             i18n-dialogApply="kendo.spreadsheet.dialogApply|The text of the **Apply** button in all Spreadsheet dialogs."
             dialogApply="Apply"
             i18n-dialogCancel="kendo.spreadsheet.dialogCancel|The text of the **Cancel** button in all Spreadsheet dialogs."
@@ -3157,6 +3691,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             dialogDelete="Delete"
             i18n-dialogRename="kendo.spreadsheet.dialogRename|The text of the **Rename** button in the Rename sheet dialog."
             dialogRename="Rename"
+            i18n-dialogInsert="kendo.spreadsheet.dialogInsert|The text of the **Insert** button in all Spreadsheet dialogs."
+            dialogInsert="Insert"
+            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."
             rename="Rename Sheet"
             i18n-delete="kendo.spreadsheet.delete|The title of the Delete sheet dialog."
@@ -3166,7 +3704,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             i18n-addSheet="kendo.spreadsheet.addSheet|The title of the Add new sheet button."
             addSheet="Add New Sheet"
             i18n-sheetsMenu="kendo.spreadsheet.sheetsMenu|The title of the Sheets menu button."
-            sheetsMenu="All Sheets">
+            sheetsMenu="All Sheets"
+            i18n-openUnsupported="kendo.spreadsheet.openUnsupported|The content of the dialog that warns about an unsupported file type."
+            openUnsupported="Unsupported format. Please select an .xlsx file."
+            i18n-modifyMerged="kendo.spreadsheet.modifyMerged|The content of the dialog that warns about modifying a merged cell."
+            modifyMerged="Cannot change part of a merged cell."
+            i18n-cannotModifyDisabled="kendo.spreadsheet.cannotModifyDisabled|The content of the dialog that warns about modifying a disabled cell."
+            cannotModifyDisabled="Cannot modify disabled cells."
+            i18n-dialogOk="kendo.spreadsheet.dialogOk|The text of the **OK** dialog button."
+            dialogOk="OK"
+            i18n-dialogError="kendo.spreadsheet.dialogError|The title of an error dialog."
+            dialogError="Error"
+            i18n-duplicateSheetName="kendo.spreadsheet.duplicateSheetName|The content of the dialog that warns about duplicated sheet name."
+            duplicateSheetName="There is an existing sheet with this name. Please enter another name."
+            >
         </ng-container>
         <div class="k-spreadsheet-header">
             <kendo-menu kendoSpreadsheetMenu (select)="onMenuItemSelect($event)">
@@ -3190,6 +3741,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 <kendo-toolbar-separator></kendo-toolbar-separator>
                 <kendo-toolbar-dropdownlist kendoSpreadsheetFontFamily></kendo-toolbar-dropdownlist>
                 <kendo-toolbar-dropdownlist kendoSpreadsheetFontSize></kendo-toolbar-dropdownlist>
+                <kendo-toolbar-button kendoSpreadsheetIncreaseFontSize></kendo-toolbar-button>
+                <kendo-toolbar-button kendoSpreadsheetDecreaseFontSize></kendo-toolbar-button>
+                <kendo-toolbar-separator></kendo-toolbar-separator>
                 <kendo-toolbar-buttongroup>
                     <kendo-toolbar-button kendoSpreadsheetBold></kendo-toolbar-button>
                     <kendo-toolbar-button kendoSpreadsheetItalic></kendo-toolbar-button>
@@ -3199,7 +3753,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 <kendo-toolbar-separator></kendo-toolbar-separator>
                 <kendo-spreadsheet-backcolor-tool></kendo-spreadsheet-backcolor-tool>
                 <kendo-toolbar-separator></kendo-toolbar-separator>
-                <kendo-toolbar-dropdownbutton kendoSpreadsheetTextAlign></kendo-toolbar-dropdownbutton>
+                <kendo-toolbar-dropdownbutton kendoSpreadsheetHorizontalTextAlign></kendo-toolbar-dropdownbutton>
+                <kendo-toolbar-dropdownbutton kendoSpreadsheetVerticalTextAlign></kendo-toolbar-dropdownbutton>
                 <kendo-toolbar-button kendoSpreadsheetTextWrap></kendo-toolbar-button>
                 <kendo-toolbar-separator></kendo-toolbar-separator>
                 <kendo-toolbar-dropdownbutton kendoSpreadsheetFormat></kendo-toolbar-dropdownbutton>
@@ -3208,6 +3763,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 [attr.aria-label]="messageFor('insert')"
                 class="k-spreadsheet-toolbar"
                 [overflow]="overflow">
+                <kendo-toolbar-button kendoSpreadsheetInsertLink></kendo-toolbar-button>
+                <kendo-toolbar-separator></kendo-toolbar-separator>
                 <kendo-toolbar-button kendoSpreadsheetAddColumnLeftButton></kendo-toolbar-button>
                 <kendo-toolbar-button kendoSpreadsheetAddColumnRightButton></kendo-toolbar-button>
                 <kendo-toolbar-button kendoSpreadsheetAddRowBelowButton></kendo-toolbar-button>
@@ -3216,6 +3773,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 <kendo-toolbar-button kendoSpreadsheetDeleteColumnButton></kendo-toolbar-button>
                 <kendo-toolbar-button kendoSpreadsheetDeleteRowButton></kendo-toolbar-button>
             </kendo-toolbar>
+            <kendo-toolbar *ngIf="selectedMenuItem?.active && selectedMenuItem.id === 'format'"
+                [attr.aria-label]="messageFor('formatTab')"
+                class="k-spreadsheet-toolbar"
+                [overflow]="overflow">
+                <kendo-toolbar-button kendoSpreadsheetDecreaseDecimal></kendo-toolbar-button>
+                <kendo-toolbar-button kendoSpreadsheetIncreaseDecimal></kendo-toolbar-button>
+            </kendo-toolbar>
             <kendo-toolbar *ngIf="selectedMenuItem?.active && selectedMenuItem.id === 'view'"
                 [attr.aria-label]="messageFor('view')"
                 class="k-spreadsheet-toolbar"
@@ -3255,7 +3819,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
     `,
                 }]
-        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i1$5.IntlService }, { type: i0.ElementRef }, { type: i1.LocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; }, propDecorators: { formulaBarInputRef: [{
+        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i1$4.IntlService }, { type: i0.ElementRef }, { type: i2.LocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }, { type: ErrorHandlingService }]; }, propDecorators: { formulaBarInputRef: [{
                 type: ViewChild,
                 args: ['formulaBar', { read: FormulaInputDirective }]
             }], formulaCellInputRef: [{
@@ -3326,7 +3890,7 @@ class CustomMessagesComponent extends MessagesDirective {
         return true;
     }
 }
-CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
 CustomMessagesComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: CustomMessagesComponent, selector: "kendo-spreadsheet-messages", providers: [
         {
             provide: MessagesDirective,
@@ -3345,7 +3909,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     // eslint-disable-next-line @angular-eslint/directive-selector
                     selector: 'kendo-spreadsheet-messages'
                 }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });
+        }], ctorParameters: function () { return [{ type: i2.LocalizationService }]; } });
+
+/**
+ * @hidden
+ */
+class SpreadsheetTextAlignDirective {
+    constructor(host, localization, spreadsheetService, toolsService) {
+        this.host = host;
+        this.spreadsheetService = spreadsheetService;
+        this.toolsService = toolsService;
+        this.commandName = 'align';
+        this.subs = new Subscription();
+        host.svgIcon = commandSVGIcons[this.commandName];
+        host.icon = commandIcons[this.commandName];
+        host.arrowIcon = true;
+        host.fillMode = 'flat';
+        host.data = ALIGNS.map(item => ({ ...item, textKey: localization.get(item.commandId) }));
+        this.subs.add(host.itemClick.subscribe((e) => this.onItemClick(e)));
+        host.title = localization.get(this.commandName);
+        host.textField = 'textKey';
+    }
+    ngOnInit() {
+        this.subs.add(this.toolsService.stateChange.subscribe(state => this.host.data.forEach(i => i.cssClass = i.value === state[i.commandName] ? 'k-selected' : '')));
+    }
+    ngOnDestroy() {
+        this.subs.unsubscribe();
+    }
+    onItemClick(item) {
+        const value = item.value || null;
+        const options = {
+            command: 'PropertyChangeCommand', options: { property: item.commandName, value }
+        };
+        this.spreadsheetService.spreadsheet.executeCommand(options);
+    }
+}
+SpreadsheetTextAlignDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetTextAlignDirective, deps: [{ token: i1$2.ToolBarDropDownButtonComponent }, { token: SpreadsheetLocalizationService }, { token: SpreadsheetService }, { token: SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+SpreadsheetTextAlignDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: SpreadsheetTextAlignDirective, selector: "[kendoSpreadsheetTextAlign]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetTextAlignDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoSpreadsheetTextAlign]',
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.ToolBarDropDownButtonComponent }, { type: SpreadsheetLocalizationService }, { type: SpreadsheetService }, { type: SpreadsheetToolsService }]; } });
 
 const DIRECTIVES = [
     SpreadsheetComponent,
@@ -3382,7 +3988,15 @@ const DIRECTIVES = [
     DialogContentComponent,
     MainMenuDirective,
     ActionDialogComponent,
-    SpreadsheetMergeDirective
+    SpreadsheetMergeDirective,
+    SpreadsheetInsertLinkDirective,
+    InsertLinkDialogComponent,
+    SpreadsheetIncreaseFontSizeDirective,
+    SpreadsheetDecreaseFontSizeDirective,
+    SpreadsheetIncreaseDecimalDirective,
+    SpreadsheetDecreaseDecimalDirective,
+    SpreadsheetHorizontalTextAlignDirective,
+    SpreadsheetVerticalTextAlignDirective
 ];
 const EXPORTS = [
     SpreadsheetComponent,
@@ -3408,7 +4022,14 @@ const EXPORTS = [
     SpreadsheetDeleteRowButtonDirective,
     SpreadsheetTextAlignDirective,
     SpreadsheetTextWrapDirective,
-    SpreadsheetMergeDirective
+    SpreadsheetMergeDirective,
+    SpreadsheetInsertLinkDirective,
+    SpreadsheetIncreaseFontSizeDirective,
+    SpreadsheetDecreaseFontSizeDirective,
+    SpreadsheetIncreaseDecimalDirective,
+    SpreadsheetDecreaseDecimalDirective,
+    SpreadsheetHorizontalTextAlignDirective,
+    SpreadsheetVerticalTextAlignDirective
 ];
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
@@ -3451,7 +4072,15 @@ SpreadsheetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versi
         DialogContentComponent,
         MainMenuDirective,
         ActionDialogComponent,
-        SpreadsheetMergeDirective], imports: [CommonModule,
+        SpreadsheetMergeDirective,
+        SpreadsheetInsertLinkDirective,
+        InsertLinkDialogComponent,
+        SpreadsheetIncreaseFontSizeDirective,
+        SpreadsheetDecreaseFontSizeDirective,
+        SpreadsheetIncreaseDecimalDirective,
+        SpreadsheetDecreaseDecimalDirective,
+        SpreadsheetHorizontalTextAlignDirective,
+        SpreadsheetVerticalTextAlignDirective], imports: [CommonModule,
         ButtonsModule,
         ComboBoxModule,
         DropDownListModule,
@@ -3488,7 +4117,14 @@ SpreadsheetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versi
         SpreadsheetDeleteRowButtonDirective,
         SpreadsheetTextAlignDirective,
         SpreadsheetTextWrapDirective,
-        SpreadsheetMergeDirective] });
+        SpreadsheetMergeDirective,
+        SpreadsheetInsertLinkDirective,
+        SpreadsheetIncreaseFontSizeDirective,
+        SpreadsheetDecreaseFontSizeDirective,
+        SpreadsheetIncreaseDecimalDirective,
+        SpreadsheetDecreaseDecimalDirective,
+        SpreadsheetHorizontalTextAlignDirective,
+        SpreadsheetVerticalTextAlignDirective] });
 SpreadsheetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetModule, imports: [[
             CommonModule,
             ButtonsModule,
@@ -3535,5 +4171,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { CustomMessagesComponent, FormulaInputDirective, FormulaListComponent, NameBoxComponent, SheetsBarComponent, SpreadsheetAddColumnLeftButtonDirective, SpreadsheetAddColumnRightButtonDirective, SpreadsheetAddRowAboveButtonDirective, SpreadsheetAddRowBelowButtonDirective, SpreadsheetBackColorComponent, SpreadsheetBoldDirective, SpreadsheetComponent, SpreadsheetDeleteColumnButtonDirective, SpreadsheetDeleteRowButtonDirective, SpreadsheetFontFamilyComponent, SpreadsheetFontSizeComponent, SpreadsheetForeColorComponent, SpreadsheetFormatDirective, SpreadsheetGridLinesDirective, SpreadsheetItalicDirective, SpreadsheetLoadFileComponent, SpreadsheetMergeDirective, SpreadsheetModule, SpreadsheetRedoDirective, SpreadsheetSaveFileDirective, SpreadsheetTextAlignDirective, SpreadsheetTextWrapDirective, SpreadsheetUnderlineDirective, SpreadsheetUndoDirective };
+export { CustomMessagesComponent, FormulaInputDirective, FormulaListComponent, 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 };