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

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
  */
@@ -29,7 +29,7 @@ export class SpreadsheetTextAlignDirective {
         host.icon = commandIcons[this.commandName];
         host.arrowIcon = true;
         host.fillMode = 'flat';
-        host.data = [...ALIGNS];
+        host.data = ALIGNS.map(item => ({ ...item, textKey: localization.get(item.commandId) }));
         this.subs.add(host.itemClick.subscribe((e) => this.onItemClick(e)));
         host.title = localization.get(this.commandName);
         host.textField = 'textKey';

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

@@ -0,0 +1,60 @@
+/**-----------------------------------------------------------------------------------------
+* 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')
+            .map(item => ({ ...item, textKey: localization.get(item.commandId) }));
+        this.subs.add(host.itemClick.subscribe((e) => this.onItemClick(e)));
+        host.title = localization.get(this.commandName);
+        host.textField = 'textKey';
+    }
+    ngOnInit() {
+        this.subs.add(this.toolsService.stateChange.subscribe(state => this.host.data.forEach(i => i.cssClass = i.value === state[i.commandName] ? 'k-selected' : '')));
+    }
+    ngOnDestroy() {
+        this.subs.unsubscribe();
+    }
+    onItemClick(item) {
+        const value = item.value || null;
+        const options = {
+            command: 'PropertyChangeCommand', options: { property: item.commandName, value }
+        };
+        this.spreadsheetService.spreadsheet.executeCommand(options);
+    }
+}
+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 }]; } });

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

@@ -0,0 +1,60 @@
+/**-----------------------------------------------------------------------------------------
+* 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 SpreadsheetVerticalTextAlignDirective {
+    constructor(host, localization, spreadsheetService, toolsService) {
+        this.host = host;
+        this.spreadsheetService = spreadsheetService;
+        this.toolsService = toolsService;
+        this.commandName = 'alignVertical';
+        this.subs = new Subscription();
+        host.svgIcon = commandSVGIcons[this.commandName];
+        host.icon = commandIcons[this.commandName];
+        host.arrowIcon = true;
+        host.fillMode = 'flat';
+        host.data = ALIGNS
+            .filter(value => value.commandName === 'verticalAlign')
+            .map(item => ({ ...item, textKey: localization.get(item.commandId) }));
+        this.subs.add(host.itemClick.subscribe((e) => this.onItemClick(e)));
+        host.title = localization.get(this.commandName);
+        host.textField = 'textKey';
+    }
+    ngOnInit() {
+        this.subs.add(this.toolsService.stateChange.subscribe(state => this.host.data.forEach(i => i.cssClass = i.value === state[i.commandName] ? 'k-selected' : '')));
+    }
+    ngOnDestroy() {
+        this.subs.unsubscribe();
+    }
+    onItemClick(item) {
+        const value = item.value || null;
+        const options = {
+            command: 'PropertyChangeCommand', options: { property: item.commandName, value }
+        };
+        this.spreadsheetService.spreadsheet.executeCommand(options);
+    }
+}
+SpreadsheetVerticalTextAlignDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetVerticalTextAlignDirective, deps: [{ token: i1.ToolBarDropDownButtonComponent }, { token: i2.SpreadsheetLocalizationService }, { token: i3.SpreadsheetService }, { token: i4.SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+SpreadsheetVerticalTextAlignDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: SpreadsheetVerticalTextAlignDirective, selector: "[kendoSpreadsheetVerticalTextAlign]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetVerticalTextAlignDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoSpreadsheetVerticalTextAlign]',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ToolBarDropDownButtonComponent }, { type: i2.SpreadsheetLocalizationService }, { type: i3.SpreadsheetService }, { type: i4.SpreadsheetToolsService }]; } });

package/esm2020/tools/decrease-decimal-tool.directive.mjs

@@ -0,0 +1,40 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
+import { SpreadsheetLocalizationService } from '../localization/spreadsheet-localization.service';
+import { SpreadsheetService } from '../common/spreadsheet.service';
+import { SpreadsheetToolsService } from './tools.service';
+import { SpreadsheetCommandButton } from './shared/spreadsheet-command-button';
+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 SpreadsheetDecreaseDecimalDirective extends SpreadsheetCommandButton {
+    constructor(button, localization, spreadsheetService, toolsService) {
+        super('decreaseDecimal', button, localization, spreadsheetService, toolsService, {
+            command: 'AdjustDecimalsCommand'
+        });
+    }
+    clickHandler() {
+        const options = {
+            command: 'AdjustDecimalsCommand',
+            options: { value: -1 }
+        };
+        this.spreadsheetService.spreadsheet.executeCommand(options);
+    }
+}
+SpreadsheetDecreaseDecimalDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetDecreaseDecimalDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.SpreadsheetLocalizationService }, { token: i3.SpreadsheetService }, { token: i4.SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+SpreadsheetDecreaseDecimalDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: SpreadsheetDecreaseDecimalDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDecreaseDecimal]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetDecreaseDecimalDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-toolbar-button[kendoSpreadsheetDecreaseDecimal]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ToolBarButtonComponent }, { type: i2.SpreadsheetLocalizationService }, { type: i3.SpreadsheetService }, { type: i4.SpreadsheetToolsService }]; } });

package/esm2020/tools/font-family/font-family-dropdownlist.component.mjs

@@ -18,7 +18,6 @@ FontFamilyDropDownListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
             #element
             [data]="data"
             [(value)]="value"
-            [attr.title]="title"
             [tabindex]="tabindex"
             (valueChange)="onValueChange($event)"
             [leftRightArrowsNavigation]="false"
@@ -40,7 +39,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             #element
             [data]="data"
             [(value)]="value"
-            [attr.title]="title"
             [tabindex]="tabindex"
             (valueChange)="onValueChange($event)"
             [leftRightArrowsNavigation]="false"

package/esm2020/tools/font-size/decrease-font-tool.directive.mjs

@@ -0,0 +1,50 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
+import { SpreadsheetLocalizationService } from '../../localization/spreadsheet-localization.service';
+import { SpreadsheetService } from '../../common/spreadsheet.service';
+import { SpreadsheetToolsService } from '../tools.service';
+import { SpreadsheetCommandButton } from '../shared/spreadsheet-command-button';
+import { DEFAULT_FONT_VALUES } from '../shared/constants';
+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 SpreadsheetDecreaseFontSizeDirective extends SpreadsheetCommandButton {
+    constructor(button, localization, spreadsheetService, toolsService) {
+        super('decreaseFontSize', button, localization, spreadsheetService, toolsService, {
+            command: 'PropertyChangeCommand',
+            options: { property: 'fontSize' }
+        });
+        this.value = DEFAULT_FONT_VALUES.fontSize;
+    }
+    clickHandler() {
+        const newValue = this.value - 1;
+        const options = {
+            command: 'PropertyChangeCommand',
+            options: { property: 'fontSize', value: newValue || null }
+        };
+        this.spreadsheetService.spreadsheet.executeCommand(options);
+    }
+    ngAfterViewInit() {
+        this.value = this.toolsService.toolsState['fontSize'];
+        this.subs.add(this.toolsService.stateChange.subscribe(state => {
+            this.value = state['fontSize'];
+        }));
+    }
+}
+SpreadsheetDecreaseFontSizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetDecreaseFontSizeDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.SpreadsheetLocalizationService }, { token: i3.SpreadsheetService }, { token: i4.SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+SpreadsheetDecreaseFontSizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: SpreadsheetDecreaseFontSizeDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDecreaseFontSize]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetDecreaseFontSizeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-toolbar-button[kendoSpreadsheetDecreaseFontSize]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ToolBarButtonComponent }, { type: i2.SpreadsheetLocalizationService }, { type: i3.SpreadsheetService }, { type: i4.SpreadsheetToolsService }]; } });

package/esm2020/tools/font-size/increase-font-tool.directive.mjs

@@ -0,0 +1,50 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
+import { SpreadsheetLocalizationService } from '../../localization/spreadsheet-localization.service';
+import { SpreadsheetService } from '../../common/spreadsheet.service';
+import { SpreadsheetToolsService } from '../tools.service';
+import { SpreadsheetCommandButton } from '../shared/spreadsheet-command-button';
+import { DEFAULT_FONT_VALUES } from '../shared/constants';
+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 SpreadsheetIncreaseFontSizeDirective extends SpreadsheetCommandButton {
+    constructor(button, localization, spreadsheetService, toolsService) {
+        super('increaseFontSize', button, localization, spreadsheetService, toolsService, {
+            command: 'PropertyChangeCommand',
+            options: { property: 'fontSize' }
+        });
+        this.value = DEFAULT_FONT_VALUES.fontSize;
+    }
+    clickHandler() {
+        const newValue = this.value + 1;
+        const options = {
+            command: 'PropertyChangeCommand',
+            options: { property: 'fontSize', value: newValue || null }
+        };
+        this.spreadsheetService.spreadsheet.executeCommand(options);
+    }
+    ngAfterViewInit() {
+        this.value = this.toolsService.toolsState['fontSize'];
+        this.subs.add(this.toolsService.stateChange.subscribe(state => {
+            this.value = state['fontSize'];
+        }));
+    }
+}
+SpreadsheetIncreaseFontSizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetIncreaseFontSizeDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.SpreadsheetLocalizationService }, { token: i3.SpreadsheetService }, { token: i4.SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+SpreadsheetIncreaseFontSizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: SpreadsheetIncreaseFontSizeDirective, selector: "kendo-toolbar-button[kendoSpreadsheetIncreaseFontSize]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetIncreaseFontSizeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-toolbar-button[kendoSpreadsheetIncreaseFontSize]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ToolBarButtonComponent }, { type: i2.SpreadsheetLocalizationService }, { type: i3.SpreadsheetService }, { type: i4.SpreadsheetToolsService }]; } });

package/esm2020/tools/increase-decimal-tool.directive.mjs

@@ -0,0 +1,40 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
+import { SpreadsheetLocalizationService } from '../localization/spreadsheet-localization.service';
+import { SpreadsheetService } from '../common/spreadsheet.service';
+import { SpreadsheetToolsService } from './tools.service';
+import { SpreadsheetCommandButton } from './shared/spreadsheet-command-button';
+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 SpreadsheetIncreaseDecimalDirective extends SpreadsheetCommandButton {
+    constructor(button, localization, spreadsheetService, toolsService) {
+        super('increaseDecimal', button, localization, spreadsheetService, toolsService, {
+            command: 'AdjustDecimalsCommand'
+        });
+    }
+    clickHandler() {
+        const options = {
+            command: 'AdjustDecimalsCommand',
+            options: { value: 1 }
+        };
+        this.spreadsheetService.spreadsheet.executeCommand(options);
+    }
+}
+SpreadsheetIncreaseDecimalDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetIncreaseDecimalDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.SpreadsheetLocalizationService }, { token: i3.SpreadsheetService }, { token: i4.SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
+SpreadsheetIncreaseDecimalDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: SpreadsheetIncreaseDecimalDirective, selector: "kendo-toolbar-button[kendoSpreadsheetIncreaseDecimal]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetIncreaseDecimalDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-toolbar-button[kendoSpreadsheetIncreaseDecimal]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ToolBarButtonComponent }, { type: i2.SpreadsheetLocalizationService }, { type: i3.SpreadsheetService }, { type: i4.SpreadsheetToolsService }]; } });

package/esm2020/tools/index.mjs

@@ -11,10 +11,17 @@ export { SpreadsheetUndoDirective } from './history/undo-tool';
 export { SpreadsheetBoldDirective } from './typographical-emphasis/bold-tool.directive';
 export { SpreadsheetItalicDirective } from './typographical-emphasis/italic-tool.directive';
 export { SpreadsheetUnderlineDirective } from './typographical-emphasis/underline-tool.directive';
-export { SpreadsheetTextAlignDirective } from './align-tool.directive';
+export { SpreadsheetTextAlignDirective } from './align/align-tool.directive';
 export { SpreadsheetFormatDirective } from './format-tool.directive';
 export { SpreadsheetGridLinesDirective } from './gridlines-tool.directive';
 export { SpreadsheetLoadFileComponent } from './load-file.component';
 export { SpreadsheetSaveFileDirective } from './save-file-tool.directive';
 export { SpreadsheetTextWrapDirective } from './text-wrap-tool.directive';
+export { SpreadsheetInsertLinkDirective } from './insert/insert-link-tool.directive';
+export { SpreadsheetIncreaseFontSizeDirective } from './font-size/increase-font-tool.directive';
+export { SpreadsheetDecreaseFontSizeDirective } from './font-size/decrease-font-tool.directive';
+export { SpreadsheetIncreaseDecimalDirective } from './increase-decimal-tool.directive';
+export { SpreadsheetDecreaseDecimalDirective } from './decrease-decimal-tool.directive';
+export { SpreadsheetHorizontalTextAlignDirective } from './align/horizontal-align-tool.directive';
+export { SpreadsheetVerticalTextAlignDirective } from './align/vertical-align-tool.directive';
 export * from './tables';

package/esm2020/tools/insert/insert-link-dialog.component.mjs

@@ -0,0 +1,49 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+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-label";
+import * as i3 from "@progress/kendo-angular-inputs";
+/**
+ * @hidden
+ */
+export class InsertLinkDialogComponent extends DialogContentBase {
+    constructor(dialog) {
+        super(dialog);
+        this.dialog = dialog;
+        this.urlLink = '';
+    }
+    setData(args) {
+        this.urlLink = args.link;
+    }
+}
+InsertLinkDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: InsertLinkDialogComponent, deps: [{ token: i1.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
+InsertLinkDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: InsertLinkDialogComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <form class="k-form k-form-md" method="dialog">
+        <div class="k-form-field">
+            <kendo-label [for]="textbox" text="URL"></kendo-label>
+                <kendo-textbox #textbox
+                    [(value)]="urlLink">
+                </kendo-textbox>
+        </div>
+    </form>
+    `, isInline: true, components: [{ type: i2.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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: InsertLinkDialogComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    <form class="k-form k-form-md" method="dialog">
+        <div class="k-form-field">
+            <kendo-label [for]="textbox" text="URL"></kendo-label>
+                <kendo-textbox #textbox
+                    [(value)]="urlLink">
+                </kendo-textbox>
+        </div>
+    </form>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DialogRef }]; } });

package/esm2020/tools/insert/insert-link-tool.directive.mjs

@@ -0,0 +1,91 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { take } from 'rxjs/operators';
+import { isPresent } from '@progress/kendo-angular-common';
+import { DialogService } from '@progress/kendo-angular-dialog';
+import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
+import { SpreadsheetLocalizationService } from '../../localization/spreadsheet-localization.service';
+import { SpreadsheetService } from '../../common/spreadsheet.service';
+import { SpreadsheetToolsService } from '../tools.service';
+import { SpreadsheetCommandButton } from '../shared/spreadsheet-command-button';
+import { InsertLinkDialogComponent } from './insert-link-dialog.component';
+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 i5 from "@progress/kendo-angular-dialog";
+/**
+ * @hidden
+ */
+export class SpreadsheetInsertLinkDirective extends SpreadsheetCommandButton {
+    constructor(button, localization, spreadsheetService, toolsService, dialogService) {
+        super('insertLink', button, localization, spreadsheetService, toolsService, {
+            command: 'HyperlinkCommand'
+        });
+        this.dialogService = dialogService;
+        spreadsheetService.selectionChanged.subscribe(range => this.currentRange = range);
+    }
+    clickHandler() {
+        const sheet = this.spreadsheetService.spreadsheet.activeSheet();
+        if (sheet) {
+            this.openDialog();
+        }
+    }
+    /**
+     * @hidden
+     */
+    openDialog() {
+        const hasLink = isPresent(this.currentRange?.link());
+        const dialogSettings = {
+            appendTo: this.spreadsheetService.dialogContainer,
+            title: this.localization.get(this.command),
+            content: InsertLinkDialogComponent,
+            actions: [{
+                    text: this.localization.get('dialogInsert'),
+                    themeColor: 'primary'
+                }, {
+                    text: this.localization.get('dialogCancel')
+                },
+                'spacer', {
+                    text: this.localization.get('dialogRemoveLink'),
+                    themeColor: 'primary',
+                    fillMode: 'clear',
+                    cssClass: hasLink ? '' : 'k-disabled'
+                }],
+            actionsLayout: 'start',
+            width: 400,
+            autoFocusedElement: '.k-textbox > .k-input-inner'
+        };
+        const dialog = this.dialogService.open(dialogSettings);
+        const dialogInstance = dialog.dialog.instance;
+        const dialogContent = dialog.content.instance;
+        if (hasLink) {
+            dialogContent.setData({ link: this.currentRange?.link() });
+        }
+        dialogInstance.action.pipe(take(1)).subscribe((event) => {
+            if (event.text === this.localization.get('dialogCancel')) {
+                return;
+            }
+            let link = null;
+            if (event.text === this.localization.get('dialogInsert')) {
+                link = dialogContent.urlLink || null;
+            }
+            this.spreadsheetService.spreadsheet.executeCommand({
+                command: 'HyperlinkCommand',
+                options: { link }
+            });
+        });
+    }
+}
+SpreadsheetInsertLinkDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetInsertLinkDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.SpreadsheetLocalizationService }, { token: i3.SpreadsheetService }, { token: i4.SpreadsheetToolsService }, { token: i5.DialogService }], target: i0.ɵɵFactoryTarget.Directive });
+SpreadsheetInsertLinkDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: SpreadsheetInsertLinkDirective, selector: "kendo-toolbar-button[kendoSpreadsheetInsertLink]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetInsertLinkDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-toolbar-button[kendoSpreadsheetInsertLink]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ToolBarButtonComponent }, { type: i2.SpreadsheetLocalizationService }, { type: i3.SpreadsheetService }, { type: i4.SpreadsheetToolsService }, { type: i5.DialogService }]; } });

package/esm2020/tools/load-file.component.mjs

@@ -29,7 +29,7 @@ export class SpreadsheetLoadFileComponent extends ToolBarToolComponent {
         this.onFileSelect = (e) => {
             const file = e.target.files[0];
             if (file) {
-                this.spreadsheetService.spreadsheet.fromFile(file);
+                this.spreadsheetService.spreadsheet.executeCommand({ command: 'OpenCommand', options: { file } });
                 e.target.value = null;
             }
         };

package/esm2020/tools/shared/command-icons.mjs

@@ -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 { alignCenterIcon, alignJustifyIcon, alignLeftIcon, alignRightIcon, boldIcon, dropletIcon, foregroundColorIcon, italicIcon, tableColumnDeleteIcon, tableColumnInsertLeftIcon, tableColumnInsertRightIcon, tableRowDeleteIcon, tableRowInsertAboveIcon, tableRowInsertBelowIcon, underlineIcon, arrowRotateCcwIcon, arrowRotateCwIcon, bordersNoneIcon, alignTopIcon, alignMiddleIcon, alignBottomIcon, textWrapIcon, folderOpenIcon, downloadIcon, customFormatIcon, fontSizeIcon, fontFamilyIcon, cellsMergeHorizontallyIcon, cellsMergeIcon, cellsMergeVerticallyIcon, tableUnmergeIcon } from '@progress/kendo-svg-icons';
+import { alignCenterIcon, alignJustifyIcon, alignLeftIcon, alignRightIcon, boldIcon, dropletIcon, foregroundColorIcon, italicIcon, tableColumnDeleteIcon, tableColumnInsertLeftIcon, tableColumnInsertRightIcon, tableRowDeleteIcon, tableRowInsertAboveIcon, tableRowInsertBelowIcon, underlineIcon, arrowRotateCcwIcon, arrowRotateCwIcon, bordersNoneIcon, alignTopIcon, alignMiddleIcon, alignBottomIcon, textWrapIcon, folderOpenIcon, downloadIcon, customFormatIcon, fontSizeIcon, fontFamilyIcon, cellsMergeHorizontallyIcon, cellsMergeIcon, cellsMergeVerticallyIcon, tableUnmergeIcon, linkIcon, fontGrowIcon, fontShrinkIcon, decimalDecreaseIcon, decimalIncreaseIcon } from '@progress/kendo-svg-icons';
 /**
  * @hidden
  */
@@ -15,6 +15,8 @@ export const commandIcons = {
     alignMiddle: 'align-middle',
     alignBottom: 'align-bottom',
     align: 'align-left',
+    alignHorizontal: 'align-left',
+    alignVertical: 'align-middle',
     background: 'droplet',
     bold: 'bold',
     color: 'foreground-color',
@@ -39,7 +41,12 @@ export const commandIcons = {
     mergeAll: 'cells-merge',
     mergeHorizontally: 'cells-merge-horizontally',
     mergeVertically: 'cells-merge-vertically',
-    unmerge: 'table-unmerge'
+    unmerge: 'table-unmerge',
+    insertLink: 'hyperlink',
+    increaseFontSize: 'font-grow',
+    decreaseFontSize: 'font-shrink',
+    increaseDecimal: 'decimal-increase',
+    decreaseDecimal: 'decimal-decrease'
 };
 /**
  * @hidden
@@ -53,6 +60,8 @@ export const commandSVGIcons = {
     alignMiddle: alignMiddleIcon,
     alignBottom: alignBottomIcon,
     align: alignLeftIcon,
+    alignHorizontal: alignLeftIcon,
+    alignVertical: alignMiddleIcon,
     background: dropletIcon,
     bold: boldIcon,
     color: foregroundColorIcon,
@@ -77,5 +86,10 @@ export const commandSVGIcons = {
     mergeAll: cellsMergeIcon,
     mergeHorizontally: cellsMergeHorizontallyIcon,
     mergeVertically: cellsMergeVerticallyIcon,
-    unmerge: tableUnmergeIcon
+    unmerge: tableUnmergeIcon,
+    insertLink: linkIcon,
+    increaseFontSize: fontGrowIcon,
+    decreaseFontSize: fontShrinkIcon,
+    decreaseDecimal: decimalDecreaseIcon,
+    increaseDecimal: decimalIncreaseIcon
 };

package/esm2020/tools/shared/constants.mjs

@@ -47,22 +47,22 @@ export const FORMATS = [
  * @hidden
  */
 export const ALIGNS = [
-    { icon: commandIcons.alignLeft, svgIcon: commandSVGIcons.alignLeft, textKey: 'Align Left', commandName: 'textAlign', value: 'left', cssClass: '' },
-    { icon: commandIcons.alignCenter, svgIcon: commandSVGIcons.alignCenter, textKey: 'Align Center', commandName: 'textAlign', value: 'center', cssClass: '' },
-    { icon: commandIcons.alignRight, svgIcon: commandSVGIcons.alignRight, textKey: 'Align Right', commandName: 'textAlign', value: 'right', cssClass: '' },
-    { icon: commandIcons.alignJustify, svgIcon: commandSVGIcons.alignJustify, textKey: 'Align Justify', commandName: 'textAlign', value: 'justify', cssClass: '' },
-    { icon: commandIcons.alignTop, svgIcon: commandSVGIcons.alignTop, textKey: 'Align Top', commandName: 'verticalAlign', value: 'top', cssClass: '' },
-    { icon: commandIcons.alignMiddle, svgIcon: commandSVGIcons.alignMiddle, textKey: 'Align Middle', commandName: 'verticalAlign', value: 'center', cssClass: '' },
-    { icon: commandIcons.alignBottom, svgIcon: commandSVGIcons.alignBottom, textKey: 'Align Bottom', commandName: 'verticalAlign', value: 'bottom', cssClass: '' }
+    { icon: commandIcons.alignLeft, svgIcon: commandSVGIcons.alignLeft, textKey: 'Align Left', commandName: 'textAlign', value: 'left', cssClass: '', commandId: 'alignLeft' },
+    { icon: commandIcons.alignCenter, svgIcon: commandSVGIcons.alignCenter, textKey: 'Align Center', commandName: 'textAlign', value: 'center', cssClass: '', commandId: 'alignCenter' },
+    { icon: commandIcons.alignRight, svgIcon: commandSVGIcons.alignRight, textKey: 'Align Right', commandName: 'textAlign', value: 'right', cssClass: '', commandId: 'alignRight' },
+    { icon: commandIcons.alignJustify, svgIcon: commandSVGIcons.alignJustify, textKey: 'Align Justify', commandName: 'textAlign', value: 'justify', cssClass: '', commandId: 'alignJustify' },
+    { icon: commandIcons.alignTop, svgIcon: commandSVGIcons.alignTop, textKey: 'Align Top', commandName: 'verticalAlign', value: 'top', cssClass: '', commandId: 'alignTop' },
+    { icon: commandIcons.alignMiddle, svgIcon: commandSVGIcons.alignMiddle, textKey: 'Align Middle', commandName: 'verticalAlign', value: 'center', cssClass: '', commandId: 'alignMiddle' },
+    { icon: commandIcons.alignBottom, svgIcon: commandSVGIcons.alignBottom, textKey: 'Align Bottom', commandName: 'verticalAlign', value: 'bottom', cssClass: '', commandId: 'alignBottom' }
 ];
 /**
  * @hidden
  */
 export const MERGE = [
-    { icon: commandIcons.mergeAll, svgIcon: commandSVGIcons.mergeAll, textKey: 'Merge all', commandName: 'cells', value: 'cells', disabled: false },
-    { icon: commandIcons.mergeHorizontally, svgIcon: commandSVGIcons.mergeHorizontally, textKey: 'Merge horizontally', commandName: 'horizontally', value: 'horizontally', disabled: false },
-    { icon: commandIcons.mergeVertically, svgIcon: commandSVGIcons.mergeVertically, textKey: 'Merge vertically', commandName: 'vertically', value: 'vertically', disabled: false },
-    { icon: commandIcons.unmerge, svgIcon: commandSVGIcons.unmerge, textKey: 'Unmerge', commandName: 'unmerge', value: 'unmerge', disabled: false }
+    { icon: commandIcons.mergeAll, svgIcon: commandSVGIcons.mergeAll, textKey: 'Merge all', commandName: 'cells', value: 'cells', disabled: false, commandId: 'mergeAll' },
+    { icon: commandIcons.mergeHorizontally, svgIcon: commandSVGIcons.mergeHorizontally, textKey: 'Merge horizontally', commandName: 'horizontally', value: 'horizontally', disabled: false, commandId: 'mergeHorizontally' },
+    { icon: commandIcons.mergeVertically, svgIcon: commandSVGIcons.mergeVertically, textKey: 'Merge vertically', commandName: 'vertically', value: 'vertically', disabled: false, commandId: 'mergeVertically' },
+    { icon: commandIcons.unmerge, svgIcon: commandSVGIcons.unmerge, textKey: 'Unmerge', commandName: 'unmerge', value: 'unmerge', disabled: false, commandId: 'unmerge' }
 ];
 /**
  * @hidden