@progress/kendo-angular-spreadsheet 14.2.0 → 14.2.1-develop.1

package/action-bar/formula-input.directive.d.ts

@@ -6,6 +6,7 @@ import { ElementRef } from '@angular/core';
 import { FormulaListComponent } from './list.component';
 import { PopupService } from '@progress/kendo-angular-popup';
 import { SpreadsheetService } from '../common/spreadsheet.service';
+import { SpreadsheetLocalizationService } from '../localization/spreadsheet-localization.service';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -14,13 +15,16 @@ export declare class FormulaInputDirective {
     element: ElementRef;
     private popupService;
     private spreadsheetService;
+    private localization;
     hostClasses: boolean;
+    get title(): string;
+    role: string;
     ariaHasPopup: string;
     ariaExpanded: string;
     get ariaControls(): string;
     list: FormulaListComponent;
     data: any[];
-    constructor(element: ElementRef, popupService: PopupService, spreadsheetService: SpreadsheetService);
+    constructor(element: ElementRef, popupService: PopupService, spreadsheetService: SpreadsheetService, localization: SpreadsheetLocalizationService);
     private popupRef;
     private handler;
     private get listElement();

package/action-bar/namebox.component.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ElementRef, NgZone } from '@angular/core';
+import { AfterViewInit, ElementRef, NgZone, Renderer2 } from '@angular/core';
 import { SpreadsheetWidget } from '@progress/kendo-spreadsheet-common';
 import { Observable } from 'rxjs';
 import { SpreadsheetLocalizationService } from '../localization/spreadsheet-localization.service';
@@ -10,17 +10,20 @@ import * as i0 from "@angular/core";
 /**
  * @hidden
  */
