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

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", 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", 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", insertLink: "insertLink", increaseDecimal: "increaseDecimal", decreaseDecimal: "decreaseDecimal", increaseFontSize: "increaseFontSize", decreaseFontSize: "decreaseFontSize" }, usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MessagesDirective, decorators: [{
             type: Directive,
             args: [{
@@ -23,6 +23,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], insert: [{
                 type: Input
+            }], formatTab: [{
+                type: Input
             }], saveFile: [{
                 type: Input
             }], loadFile: [{
@@ -65,6 +67,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], align: [{
                 type: Input
+            }], alignHorizontal: [{
+                type: Input
+            }], alignVertical: [{
+                type: Input
             }], dialogApply: [{
                 type: Input
             }], dialogCancel: [{
@@ -73,6 +79,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: [{
@@ -87,4 +97,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], merge: [{
                 type: Input
+            }], insertLink: [{
+                type: Input
+            }], increaseDecimal: [{
+                type: Input
+            }], decreaseDecimal: [{
+                type: Input
+            }], increaseFontSize: [{
+                type: Input
+            }], decreaseFontSize: [{
+                type: Input
             }] } });

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: 1700478634,
-    version: '14.1.1-develop.8',
+    publishDate: 1700562915,
+    version: '14.2.0-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/sheets-bar/action-dialog.component.mjs

@@ -6,8 +6,9 @@ import { Component } from '@angular/core';
 import { DialogRef, DialogContentBase } from '@progress/kendo-angular-dialog';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-dialog";
-import * as i2 from "@progress/kendo-angular-inputs";
-import * as i3 from "@angular/common";
+import * as i2 from "@progress/kendo-angular-label";
+import * as i3 from "@progress/kendo-angular-inputs";
+import * as i4 from "@angular/common";
 /**
  * @hidden
  */
@@ -31,9 +32,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">
@@ -41,7 +42,7 @@ ActionDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
                 </div>
             </div>
         </form>
-    `, isInline: true, components: [{ type: i2.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: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    `, isInline: true, components: [{ type: i2.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { type: i3.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: i4.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: [{
@@ -53,9 +54,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">

package/esm2020/spreadsheet.component.mjs

@@ -40,21 +40,27 @@ import * as i18 from "@angular/common";
 import * as i19 from "./tools/save-file-tool.directive";
 import * as i20 from "./tools/history/undo-tool";
 import * as i21 from "./tools/history/redo-tool";
-import * as i22 from "./tools/typographical-emphasis/bold-tool.directive";
-import * as i23 from "./tools/typographical-emphasis/italic-tool.directive";
-import * as i24 from "./tools/typographical-emphasis/underline-tool.directive";
-import * as i25 from "./tools/align-tool.directive";
-import * as i26 from "./tools/text-wrap-tool.directive";
-import * as i27 from "./tools/format-tool.directive";
-import * as i28 from "./tools/tables/add-column-left-button.directive";
-import * as i29 from "./tools/tables/add-column-right-button.directive";
-import * as i30 from "./tools/tables/add-row-below-button.directive";
-import * as i31 from "./tools/tables/add-row-above-button.directive";
-import * as i32 from "./tools/tables/delete-column-button.directive";
-import * as i33 from "./tools/tables/delete-row-button.directive";
-import * as i34 from "./tools/tables/merge-tool.directive";
-import * as i35 from "./tools/gridlines-tool.directive";
-import * as i36 from "./action-bar/formula-input.directive";
+import * as i22 from "./tools/font-size/increase-font-tool.directive";
+import * as i23 from "./tools/font-size/decrease-font-tool.directive";
+import * as i24 from "./tools/typographical-emphasis/bold-tool.directive";
+import * as i25 from "./tools/typographical-emphasis/italic-tool.directive";
+import * as i26 from "./tools/typographical-emphasis/underline-tool.directive";
+import * as i27 from "./tools/align/horizontal-align-tool.directive";
+import * as i28 from "./tools/align/vertical-align-tool.directive";
+import * as i29 from "./tools/text-wrap-tool.directive";
+import * as i30 from "./tools/format-tool.directive";
+import * as i31 from "./tools/insert/insert-link-tool.directive";
+import * as i32 from "./tools/tables/add-column-left-button.directive";
+import * as i33 from "./tools/tables/add-column-right-button.directive";
+import * as i34 from "./tools/tables/add-row-below-button.directive";
+import * as i35 from "./tools/tables/add-row-above-button.directive";
+import * as i36 from "./tools/tables/delete-column-button.directive";
+import * as i37 from "./tools/tables/delete-row-button.directive";
+import * as i38 from "./tools/decrease-decimal-tool.directive";
+import * as i39 from "./tools/increase-decimal-tool.directive";
+import * as i40 from "./tools/tables/merge-tool.directive";
+import * as i41 from "./tools/gridlines-tool.directive";
+import * as i42 from "./action-bar/formula-input.directive";
 /**
  * Represents the [Kendo UI Spreadsheet component for Angular]({% slug overview_spreadsheet %}).
  */
@@ -145,17 +151,25 @@ export 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);
@@ -178,6 +192,9 @@ export class SpreadsheetComponent {
                     }, {
                         id: 'insert',
                         text: this.messageFor('insert')
+                    }, {
+                        id: 'format',
+                        text: this.messageFor('formatTab')
                     }, {
                         id: 'view',
                         text: this.messageFor('view')
@@ -386,6 +403,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."
@@ -410,8 +429,22 @@ 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-merge="kendo.spreadsheet.merge|The title of the Cells Merge tool."
             merge="Merge"
+            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."
@@ -420,6 +453,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."
@@ -453,6 +490,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>
@@ -462,7 +502,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>
@@ -471,6 +512,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>
@@ -479,6 +522,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"
@@ -516,7 +566,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.MenuComponent, selector: "kendo-menu", inputs: ["menuItemTemplate", "ariaRole", "menuItemLinkTemplate"], outputs: ["select", "open", "close"], exportAs: ["kendoMenu"] }, { type: i5.MenuItemComponent, selector: "kendo-menu-item", inputs: ["text", "url", "disabled", "cssClass", "cssStyle", "icon", "svgIcon", "data", "separator"] }, { type: i6.ToolBarComponent, selector: "kendo-toolbar", inputs: ["overflow", "resizable", "popupSettings", "tabindex", "size", "tabIndex"], outputs: ["open", "close"], exportAs: ["kendoToolBar"] }, { type: i7.SpreadsheetLoadFileComponent, selector: "kendo-spreadsheet-load-file-tool" }, { type: i6.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: i6.ToolBarButtonGroupComponent, selector: "kendo-toolbar-buttongroup", inputs: ["disabled", "selection", "width", "look"], exportAs: ["kendoToolBarButtonGroup"] }, { type: i6.ToolBarSeparatorComponent, selector: "kendo-toolbar-separator", exportAs: ["kendoToolBarSeparator"] }, { type: i8.SpreadsheetFontFamilyComponent, selector: "kendo-toolbar-dropdownlist[kendoSpreadsheetFontFamily]" }, { type: i9.SpreadsheetFontSizeComponent, selector: "kendo-toolbar-dropdownlist[kendoSpreadsheetFontSize]" }, { type: i10.SpreadsheetForeColorComponent, selector: "kendo-spreadsheet-forecolor-tool" }, { type: i11.SpreadsheetBackColorComponent, selector: "kendo-spreadsheet-backcolor-tool" }, { type: i6.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: i12.NameBoxComponent, selector: "[kendoSpreadsheetNameBox]", inputs: ["data", "spreadsheetWidget"] }, { type: i13.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { type: i14.SheetsBarComponent, selector: "[kendoSpreadsheetSheetsBar]", inputs: ["sheets", "sheetDescriptors"] }, { type: i15.WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }], directives: [{ type: i16.LocalizedMessagesDirective, selector: "[kendoSpreadsheetLocalizedMessages]" }, { type: i17.MainMenuDirective, selector: "[kendoSpreadsheetMenu]" }, { type: i18.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i18.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i19.SpreadsheetSaveFileDirective, selector: "[kendoSpreadsheetSaveFile]" }, { type: i20.SpreadsheetUndoDirective, selector: "kendo-toolbar-button[kendoSpreadsheetUndo]" }, { type: i21.SpreadsheetRedoDirective, selector: "kendo-toolbar-button[kendoSpreadsheetRedo]" }, { type: i22.SpreadsheetBoldDirective, selector: "kendo-toolbar-button[kendoSpreadsheetBold]" }, { type: i23.SpreadsheetItalicDirective, selector: "kendo-toolbar-button[kendoSpreadsheetItalic]" }, { type: i24.SpreadsheetUnderlineDirective, selector: "kendo-toolbar-button[kendoSpreadsheetUnderline]" }, { type: i25.SpreadsheetTextAlignDirective, selector: "[kendoSpreadsheetTextAlign]" }, { type: i26.SpreadsheetTextWrapDirective, selector: "kendo-toolbar-button[kendoSpreadsheetTextWrap]" }, { type: i27.SpreadsheetFormatDirective, selector: "[kendoSpreadsheetFormat]" }, { type: i28.SpreadsheetAddColumnLeftButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddColumnLeftButton]" }, { type: i29.SpreadsheetAddColumnRightButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddColumnRightButton]" }, { type: i30.SpreadsheetAddRowBelowButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddRowBelowButton]" }, { type: i31.SpreadsheetAddRowAboveButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddRowAboveButton]" }, { type: i32.SpreadsheetDeleteColumnButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDeleteColumnButton]" }, { type: i33.SpreadsheetDeleteRowButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDeleteRowButton]" }, { type: i34.SpreadsheetMergeDirective, selector: "[kendoSpreadsheetMerge]" }, { type: i35.SpreadsheetGridLinesDirective, selector: "kendo-toolbar-button[kendoSpreadsheetGridLines]" }, { type: i36.FormulaInputDirective, selector: "[kendoSpreadsheetFormulaInput]" }] });
+    `, isInline: true, components: [{ type: i5.MenuComponent, selector: "kendo-menu", inputs: ["menuItemTemplate", "ariaRole", "menuItemLinkTemplate"], outputs: ["select", "open", "close"], exportAs: ["kendoMenu"] }, { type: i5.MenuItemComponent, selector: "kendo-menu-item", inputs: ["text", "url", "disabled", "cssClass", "cssStyle", "icon", "svgIcon", "data", "separator"] }, { type: i6.ToolBarComponent, selector: "kendo-toolbar", inputs: ["overflow", "resizable", "popupSettings", "tabindex", "size", "tabIndex"], outputs: ["open", "close"], exportAs: ["kendoToolBar"] }, { type: i7.SpreadsheetLoadFileComponent, selector: "kendo-spreadsheet-load-file-tool" }, { type: i6.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: i6.ToolBarButtonGroupComponent, selector: "kendo-toolbar-buttongroup", inputs: ["disabled", "selection", "width", "look"], exportAs: ["kendoToolBarButtonGroup"] }, { type: i6.ToolBarSeparatorComponent, selector: "kendo-toolbar-separator", exportAs: ["kendoToolBarSeparator"] }, { type: i8.SpreadsheetFontFamilyComponent, selector: "kendo-toolbar-dropdownlist[kendoSpreadsheetFontFamily]" }, { type: i9.SpreadsheetFontSizeComponent, selector: "kendo-toolbar-dropdownlist[kendoSpreadsheetFontSize]" }, { type: i10.SpreadsheetForeColorComponent, selector: "kendo-spreadsheet-forecolor-tool" }, { type: i11.SpreadsheetBackColorComponent, selector: "kendo-spreadsheet-backcolor-tool" }, { type: i6.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: i12.NameBoxComponent, selector: "[kendoSpreadsheetNameBox]", inputs: ["data", "spreadsheetWidget"] }, { type: i13.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { type: i14.SheetsBarComponent, selector: "[kendoSpreadsheetSheetsBar]", inputs: ["sheets", "sheetDescriptors"] }, { type: i15.WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }], directives: [{ type: i16.LocalizedMessagesDirective, selector: "[kendoSpreadsheetLocalizedMessages]" }, { type: i17.MainMenuDirective, selector: "[kendoSpreadsheetMenu]" }, { type: i18.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i18.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i19.SpreadsheetSaveFileDirective, selector: "[kendoSpreadsheetSaveFile]" }, { type: i20.SpreadsheetUndoDirective, selector: "kendo-toolbar-button[kendoSpreadsheetUndo]" }, { type: i21.SpreadsheetRedoDirective, selector: "kendo-toolbar-button[kendoSpreadsheetRedo]" }, { type: i22.SpreadsheetIncreaseFontSizeDirective, selector: "kendo-toolbar-button[kendoSpreadsheetIncreaseFontSize]" }, { type: i23.SpreadsheetDecreaseFontSizeDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDecreaseFontSize]" }, { type: i24.SpreadsheetBoldDirective, selector: "kendo-toolbar-button[kendoSpreadsheetBold]" }, { type: i25.SpreadsheetItalicDirective, selector: "kendo-toolbar-button[kendoSpreadsheetItalic]" }, { type: i26.SpreadsheetUnderlineDirective, selector: "kendo-toolbar-button[kendoSpreadsheetUnderline]" }, { type: i27.SpreadsheetHorizontalTextAlignDirective, selector: "[kendoSpreadsheetHorizontalTextAlign]" }, { type: i28.SpreadsheetVerticalTextAlignDirective, selector: "[kendoSpreadsheetVerticalTextAlign]" }, { type: i29.SpreadsheetTextWrapDirective, selector: "kendo-toolbar-button[kendoSpreadsheetTextWrap]" }, { type: i30.SpreadsheetFormatDirective, selector: "[kendoSpreadsheetFormat]" }, { type: i31.SpreadsheetInsertLinkDirective, selector: "kendo-toolbar-button[kendoSpreadsheetInsertLink]" }, { type: i32.SpreadsheetAddColumnLeftButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddColumnLeftButton]" }, { type: i33.SpreadsheetAddColumnRightButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddColumnRightButton]" }, { type: i34.SpreadsheetAddRowBelowButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddRowBelowButton]" }, { type: i35.SpreadsheetAddRowAboveButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddRowAboveButton]" }, { type: i36.SpreadsheetDeleteColumnButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDeleteColumnButton]" }, { type: i37.SpreadsheetDeleteRowButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDeleteRowButton]" }, { type: i38.SpreadsheetDecreaseDecimalDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDecreaseDecimal]" }, { type: i39.SpreadsheetIncreaseDecimalDirective, selector: "kendo-toolbar-button[kendoSpreadsheetIncreaseDecimal]" }, { type: i40.SpreadsheetMergeDirective, selector: "[kendoSpreadsheetMerge]" }, { type: i41.SpreadsheetGridLinesDirective, selector: "kendo-toolbar-button[kendoSpreadsheetGridLines]" }, { type: i42.FormulaInputDirective, selector: "[kendoSpreadsheetFormulaInput]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetComponent, decorators: [{
             type: Component,
             args: [{
@@ -564,6 +614,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."
@@ -588,8 +640,22 @@ 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-merge="kendo.spreadsheet.merge|The title of the Cells Merge tool."
             merge="Merge"
+            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."
@@ -598,6 +664,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."
@@ -631,6 +701,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>
@@ -640,7 +713,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>
@@ -649,6 +723,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>
@@ -657,6 +733,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"

package/esm2020/spreadsheet.module.mjs

@@ -2,20 +2,20 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { LabelModule } from '@progress/kendo-angular-label';
-import { InputsModule } from '@progress/kendo-angular-inputs';
-import { ButtonsModule } from '@progress/kendo-angular-buttons';
-import { IntlModule } from '@progress/kendo-angular-intl';
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { SpreadsheetComponent } from './spreadsheet.component';
 import { PopupModule } from '@progress/kendo-angular-popup';
 import { TabStripModule } from '@progress/kendo-angular-layout';
 import { EventsModule, WatermarkModule } from '@progress/kendo-angular-common';
 import { FormulaListComponent } from './action-bar/list.component';
 import { FormulaInputDirective } from './action-bar/formula-input.directive';
 import { IconsModule } from '@progress/kendo-angular-icons';
+import { LabelModule } from '@progress/kendo-angular-label';
+import { InputsModule } from '@progress/kendo-angular-inputs';
+import { ButtonsModule } from '@progress/kendo-angular-buttons';
+import { IntlModule } from '@progress/kendo-angular-intl';
 import { ComboBoxModule, DropDownListModule } from '@progress/kendo-angular-dropdowns';
+import { SpreadsheetComponent } from './spreadsheet.component';
 import { NameBoxComponent } from './action-bar/namebox.component';
 import { SheetsBarComponent } from './sheets-bar/sheets-bar.component';
 import { ToolBarModule } from '@progress/kendo-angular-toolbar';
@@ -41,7 +41,7 @@ import { SpreadsheetAddRowAboveButtonDirective } from './tools/tables/add-row-ab
 import { SpreadsheetAddRowBelowButtonDirective } from './tools/tables/add-row-below-button.directive';
 import { SpreadsheetDeleteColumnButtonDirective } from './tools/tables/delete-column-button.directive';
 import { SpreadsheetDeleteRowButtonDirective } from './tools/tables/delete-row-button.directive';
-import { SpreadsheetTextAlignDirective } from './tools/align-tool.directive';
+import { SpreadsheetTextAlignDirective } from './tools/align/align-tool.directive';
 import { SpreadsheetTextWrapDirective } from './tools/text-wrap-tool.directive';
 import { DialogModule } from '@progress/kendo-angular-dialog';
 import { FontFamilyDropDownListComponent } from './tools/font-family/font-family-dropdownlist.component';
@@ -51,6 +51,14 @@ import { MenuModule } from '@progress/kendo-angular-menu';
 import { MainMenuDirective } from './common/main-menu.directive';
 import { ActionDialogComponent } from './sheets-bar/action-dialog.component';
 import { SpreadsheetMergeDirective } from './tools/tables/merge-tool.directive';
+import { SpreadsheetInsertLinkDirective } from './tools/insert/insert-link-tool.directive';
+import { InsertLinkDialogComponent } from './tools/insert/insert-link-dialog.component';
+import { SpreadsheetIncreaseFontSizeDirective } from './tools/font-size/increase-font-tool.directive';
+import { SpreadsheetDecreaseFontSizeDirective } from './tools/font-size/decrease-font-tool.directive';
+import { SpreadsheetIncreaseDecimalDirective } from './tools/increase-decimal-tool.directive';
+import { SpreadsheetDecreaseDecimalDirective } from './tools/decrease-decimal-tool.directive';
+import { SpreadsheetHorizontalTextAlignDirective } from './tools/align/horizontal-align-tool.directive';
+import { SpreadsheetVerticalTextAlignDirective } from './tools/align/vertical-align-tool.directive';
 import * as i0 from "@angular/core";
 const DIRECTIVES = [
     SpreadsheetComponent,
@@ -87,7 +95,15 @@ const DIRECTIVES = [
     DialogContentComponent,
     MainMenuDirective,
     ActionDialogComponent,
-    SpreadsheetMergeDirective
+    SpreadsheetMergeDirective,
+    SpreadsheetInsertLinkDirective,
+    InsertLinkDialogComponent,
+    SpreadsheetIncreaseFontSizeDirective,
+    SpreadsheetDecreaseFontSizeDirective,
+    SpreadsheetIncreaseDecimalDirective,
+    SpreadsheetDecreaseDecimalDirective,
+    SpreadsheetHorizontalTextAlignDirective,
+    SpreadsheetVerticalTextAlignDirective
 ];
 const EXPORTS = [
     SpreadsheetComponent,
@@ -113,7 +129,14 @@ const EXPORTS = [
     SpreadsheetDeleteRowButtonDirective,
     SpreadsheetTextAlignDirective,
     SpreadsheetTextWrapDirective,
-    SpreadsheetMergeDirective
+    SpreadsheetMergeDirective,
+    SpreadsheetInsertLinkDirective,
+    SpreadsheetIncreaseFontSizeDirective,
+    SpreadsheetDecreaseFontSizeDirective,
+    SpreadsheetIncreaseDecimalDirective,
+    SpreadsheetDecreaseDecimalDirective,
+    SpreadsheetHorizontalTextAlignDirective,
+    SpreadsheetVerticalTextAlignDirective
 ];
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
@@ -156,7 +179,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,
@@ -193,7 +224,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,

package/esm2020/tools/{align-tool.directive.mjs → align/align-tool.directive.mjs}

@@ -3,18 +3,18 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Directive } from '@angular/core';
-import { SpreadsheetLocalizationService } from '../localization/spreadsheet-localization.service';
-import { SpreadsheetService } from '../common/spreadsheet.service';
-import { commandIcons, commandSVGIcons } from './shared/command-icons';
-import { ALIGNS } from './shared/constants';
+import { SpreadsheetLocalizationService } from '../../localization/spreadsheet-localization.service';
+import { SpreadsheetService } from '../../common/spreadsheet.service';
+import { commandIcons, commandSVGIcons } from '../shared/command-icons';
+import { ALIGNS } from '../shared/constants';
 import { ToolBarDropDownButtonComponent } from '@progress/kendo-angular-toolbar';
 import { Subscription } from 'rxjs';
-import { SpreadsheetToolsService } from './tools.service';
+import { SpreadsheetToolsService } from '../tools.service';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-toolbar";
-import * as i2 from "../localization/spreadsheet-localization.service";
-import * as i3 from "../common/spreadsheet.service";
-import * as i4 from "./tools.service";
+import * as i2 from "../../localization/spreadsheet-localization.service";
+import * as i3 from "../../common/spreadsheet.service";
+import * as i4 from "../tools.service";
 /**
  * @hidden
  */

package/esm2020/tools/align/horizontal-align-tool.directive.mjs

@@ -0,0 +1,58 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive } from '@angular/core';
+import { SpreadsheetLocalizationService } from '../../localization/spreadsheet-localization.service';
+import { SpreadsheetService } from '../../common/spreadsheet.service';
+import { commandIcons, commandSVGIcons } from '../shared/command-icons';
+import { ALIGNS } from '../shared/constants';
+import { ToolBarDropDownButtonComponent } from '@progress/kendo-angular-toolbar';
+import { Subscription } from 'rxjs';
+import { SpreadsheetToolsService } from '../tools.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-toolbar";
+import * as i2 from "../../localization/spreadsheet-localization.service";
+import * as i3 from "../../common/spreadsheet.service";
+import * as i4 from "../tools.service";
+/**
+ * @hidden
+ */
+export class SpreadsheetHorizontalTextAlignDirective {
+    constructor(host, localization, spreadsheetService, toolsService) {
+        this.host = host;
+        this.spreadsheetService = spreadsheetService;
+        this.toolsService = toolsService;
+        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.filter(value => value.commandName === 'textAlign');
+        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);
+    }
+}
+SpreadsheetHorizontalTextAlignDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetHorizontalTextAlignDirective, deps: [{ token: i1.ToolBarDropDownButtonComponent }, { token: i2.SpreadsheetLocalizationService }, { token: i3.SpreadsheetService }, { token: i4.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: '[kendoSpreadsheetHorizontalTextAlign]',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ToolBarDropDownButtonComponent }, { type: i2.SpreadsheetLocalizationService }, { type: i3.SpreadsheetService }, { type: i4.SpreadsheetToolsService }]; } });