-export declare class NameBoxComponent {
+export declare class NameBoxComponent implements AfterViewInit {
     private ngZone;
     private host;
     protected localization: SpreadsheetLocalizationService;
+    private renderer;
     hostClass: boolean;
     keyDownHandler(): void;
     private combobox;
     data: any[];
     spreadsheetWidget: SpreadsheetWidget;
-    constructor(ngZone: NgZone, host: ElementRef, localization: SpreadsheetLocalizationService);
+    constructor(ngZone: NgZone, host: ElementRef, localization: SpreadsheetLocalizationService, renderer: Renderer2);
+    ngAfterViewInit(): void;
     value: any;
+    get inputElement(): any;
     get current(): any;
     get title(): string;
     onSelectionChange(value: any): void;

package/esm2020/action-bar/formula-input.directive.mjs

@@ -6,18 +6,22 @@ import { Directive, ElementRef, HostBinding } from '@angular/core';
 import { FormulaListComponent } from './list.component';
 import { PopupService } from '@progress/kendo-angular-popup';
 import { SpreadsheetService } from '../common/spreadsheet.service';
+import { SpreadsheetLocalizationService } from '../localization/spreadsheet-localization.service';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-popup";
 import * as i2 from "../common/spreadsheet.service";
+import * as i3 from "../localization/spreadsheet-localization.service";
 /**
  * @hidden
  */
 export class FormulaInputDirective {
-    constructor(element, popupService, spreadsheetService) {
+    constructor(element, popupService, spreadsheetService, localization) {
         this.element = element;
         this.popupService = popupService;
         this.spreadsheetService = spreadsheetService;
+        this.localization = localization;
         this.hostClasses = true;
+        this.role = 'combobox';
         this.ariaHasPopup = 'menu';
         this.ariaExpanded = 'false';
         this.focusedItem = () => this.list?.element.nativeElement.querySelector('.k-focus');
@@ -45,6 +49,9 @@ export class FormulaInputDirective {
             }
         };
     }
+    get title() {
+        return this.localization.get('formulaInput');
+    }
     get ariaControls() {
         return this.ariaExpanded === 'true' ? this.spreadsheetService.formulaListId : null;
     }
@@ -120,16 +127,22 @@ export class FormulaInputDirective {
         };
     }
 }
-FormulaInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormulaInputDirective, deps: [{ token: i0.ElementRef }, { token: i1.PopupService }, { token: i2.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 });
+FormulaInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormulaInputDirective, deps: [{ token: i0.ElementRef }, { token: i1.PopupService }, { token: i2.SpreadsheetService }, { token: i3.SpreadsheetLocalizationService }], 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.title": "this.title", "attr.role": "this.role", "attr.aria-haspopup": "this.ariaHasPopup", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-controls": "this.ariaControls" } }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormulaInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoSpreadsheetFormulaInput]',
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.PopupService }, { type: i2.SpreadsheetService }]; }, propDecorators: { hostClasses: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.PopupService }, { type: i2.SpreadsheetService }, { type: i3.SpreadsheetLocalizationService }]; }, propDecorators: { hostClasses: [{
                 type: HostBinding,
                 args: ['class.k-spreadsheet-formula-input']
+            }], title: [{
+                type: HostBinding,
+                args: ['attr.title']
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
             }], ariaHasPopup: [{
                 type: HostBinding,
                 args: ['attr.aria-haspopup']

package/esm2020/action-bar/namebox.component.mjs

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ComboBoxComponent } from '@progress/kendo-angular-dropdowns';
-import { Component, ElementRef, HostBinding, HostListener, Input, NgZone, ViewChild } from '@angular/core';
+import { Component, ElementRef, HostBinding, HostListener, Input, NgZone, Renderer2, ViewChild } from '@angular/core';
 import { SpreadsheetWidget } from '@progress/kendo-spreadsheet-common';
 import { map } from 'rxjs/operators';
 import { SpreadsheetLocalizationService } from '../localization/spreadsheet-localization.service';
@@ -14,20 +14,28 @@ import * as i2 from "@progress/kendo-angular-dropdowns";
  * @hidden
  */
 export class NameBoxComponent {
-    constructor(ngZone, host, localization) {
+    constructor(ngZone, host, localization, renderer) {
         this.ngZone = ngZone;
         this.host = host;
         this.localization = localization;
+        this.renderer = renderer;
         this.hostClass = true;
         this.valueNormalizer = (text) => text.pipe(map((content) => ({ name: content })));
     }
     keyDownHandler() {
         const editor = this.spreadsheetWidget.view.nameEditor;
         if (editor) {
-            const name = this.host.nativeElement.querySelector('.k-input-inner').value;
+            const name = this.inputElement.value;
             editor.trigger('enter', { value: name });
         }
     }
+    ngAfterViewInit() {
+        this.renderer.setAttribute(this.inputElement, 'title', this.title);
+        this.renderer.setAttribute(this.inputElement, 'aria-label', this.title);
+    }
+    get inputElement() {
+        return this.host.nativeElement.querySelector('.k-input-inner');
+    }
     get current() {
         return {
             value: (val) => {
@@ -64,7 +72,7 @@ export class NameBoxComponent {
     }
     ;
 }
-NameBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NameBoxComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i1.SpreadsheetLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+NameBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NameBoxComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i1.SpreadsheetLocalizationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
 NameBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: NameBoxComponent, selector: "[kendoSpreadsheetNameBox]", inputs: { data: "data", spreadsheetWidget: "spreadsheetWidget" }, host: { listeners: { "keydown.enter": "keyDownHandler()" }, properties: { "class.k-spreadsheet-name-editor": "this.hostClass" } }, viewQueries: [{ propertyName: "combobox", first: true, predicate: ["combobox"], descendants: true }], ngImport: i0, template: `
         <kendo-combobox #combobox
             [popupSettings]="{popupClass: 'k-spreadsheet-names-popup'}"
@@ -102,7 +110,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         ></kendo-combobox>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ElementRef }, { type: i1.SpreadsheetLocalizationService }]; }, propDecorators: { hostClass: [{
+        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ElementRef }, { type: i1.SpreadsheetLocalizationService }, { type: i0.Renderer2 }]; }, propDecorators: { hostClass: [{
                 type: HostBinding,
                 args: ['class.k-spreadsheet-name-editor']
             }], keyDownHandler: [{

package/esm2020/localization/messages.mjs

@@ -11,7 +11,7 @@ import * as i0 from "@angular/core";
 export 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", 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 });
+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", formulaInput: "formulaInput", addSheet: "addSheet", sheetsMenu: "sheetsMenu", view: "view", merge: "merge", mergeHorizontally: "mergeHorizontally", mergeVertically: "mergeVertically", mergeAll: "mergeAll", unmerge: "unmerge", insertLink: "insertLink", increaseDecimal: "increaseDecimal", decreaseDecimal: "decreaseDecimal", increaseFontSize: "increaseFontSize", decreaseFontSize: "decreaseFontSize", openUnsupported: "openUnsupported", modifyMerged: "modifyMerged", cannotModifyDisabled: "cannotModifyDisabled", dialogOk: "dialogOk", dialogError: "dialogError", duplicateSheetName: "duplicateSheetName" }, usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MessagesDirective, decorators: [{
             type: Directive,
             args: [{
@@ -103,6 +103,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], nameBox: [{
                 type: Input
+            }], formulaInput: [{
+                type: Input
             }], addSheet: [{
                 type: Input
             }], sheetsMenu: [{

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-spreadsheet',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1701270719,
-    version: '14.2.0',
+    publishDate: 1701342735,
+    version: '14.2.1-develop.1',
     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',
 };

package/esm2020/spreadsheet.component.mjs

@@ -219,7 +219,7 @@ export class SpreadsheetComponent {
         this.ngZone.onStable.pipe(take(1)).subscribe(() => {
             const normalizedItems = items.map(item => ({
                 active: item.active,
-                text: this.messageFor(item.id),
+                text: item.id === 'format' ? this.messageFor('formatTab') : this.messageFor(item.id),
                 cssClass: item.active ? 'k-active' : null,
                 id: item.id
             }));
@@ -495,6 +495,8 @@ SpreadsheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
             delete="Delete Sheet"
             i18n-nameBox="kendo.spreadsheet.nameBox|The title of the Name Box input."
             nameBox="Name Box"
+            i18n-formulaInput="kendo.spreadsheet.formulaInput|The title of the Formula input."
+            formulaInput="Formula Input"
             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."
@@ -742,6 +744,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             delete="Delete Sheet"
             i18n-nameBox="kendo.spreadsheet.nameBox|The title of the Name Box input."
             nameBox="Name Box"
+            i18n-formulaInput="kendo.spreadsheet.formulaInput|The title of the Formula input."
+            formulaInput="Formula Input"
             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."

package/esm2020/tools/colorpicker/spreadsheet-backcolor.component.mjs

@@ -48,7 +48,7 @@ SpreadsheetBackColorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
                 [tabindex]="tabindex"
                 role="menuitem"
                 class="k-item k-menu-item"
-                (click)="openDialog();">
+                (click)="openDialog()">
                 <span
                     class="k-link k-menu-link">
                     <kendo-icon-wrapper [name]="icon" [svgIcon]="svgIcon"></kendo-icon-wrapper>
@@ -82,7 +82,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 [tabindex]="tabindex"
                 role="menuitem"
                 class="k-item k-menu-item"
-                (click)="openDialog();">
+                (click)="openDialog()">
                 <span
                     class="k-link k-menu-link">
                     <kendo-icon-wrapper [name]="icon" [svgIcon]="svgIcon"></kendo-icon-wrapper>

package/esm2020/tools/colorpicker/spreadsheet-forecolor.component.mjs

@@ -48,7 +48,7 @@ SpreadsheetForeColorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
                 [tabindex]="tabindex"
                 role="menuitem"
                 class="k-item k-menu-item"
-                (click)="openDialog();">
+                (click)="openDialog()">
                 <span
                     class="k-link k-menu-link">
                     <kendo-icon-wrapper [name]="icon" [svgIcon]="svgIcon"></kendo-icon-wrapper>
@@ -82,7 +82,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 [tabindex]="tabindex"
                 role="menuitem"
                 class="k-item k-menu-item"
-                (click)="openDialog();">
+                (click)="openDialog()">
                 <span
                     class="k-link k-menu-link">
                     <kendo-icon-wrapper [name]="icon" [svgIcon]="svgIcon"></kendo-icon-wrapper>

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

@@ -47,8 +47,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-spreadsheet',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1701270719,
-    version: '14.2.0',
+    publishDate: 1701342735,
+    version: '14.2.1-develop.1',
     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',
 };
 
@@ -264,11 +264,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * @hidden
  */
 class FormulaInputDirective {
-    constructor(element, popupService, spreadsheetService) {
+    constructor(element, popupService, spreadsheetService, localization) {
         this.element = element;
         this.popupService = popupService;
         this.spreadsheetService = spreadsheetService;
+        this.localization = localization;
         this.hostClasses = true;
+        this.role = 'combobox';
         this.ariaHasPopup = 'menu';
         this.ariaExpanded = 'false';
         this.focusedItem = () => { var _a; return (_a = this.list) === null || _a === void 0 ? void 0 : _a.element.nativeElement.querySelector('.k-focus'); };
@@ -297,6 +299,9 @@ class FormulaInputDirective {
             }
         };
     }
+    get title() {
+        return this.localization.get('formulaInput');
+    }
     get ariaControls() {
         return this.ariaExpanded === 'true' ? this.spreadsheetService.formulaListId : null;
     }
@@ -375,16 +380,22 @@ class FormulaInputDirective {
         };
     }
 }
-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 });
+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 }, { token: SpreadsheetLocalizationService }], 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.title": "this.title", "attr.role": "this.role", "attr.aria-haspopup": "this.ariaHasPopup", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-controls": "this.ariaControls" } }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormulaInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoSpreadsheetFormulaInput]',
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.PopupService }, { type: SpreadsheetService }]; }, propDecorators: { hostClasses: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.PopupService }, { type: SpreadsheetService }, { type: SpreadsheetLocalizationService }]; }, propDecorators: { hostClasses: [{
                 type: HostBinding,
                 args: ['class.k-spreadsheet-formula-input']
+            }], title: [{
+                type: HostBinding,
+                args: ['attr.title']
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
             }], ariaHasPopup: [{
                 type: HostBinding,
                 args: ['attr.aria-haspopup']
@@ -1416,7 +1427,7 @@ SpreadsheetForeColorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
                 [tabindex]="tabindex"
                 role="menuitem"
                 class="k-item k-menu-item"
-                (click)="openDialog();">
+                (click)="openDialog()">
                 <span
                     class="k-link k-menu-link">
                     <kendo-icon-wrapper [name]="icon" [svgIcon]="svgIcon"></kendo-icon-wrapper>
@@ -1450,7 +1461,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 [tabindex]="tabindex"
                 role="menuitem"
                 class="k-item k-menu-item"
-                (click)="openDialog();">
+                (click)="openDialog()">
                 <span
                     class="k-link k-menu-link">
                     <kendo-icon-wrapper [name]="icon" [svgIcon]="svgIcon"></kendo-icon-wrapper>
@@ -1497,7 +1508,7 @@ SpreadsheetBackColorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
                 [tabindex]="tabindex"
                 role="menuitem"
                 class="k-item k-menu-item"
-                (click)="openDialog();">
+                (click)="openDialog()">
                 <span
                     class="k-link k-menu-link">
                     <kendo-icon-wrapper [name]="icon" [svgIcon]="svgIcon"></kendo-icon-wrapper>
@@ -1531,7 +1542,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 [tabindex]="tabindex"
                 role="menuitem"
                 class="k-item k-menu-item"
-                (click)="openDialog();">
+                (click)="openDialog()">
                 <span
                     class="k-link k-menu-link">
                     <kendo-icon-wrapper [name]="icon" [svgIcon]="svgIcon"></kendo-icon-wrapper>
@@ -1552,20 +1563,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * @hidden
  */
 class NameBoxComponent {
-    constructor(ngZone, host, localization) {
+    constructor(ngZone, host, localization, renderer) {
         this.ngZone = ngZone;
         this.host = host;
         this.localization = localization;
+        this.renderer = renderer;
         this.hostClass = true;
         this.valueNormalizer = (text) => text.pipe(map((content) => ({ name: content })));
     }
     keyDownHandler() {
         const editor = this.spreadsheetWidget.view.nameEditor;
         if (editor) {
-            const name = this.host.nativeElement.querySelector('.k-input-inner').value;
+            const name = this.inputElement.value;
             editor.trigger('enter', { value: name });
         }
     }
+    ngAfterViewInit() {
+        this.renderer.setAttribute(this.inputElement, 'title', this.title);
+        this.renderer.setAttribute(this.inputElement, 'aria-label', this.title);
+    }
+    get inputElement() {
+        return this.host.nativeElement.querySelector('.k-input-inner');
+    }
     get current() {
         return {
             value: (val) => {
@@ -1602,7 +1621,7 @@ class NameBoxComponent {
     }
     ;
 }
-NameBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NameBoxComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: SpreadsheetLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+NameBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NameBoxComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: SpreadsheetLocalizationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
 NameBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: NameBoxComponent, selector: "[kendoSpreadsheetNameBox]", inputs: { data: "data", spreadsheetWidget: "spreadsheetWidget" }, host: { listeners: { "keydown.enter": "keyDownHandler()" }, properties: { "class.k-spreadsheet-name-editor": "this.hostClass" } }, viewQueries: [{ propertyName: "combobox", first: true, predicate: ["combobox"], descendants: true }], ngImport: i0, template: `
         <kendo-combobox #combobox
             [popupSettings]="{popupClass: 'k-spreadsheet-names-popup'}"
@@ -1640,7 +1659,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         ></kendo-combobox>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ElementRef }, { type: SpreadsheetLocalizationService }]; }, propDecorators: { hostClass: [{
+        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ElementRef }, { type: SpreadsheetLocalizationService }, { type: i0.Renderer2 }]; }, propDecorators: { hostClass: [{
                 type: HostBinding,
                 args: ['class.k-spreadsheet-name-editor']
             }], keyDownHandler: [{
@@ -2027,7 +2046,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", 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 });
+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", formulaInput: "formulaInput", addSheet: "addSheet", sheetsMenu: "sheetsMenu", view: "view", merge: "merge", mergeHorizontally: "mergeHorizontally", mergeVertically: "mergeVertically", mergeAll: "mergeAll", unmerge: "unmerge", insertLink: "insertLink", increaseDecimal: "increaseDecimal", decreaseDecimal: "decreaseDecimal", increaseFontSize: "increaseFontSize", decreaseFontSize: "decreaseFontSize", openUnsupported: "openUnsupported", modifyMerged: "modifyMerged", cannotModifyDisabled: "cannotModifyDisabled", dialogOk: "dialogOk", dialogError: "dialogError", duplicateSheetName: "duplicateSheetName" }, usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MessagesDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2119,6 +2138,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], nameBox: [{
                 type: Input
+            }], formulaInput: [{
+                type: Input
             }], addSheet: [{
                 type: Input
             }], sheetsMenu: [{
@@ -3193,7 +3214,7 @@ class SpreadsheetComponent {
         this.ngZone.onStable.pipe(take(1)).subscribe(() => {
             const normalizedItems = items.map(item => ({
                 active: item.active,
-                text: this.messageFor(item.id),
+                text: item.id === 'format' ? this.messageFor('formatTab') : this.messageFor(item.id),
                 cssClass: item.active ? 'k-active' : null,
                 id: item.id
             }));
@@ -3448,6 +3469,8 @@ SpreadsheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
             delete="Delete Sheet"
             i18n-nameBox="kendo.spreadsheet.nameBox|The title of the Name Box input."
             nameBox="Name Box"
+            i18n-formulaInput="kendo.spreadsheet.formulaInput|The title of the Formula input."
+            formulaInput="Formula Input"
             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."
@@ -3695,6 +3718,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             delete="Delete Sheet"
             i18n-nameBox="kendo.spreadsheet.nameBox|The title of the Name Box input."
             nameBox="Name Box"
+            i18n-formulaInput="kendo.spreadsheet.formulaInput|The title of the Formula input."
+            formulaInput="Formula Input"
             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."

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

@@ -47,8 +47,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-spreadsheet',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1701270719,
-    version: '14.2.0',
+    publishDate: 1701342735,
+    version: '14.2.1-develop.1',
     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',
 };
 
@@ -261,11 +261,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * @hidden
  */
 class FormulaInputDirective {
-    constructor(element, popupService, spreadsheetService) {
+    constructor(element, popupService, spreadsheetService, localization) {
         this.element = element;
         this.popupService = popupService;
         this.spreadsheetService = spreadsheetService;
+        this.localization = localization;
         this.hostClasses = true;
+        this.role = 'combobox';
         this.ariaHasPopup = 'menu';
         this.ariaExpanded = 'false';
         this.focusedItem = () => this.list?.element.nativeElement.querySelector('.k-focus');
@@ -293,6 +295,9 @@ class FormulaInputDirective {
             }
         };
     }
+    get title() {
+        return this.localization.get('formulaInput');
+    }
     get ariaControls() {
         return this.ariaExpanded === 'true' ? this.spreadsheetService.formulaListId : null;
     }
@@ -368,16 +373,22 @@ class FormulaInputDirective {
         };
     }
 }
-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 });
+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 }, { token: SpreadsheetLocalizationService }], 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.title": "this.title", "attr.role": "this.role", "attr.aria-haspopup": "this.ariaHasPopup", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-controls": "this.ariaControls" } }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormulaInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoSpreadsheetFormulaInput]',
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.PopupService }, { type: SpreadsheetService }]; }, propDecorators: { hostClasses: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.PopupService }, { type: SpreadsheetService }, { type: SpreadsheetLocalizationService }]; }, propDecorators: { hostClasses: [{
                 type: HostBinding,
                 args: ['class.k-spreadsheet-formula-input']
+            }], title: [{
+                type: HostBinding,
+                args: ['attr.title']
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
             }], ariaHasPopup: [{
                 type: HostBinding,
                 args: ['attr.aria-haspopup']
@@ -1399,7 +1410,7 @@ SpreadsheetForeColorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
                 [tabindex]="tabindex"
                 role="menuitem"
                 class="k-item k-menu-item"
-                (click)="openDialog();">
+                (click)="openDialog()">
                 <span
                     class="k-link k-menu-link">
                     <kendo-icon-wrapper [name]="icon" [svgIcon]="svgIcon"></kendo-icon-wrapper>
@@ -1433,7 +1444,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 [tabindex]="tabindex"
                 role="menuitem"
                 class="k-item k-menu-item"
-                (click)="openDialog();">
+                (click)="openDialog()">
                 <span
                     class="k-link k-menu-link">
                     <kendo-icon-wrapper [name]="icon" [svgIcon]="svgIcon"></kendo-icon-wrapper>
@@ -1478,7 +1489,7 @@ SpreadsheetBackColorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
                 [tabindex]="tabindex"
                 role="menuitem"
                 class="k-item k-menu-item"
-                (click)="openDialog();">
+                (click)="openDialog()">
                 <span
                     class="k-link k-menu-link">
                     <kendo-icon-wrapper [name]="icon" [svgIcon]="svgIcon"></kendo-icon-wrapper>
@@ -1512,7 +1523,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 [tabindex]="tabindex"
                 role="menuitem"
                 class="k-item k-menu-item"
-                (click)="openDialog();">
+                (click)="openDialog()">
                 <span
                     class="k-link k-menu-link">
                     <kendo-icon-wrapper [name]="icon" [svgIcon]="svgIcon"></kendo-icon-wrapper>
@@ -1531,20 +1542,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * @hidden
  */
 class NameBoxComponent {
-    constructor(ngZone, host, localization) {
+    constructor(ngZone, host, localization, renderer) {
         this.ngZone = ngZone;
         this.host = host;
         this.localization = localization;
+        this.renderer = renderer;
         this.hostClass = true;
         this.valueNormalizer = (text) => text.pipe(map((content) => ({ name: content })));
     }
     keyDownHandler() {
         const editor = this.spreadsheetWidget.view.nameEditor;
         if (editor) {
-            const name = this.host.nativeElement.querySelector('.k-input-inner').value;
+            const name = this.inputElement.value;
             editor.trigger('enter', { value: name });
         }
     }
+    ngAfterViewInit() {
+        this.renderer.setAttribute(this.inputElement, 'title', this.title);
+        this.renderer.setAttribute(this.inputElement, 'aria-label', this.title);
+    }
+    get inputElement() {
+        return this.host.nativeElement.querySelector('.k-input-inner');
+    }
     get current() {
         return {
             value: (val) => {
@@ -1581,7 +1600,7 @@ class NameBoxComponent {
     }
     ;
 }
-NameBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NameBoxComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: SpreadsheetLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+NameBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NameBoxComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: SpreadsheetLocalizationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
 NameBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: NameBoxComponent, selector: "[kendoSpreadsheetNameBox]", inputs: { data: "data", spreadsheetWidget: "spreadsheetWidget" }, host: { listeners: { "keydown.enter": "keyDownHandler()" }, properties: { "class.k-spreadsheet-name-editor": "this.hostClass" } }, viewQueries: [{ propertyName: "combobox", first: true, predicate: ["combobox"], descendants: true }], ngImport: i0, template: `
         <kendo-combobox #combobox
             [popupSettings]="{popupClass: 'k-spreadsheet-names-popup'}"
@@ -1619,7 +1638,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         ></kendo-combobox>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ElementRef }, { type: SpreadsheetLocalizationService }]; }, propDecorators: { hostClass: [{
+        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ElementRef }, { type: SpreadsheetLocalizationService }, { type: i0.Renderer2 }]; }, propDecorators: { hostClass: [{
                 type: HostBinding,
                 args: ['class.k-spreadsheet-name-editor']
             }], keyDownHandler: [{
@@ -2013,7 +2032,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", 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 });
+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", formulaInput: "formulaInput", addSheet: "addSheet", sheetsMenu: "sheetsMenu", view: "view", merge: "merge", mergeHorizontally: "mergeHorizontally", mergeVertically: "mergeVertically", mergeAll: "mergeAll", unmerge: "unmerge", insertLink: "insertLink", increaseDecimal: "increaseDecimal", decreaseDecimal: "decreaseDecimal", increaseFontSize: "increaseFontSize", decreaseFontSize: "decreaseFontSize", openUnsupported: "openUnsupported", modifyMerged: "modifyMerged", cannotModifyDisabled: "cannotModifyDisabled", dialogOk: "dialogOk", dialogError: "dialogError", duplicateSheetName: "duplicateSheetName" }, usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MessagesDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2105,6 +2124,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], nameBox: [{
                 type: Input
+            }], formulaInput: [{
+                type: Input
             }], addSheet: [{
                 type: Input
             }], sheetsMenu: [{
@@ -3178,7 +3199,7 @@ class SpreadsheetComponent {
         this.ngZone.onStable.pipe(take(1)).subscribe(() => {
             const normalizedItems = items.map(item => ({
                 active: item.active,
-                text: this.messageFor(item.id),
+                text: item.id === 'format' ? this.messageFor('formatTab') : this.messageFor(item.id),
                 cssClass: item.active ? 'k-active' : null,
                 id: item.id
             }));
@@ -3454,6 +3475,8 @@ SpreadsheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
             delete="Delete Sheet"
             i18n-nameBox="kendo.spreadsheet.nameBox|The title of the Name Box input."
             nameBox="Name Box"
+            i18n-formulaInput="kendo.spreadsheet.formulaInput|The title of the Formula input."
+            formulaInput="Formula Input"
             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."
@@ -3701,6 +3724,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             delete="Delete Sheet"
             i18n-nameBox="kendo.spreadsheet.nameBox|The title of the Name Box input."
             nameBox="Name Box"
+            i18n-formulaInput="kendo.spreadsheet.formulaInput|The title of the Formula input."
+            formulaInput="Formula Input"
             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."

package/localization/messages.d.ts

@@ -180,6 +180,10 @@ export declare class MessagesDirective extends ComponentMessages {
      * The title of the Name Box input
      */
     nameBox: string;
+    /**
+     * The title of the Formula input
+     */
+    formulaInput: string;
     /**
      * The title of the Add new sheet button
      */
@@ -257,5 +261,5 @@ export declare class MessagesDirective extends ComponentMessages {
      */
     duplicateSheetName: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<MessagesDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MessagesDirective, "[kendoSpreadsheetMessages]", never, { "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"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MessagesDirective, "[kendoSpreadsheetMessages]", never, { "home": "home"; "file": "file"; "insert": "insert"; "formatTab": "formatTab"; "saveFile": "saveFile"; "loadFile": "loadFile"; "bold": "bold"; "italic": "italic"; "underline": "underline"; "format": "format"; "fontFamily": "fontFamily"; "fontSize": "fontSize"; "undo": "undo"; "redo": "redo"; "background": "background"; "color": "color"; "gridLines": "gridLines"; "addColumnLeft": "addColumnLeft"; "addColumnRight": "addColumnRight"; "addRowBelow": "addRowBelow"; "addRowAbove": "addRowAbove"; "deleteColumn": "deleteColumn"; "deleteRow": "deleteRow"; "wrap": "wrap"; "align": "align"; "alignHorizontal": "alignHorizontal"; "alignVertical": "alignVertical"; "alignLeft": "alignLeft"; "alignCenter": "alignCenter"; "alignRight": "alignRight"; "alignJustify": "alignJustify"; "alignTop": "alignTop"; "alignMiddle": "alignMiddle"; "alignBottom": "alignBottom"; "dialogApply": "dialogApply"; "dialogCancel": "dialogCancel"; "dialogDelete": "dialogDelete"; "dialogRename": "dialogRename"; "dialogInsert": "dialogInsert"; "dialogRemoveLink": "dialogRemoveLink"; "delete": "delete"; "rename": "rename"; "nameBox": "nameBox"; "formulaInput": "formulaInput"; "addSheet": "addSheet"; "sheetsMenu": "sheetsMenu"; "view": "view"; "merge": "merge"; "mergeHorizontally": "mergeHorizontally"; "mergeVertically": "mergeVertically"; "mergeAll": "mergeAll"; "unmerge": "unmerge"; "insertLink": "insertLink"; "increaseDecimal": "increaseDecimal"; "decreaseDecimal": "decreaseDecimal"; "increaseFontSize": "increaseFontSize"; "decreaseFontSize": "decreaseFontSize"; "openUnsupported": "openUnsupported"; "modifyMerged": "modifyMerged"; "cannotModifyDisabled": "cannotModifyDisabled"; "dialogOk": "dialogOk"; "dialogError": "dialogError"; "duplicateSheetName": "duplicateSheetName"; }, {}, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-spreadsheet",
-  "version": "14.2.0",
+  "version": "14.2.1-develop.1",
   "description": "A Spreadsheet Component for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -23,22 +23,22 @@
     "@angular/core": "13 - 17",
     "@angular/platform-browser": "13 - 17",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-buttons": "14.2.0",
-    "@progress/kendo-angular-common": "14.2.0",
-    "@progress/kendo-angular-dialog": "14.2.0",
-    "@progress/kendo-angular-dropdowns": "14.2.0",
-    "@progress/kendo-angular-icons": "14.2.0",
-    "@progress/kendo-angular-l10n": "14.2.0",
-    "@progress/kendo-angular-layout": "14.2.0",
-    "@progress/kendo-angular-menu": "14.2.0",
-    "@progress/kendo-angular-popup": "14.2.0",
-    "@progress/kendo-angular-toolbar": "14.2.0",
-    "@progress/kendo-angular-intl": "14.2.0",
+    "@progress/kendo-angular-buttons": "14.2.1-develop.1",
+    "@progress/kendo-angular-common": "14.2.1-develop.1",
+    "@progress/kendo-angular-dialog": "14.2.1-develop.1",
+    "@progress/kendo-angular-dropdowns": "14.2.1-develop.1",
+    "@progress/kendo-angular-icons": "14.2.1-develop.1",
+    "@progress/kendo-angular-l10n": "14.2.1-develop.1",
+    "@progress/kendo-angular-layout": "14.2.1-develop.1",
+    "@progress/kendo-angular-menu": "14.2.1-develop.1",
+    "@progress/kendo-angular-popup": "14.2.1-develop.1",
+    "@progress/kendo-angular-toolbar": "14.2.1-develop.1",
+    "@progress/kendo-angular-intl": "14.2.1-develop.1",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "14.2.0",
+    "@progress/kendo-angular-schematics": "14.2.1-develop.1",
     "@progress/jszip-esm": "^1.0.3",
     "@progress/kendo-common": "^0.2.2",
     "@progress/kendo-date-math": "^1.5.10",

package/schematics/ngAdd/index.js

@@ -6,7 +6,7 @@ function default_1(options) {
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^2.0.0',
             // peer dep of the dropdowns
-            '@progress/kendo-angular-treeview': '14.2.0'
+            '@progress/kendo-angular-treeview': '14.2.1-develop.1'
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }