@progress/kendo-angular-spreadsheet 16.5.0 → 16.6.0-develop.1

package/esm2020/spreadsheet.component.mjs

@@ -3,27 +3,62 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, ElementRef, EventEmitter, HostBinding, Input, NgZone, Output, ViewChild, ViewContainerRef } from '@angular/core';
+import { NgFor, NgIf } from '@angular/common';
+import { Subscription } from 'rxjs';
+import { take } from 'rxjs/operators';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from './package-metadata';
 import { SpreadsheetWidget } from '@progress/kendo-spreadsheet-common';
 import { localeData, IntlService } from '@progress/kendo-angular-intl';
 import { downloadIcon, folderOpenIcon, formulaFxIcon } from '@progress/kendo-svg-icons';
+import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
+import { PopupService } from '@progress/kendo-angular-popup';
+import { ContextMenuComponent, MenuItemComponent, MenuComponent } from '@progress/kendo-angular-menu';
+import { Keys, hasObservers, isDocumentAvailable, isPresent, shouldShowValidationUI, WatermarkOverlayComponent } from '@progress/kendo-angular-common';
+import { DialogService } from '@progress/kendo-angular-dialog';
+import { IconWrapperComponent } from '@progress/kendo-angular-icons';
+import { ToolBarDropDownButtonComponent, ToolBarSeparatorComponent, ToolBarButtonGroupComponent, ToolBarButtonComponent, ToolBarComponent } from '@progress/kendo-angular-toolbar';
 import { SpreadsheetService } from './common/spreadsheet.service';
 import { SpreadsheetToolsService } from './tools/tools.service';
-import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
 import { SpreadsheetLocalizationService } from './localization/spreadsheet-localization.service';
-import { Keys, hasObservers, isDocumentAvailable, isPresent, shouldShowValidationUI } from '@progress/kendo-angular-common';
 import { mapToSheetDescriptor } from './utils';
-import { PopupService } from '@progress/kendo-angular-popup';
 import { FormulaInputDirective } from './action-bar/formula-input.directive';
-import { take } from 'rxjs/operators';
 import { getSheetActions } from './sheets-bar/utils';
 import { ErrorHandlingService } from './common/error-handling.service';
-import { ContextMenuComponent } from '@progress/kendo-angular-menu';
 import { commandIcons, commandSVGIcons } from './tools/shared/command-icons';
-import { Subscription } from 'rxjs';
-import { DialogService } from '@progress/kendo-angular-dialog';
 import { InsertLinkDialogComponent } from './tools/insert/insert-link-dialog.component';
+import { SheetsBarComponent } from './sheets-bar/sheets-bar.component';
+import { NameBoxComponent } from './action-bar/namebox.component';
+import { SpreadsheetGridLinesDirective } from './tools/gridlines-tool.directive';
+import { SpreadsheetMergeDirective } from './tools/tables/merge-tool.directive';
+import { SpreadsheetIncreaseDecimalDirective } from './tools/increase-decimal-tool.directive';
+import { SpreadsheetDecreaseDecimalDirective } from './tools/decrease-decimal-tool.directive';
+import { SpreadsheetDeleteRowButtonDirective } from './tools/tables/delete-row-button.directive';
+import { SpreadsheetDeleteColumnButtonDirective } from './tools/tables/delete-column-button.directive';
+import { SpreadsheetAddRowAboveButtonDirective } from './tools/tables/add-row-above-button.directive';
+import { SpreadsheetAddRowBelowButtonDirective } from './tools/tables/add-row-below-button.directive';
+import { SpreadsheetAddColumnRightButtonDirective } from './tools/tables/add-column-right-button.directive';
+import { SpreadsheetAddColumnLeftButtonDirective } from './tools/tables/add-column-left-button.directive';
+import { SpreadsheetInsertLinkDirective } from './tools/insert/insert-link-tool.directive';
+import { SpreadsheetFormatDirective } from './tools/format-tool.directive';
+import { SpreadsheetTextWrapDirective } from './tools/text-wrap-tool.directive';
+import { SpreadsheetVerticalTextAlignDirective } from './tools/align/vertical-align-tool.directive';
+import { SpreadsheetHorizontalTextAlignDirective } from './tools/align/horizontal-align-tool.directive';
+import { SpreadsheetBackColorComponent } from './tools/colorpicker/spreadsheet-backcolor.component';
+import { SpreadsheetForeColorComponent } from './tools/colorpicker/spreadsheet-forecolor.component';
+import { SpreadsheetUnderlineDirective } from './tools/typographical-emphasis/underline-tool.directive';
+import { SpreadsheetItalicDirective } from './tools/typographical-emphasis/italic-tool.directive';
+import { SpreadsheetBoldDirective } from './tools/typographical-emphasis/bold-tool.directive';
+import { SpreadsheetDecreaseFontSizeDirective } from './tools/font-size/decrease-font-tool.directive';
+import { SpreadsheetIncreaseFontSizeDirective } from './tools/font-size/increase-font-tool.directive';
+import { SpreadsheetFontSizeComponent } from './tools/font-size/spreadsheet-fontsize-tool.component';
+import { SpreadsheetFontFamilyComponent } from './tools/font-family/spreadsheet-fontfamily-tool.component';
+import { SpreadsheetRedoDirective } from './tools/history/redo-tool';
+import { SpreadsheetUndoDirective } from './tools/history/undo-tool';
+import { SpreadsheetSaveFileDirective } from './tools/save-file-tool.directive';
+import { SpreadsheetLoadFileComponent } from './tools/load-file.component';
+import { MainMenuDirective } from './common/main-menu.directive';
+import { LocalizedMessagesDirective } from './localization/localized-messages.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-intl";
 import * as i2 from "@progress/kendo-angular-l10n";
@@ -31,44 +66,6 @@ import * as i3 from "./common/spreadsheet.service";
 import * as i4 from "./tools/tools.service";
 import * as i5 from "./common/error-handling.service";
 import * as i6 from "@progress/kendo-angular-dialog";
-import * as i7 from "@angular/common";
-import * as i8 from "@progress/kendo-angular-icons";
-import * as i9 from "@progress/kendo-angular-menu";
-import * as i10 from "@progress/kendo-angular-toolbar";
-import * as i11 from "@progress/kendo-angular-common";
-import * as i12 from "./localization/localized-messages.directive";
-import * as i13 from "./action-bar/formula-input.directive";
-import * as i14 from "./action-bar/namebox.component";
-import * as i15 from "./sheets-bar/sheets-bar.component";
-import * as i16 from "./tools/typographical-emphasis/bold-tool.directive";
-import * as i17 from "./tools/typographical-emphasis/italic-tool.directive";
-import * as i18 from "./tools/typographical-emphasis/underline-tool.directive";
-import * as i19 from "./tools/load-file.component";
-import * as i20 from "./tools/save-file-tool.directive";
-import * as i21 from "./tools/format-tool.directive";
-import * as i22 from "./tools/history/undo-tool";
-import * as i23 from "./tools/history/redo-tool";
-import * as i24 from "./tools/font-family/spreadsheet-fontfamily-tool.component";
-import * as i25 from "./tools/font-size/spreadsheet-fontsize-tool.component";
-import * as i26 from "./tools/colorpicker/spreadsheet-backcolor.component";
-import * as i27 from "./tools/colorpicker/spreadsheet-forecolor.component";
-import * as i28 from "./tools/gridlines-tool.directive";
-import * as i29 from "./tools/tables/add-column-left-button.directive";
-import * as i30 from "./tools/tables/add-column-right-button.directive";
-import * as i31 from "./tools/tables/add-row-above-button.directive";
-import * as i32 from "./tools/tables/add-row-below-button.directive";
-import * as i33 from "./tools/tables/delete-column-button.directive";
-import * as i34 from "./tools/tables/delete-row-button.directive";
-import * as i35 from "./tools/text-wrap-tool.directive";
-import * as i36 from "./common/main-menu.directive";
-import * as i37 from "./tools/tables/merge-tool.directive";
-import * as i38 from "./tools/insert/insert-link-tool.directive";
-import * as i39 from "./tools/font-size/increase-font-tool.directive";
-import * as i40 from "./tools/font-size/decrease-font-tool.directive";
-import * as i41 from "./tools/increase-decimal-tool.directive";
-import * as i42 from "./tools/decrease-decimal-tool.directive";
-import * as i43 from "./tools/align/horizontal-align-tool.directive";
-import * as i44 from "./tools/align/vertical-align-tool.directive";
 /**
  * Represents the [Kendo UI Spreadsheet component for Angular]({% slug overview_spreadsheet %}).
  */
@@ -636,7 +633,7 @@ export class SpreadsheetComponent {
     }
 }
 SpreadsheetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SpreadsheetComponent, deps: [{ token: i0.NgZone }, { token: i1.IntlService }, { token: i0.ElementRef }, { token: i2.LocalizationService }, { token: i3.SpreadsheetService }, { token: i4.SpreadsheetToolsService }, { token: i5.ErrorHandlingService }, { token: i6.DialogService }], target: i0.ɵɵFactoryTarget.Component });
-SpreadsheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SpreadsheetComponent, selector: "kendo-spreadsheet", inputs: { menuItems: "menuItems", overflow: "overflow", formulaListMaxHeight: "formulaListMaxHeight", activeSheet: "activeSheet", sheets: "sheets", columns: "columns", columnWidth: "columnWidth", defaultCellStyle: "defaultCellStyle", headerHeight: "headerHeight", headerWidth: "headerWidth", rowHeight: "rowHeight", rows: "rows", images: "images", excel: "excel" }, outputs: { change: "change", formatChange: "formatChange", selectionChange: "selectionChange", excelExport: "excelExport", excelImport: "excelImport", activeSheetChange: "activeSheetChange" }, host: { properties: { "class.k-spreadsheet": "this.hostClass", "attr.role": "this.role" } }, providers: [
+SpreadsheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SpreadsheetComponent, isStandalone: true, selector: "kendo-spreadsheet", inputs: { menuItems: "menuItems", overflow: "overflow", formulaListMaxHeight: "formulaListMaxHeight", activeSheet: "activeSheet", sheets: "sheets", columns: "columns", columnWidth: "columnWidth", defaultCellStyle: "defaultCellStyle", headerHeight: "headerHeight", headerWidth: "headerWidth", rowHeight: "rowHeight", rows: "rows", images: "images", excel: "excel" }, outputs: { change: "change", formatChange: "formatChange", selectionChange: "selectionChange", excelExport: "excelExport", excelImport: "excelImport", activeSheetChange: "activeSheetChange" }, host: { properties: { "class.k-spreadsheet": "this.hostClass", "attr.role": "this.role" } }, providers: [
         SpreadsheetLocalizationService,
         SpreadsheetService,
         {
@@ -915,7 +912,7 @@ SpreadsheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
             (select)="onContextMenuSelect($event)"></kendo-contextmenu>
 
         <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i8.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i9.MenuComponent, selector: "kendo-menu", inputs: ["appendTo", "menuItemTemplate", "ariaRole", "menuItemLinkTemplate"], outputs: ["select", "open", "close"], exportAs: ["kendoMenu"] }, { kind: "component", type: i9.MenuItemComponent, selector: "kendo-menu-item", inputs: ["text", "url", "disabled", "cssClass", "cssStyle", "icon", "svgIcon", "data", "separator"] }, { kind: "component", type: i9.ContextMenuComponent, selector: "kendo-contextmenu", inputs: ["showOn", "target", "filter", "alignToAnchor", "vertical", "popupAnimate", "popupAlign", "anchorAlign", "collision", "appendTo", "ariaLabel"], outputs: ["popupOpen", "popupClose", "select", "open", "close"], exportAs: ["kendoContextMenu"] }, { kind: "component", type: i10.ToolBarComponent, selector: "kendo-toolbar", inputs: ["overflow", "resizable", "popupSettings", "tabindex", "size", "tabIndex"], outputs: ["open", "close"], exportAs: ["kendoToolBar"] }, { kind: "component", type: i10.ToolBarButtonComponent, selector: "kendo-toolbar-button", inputs: ["showText", "showIcon", "text", "style", "className", "title", "disabled", "toggleable", "look", "togglable", "selected", "fillMode", "themeColor", "icon", "iconClass", "svgIcon", "imageUrl"], outputs: ["click", "pointerdown", "selectedChange"], exportAs: ["kendoToolBarButton"] }, { kind: "component", type: i10.ToolBarButtonGroupComponent, selector: "kendo-toolbar-buttongroup", inputs: ["disabled", "selection", "width", "look"], exportAs: ["kendoToolBarButtonGroup"] }, { kind: "component", type: i10.ToolBarDropDownButtonComponent, selector: "kendo-toolbar-dropdownbutton", inputs: ["arrowIcon", "title", "showText", "showIcon", "text", "icon", "svgIcon", "iconClass", "imageUrl", "popupSettings", "look", "primary", "fillMode", "themeColor", "buttonClass", "textField", "disabled", "data"], outputs: ["itemClick", "open", "close"], exportAs: ["kendoToolBarDropDownButton"] }, { kind: "component", type: i10.ToolBarSeparatorComponent, selector: "kendo-toolbar-separator", exportAs: ["kendoToolBarSeparator"] }, { kind: "component", type: i11.WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }, { kind: "directive", type: i12.LocalizedMessagesDirective, selector: "[kendoSpreadsheetLocalizedMessages]" }, { kind: "directive", type: i13.FormulaInputDirective, selector: "[kendoSpreadsheetFormulaInput]", inputs: ["formulaListMaxHeight"] }, { kind: "component", type: i14.NameBoxComponent, selector: "[kendoSpreadsheetNameBox]", inputs: ["data", "spreadsheetWidget"] }, { kind: "component", type: i15.SheetsBarComponent, selector: "[kendoSpreadsheetSheetsBar]", inputs: ["sheets", "sheetDescriptors"] }, { kind: "directive", type: i16.SpreadsheetBoldDirective, selector: "kendo-toolbar-button[kendoSpreadsheetBold]" }, { kind: "directive", type: i17.SpreadsheetItalicDirective, selector: "kendo-toolbar-button[kendoSpreadsheetItalic]" }, { kind: "directive", type: i18.SpreadsheetUnderlineDirective, selector: "kendo-toolbar-button[kendoSpreadsheetUnderline]" }, { kind: "component", type: i19.SpreadsheetLoadFileComponent, selector: "kendo-spreadsheet-load-file-tool" }, { kind: "directive", type: i20.SpreadsheetSaveFileDirective, selector: "[kendoSpreadsheetSaveFile]" }, { kind: "directive", type: i21.SpreadsheetFormatDirective, selector: "[kendoSpreadsheetFormat]" }, { kind: "directive", type: i22.SpreadsheetUndoDirective, selector: "kendo-toolbar-button[kendoSpreadsheetUndo]" }, { kind: "directive", type: i23.SpreadsheetRedoDirective, selector: "kendo-toolbar-button[kendoSpreadsheetRedo]" }, { kind: "component", type: i24.SpreadsheetFontFamilyComponent, selector: "kendo-toolbar-dropdownlist[kendoSpreadsheetFontFamily]" }, { kind: "component", type: i25.SpreadsheetFontSizeComponent, selector: "kendo-toolbar-dropdownlist[kendoSpreadsheetFontSize]" }, { kind: "component", type: i26.SpreadsheetBackColorComponent, selector: "kendo-spreadsheet-backcolor-tool" }, { kind: "component", type: i27.SpreadsheetForeColorComponent, selector: "kendo-spreadsheet-forecolor-tool" }, { kind: "directive", type: i28.SpreadsheetGridLinesDirective, selector: "kendo-toolbar-button[kendoSpreadsheetGridLines]" }, { kind: "directive", type: i29.SpreadsheetAddColumnLeftButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddColumnLeftButton]" }, { kind: "directive", type: i30.SpreadsheetAddColumnRightButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddColumnRightButton]" }, { kind: "directive", type: i31.SpreadsheetAddRowAboveButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddRowAboveButton]" }, { kind: "directive", type: i32.SpreadsheetAddRowBelowButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddRowBelowButton]" }, { kind: "directive", type: i33.SpreadsheetDeleteColumnButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDeleteColumnButton]" }, { kind: "directive", type: i34.SpreadsheetDeleteRowButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDeleteRowButton]" }, { kind: "directive", type: i35.SpreadsheetTextWrapDirective, selector: "kendo-toolbar-button[kendoSpreadsheetTextWrap]" }, { kind: "directive", type: i36.MainMenuDirective, selector: "[kendoSpreadsheetMenu]" }, { kind: "directive", type: i37.SpreadsheetMergeDirective, selector: "[kendoSpreadsheetMerge]" }, { kind: "directive", type: i38.SpreadsheetInsertLinkDirective, selector: "kendo-toolbar-button[kendoSpreadsheetInsertLink]" }, { kind: "directive", type: i39.SpreadsheetIncreaseFontSizeDirective, selector: "kendo-toolbar-button[kendoSpreadsheetIncreaseFontSize]" }, { kind: "directive", type: i40.SpreadsheetDecreaseFontSizeDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDecreaseFontSize]" }, { kind: "directive", type: i41.SpreadsheetIncreaseDecimalDirective, selector: "kendo-toolbar-button[kendoSpreadsheetIncreaseDecimal]" }, { kind: "directive", type: i42.SpreadsheetDecreaseDecimalDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDecreaseDecimal]" }, { kind: "directive", type: i43.SpreadsheetHorizontalTextAlignDirective, selector: "[kendoSpreadsheetHorizontalTextAlign]" }, { kind: "directive", type: i44.SpreadsheetVerticalTextAlignDirective, selector: "[kendoSpreadsheetVerticalTextAlign]" }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoSpreadsheetLocalizedMessages]" }, { kind: "component", type: MenuComponent, selector: "kendo-menu", inputs: ["appendTo", "menuItemTemplate", "ariaRole", "menuItemLinkTemplate"], outputs: ["select", "open", "close"], exportAs: ["kendoMenu"] }, { kind: "directive", type: MainMenuDirective, selector: "[kendoSpreadsheetMenu]" }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: MenuItemComponent, selector: "kendo-menu-item", inputs: ["text", "url", "disabled", "cssClass", "cssStyle", "icon", "svgIcon", "data", "separator"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ToolBarComponent, selector: "kendo-toolbar", inputs: ["overflow", "resizable", "popupSettings", "tabindex", "size", "tabIndex"], outputs: ["open", "close"], exportAs: ["kendoToolBar"] }, { kind: "component", type: SpreadsheetLoadFileComponent, selector: "kendo-spreadsheet-load-file-tool" }, { kind: "component", type: ToolBarButtonComponent, selector: "kendo-toolbar-button", inputs: ["showText", "showIcon", "text", "style", "className", "title", "disabled", "toggleable", "look", "togglable", "selected", "fillMode", "themeColor", "icon", "iconClass", "svgIcon", "imageUrl"], outputs: ["click", "pointerdown", "selectedChange"], exportAs: ["kendoToolBarButton"] }, { kind: "directive", type: SpreadsheetSaveFileDirective, selector: "[kendoSpreadsheetSaveFile]" }, { kind: "component", type: ToolBarButtonGroupComponent, selector: "kendo-toolbar-buttongroup", inputs: ["disabled", "selection", "width", "look"], exportAs: ["kendoToolBarButtonGroup"] }, { kind: "directive", type: SpreadsheetUndoDirective, selector: "kendo-toolbar-button[kendoSpreadsheetUndo]" }, { kind: "directive", type: SpreadsheetRedoDirective, selector: "kendo-toolbar-button[kendoSpreadsheetRedo]" }, { kind: "component", type: ToolBarSeparatorComponent, selector: "kendo-toolbar-separator", exportAs: ["kendoToolBarSeparator"] }, { kind: "component", type: SpreadsheetFontFamilyComponent, selector: "kendo-toolbar-dropdownlist[kendoSpreadsheetFontFamily]" }, { kind: "component", type: SpreadsheetFontSizeComponent, selector: "kendo-toolbar-dropdownlist[kendoSpreadsheetFontSize]" }, { kind: "directive", type: SpreadsheetIncreaseFontSizeDirective, selector: "kendo-toolbar-button[kendoSpreadsheetIncreaseFontSize]" }, { kind: "directive", type: SpreadsheetDecreaseFontSizeDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDecreaseFontSize]" }, { kind: "directive", type: SpreadsheetBoldDirective, selector: "kendo-toolbar-button[kendoSpreadsheetBold]" }, { kind: "directive", type: SpreadsheetItalicDirective, selector: "kendo-toolbar-button[kendoSpreadsheetItalic]" }, { kind: "directive", type: SpreadsheetUnderlineDirective, selector: "kendo-toolbar-button[kendoSpreadsheetUnderline]" }, { kind: "component", type: SpreadsheetForeColorComponent, selector: "kendo-spreadsheet-forecolor-tool" }, { kind: "component", type: SpreadsheetBackColorComponent, selector: "kendo-spreadsheet-backcolor-tool" }, { kind: "component", type: ToolBarDropDownButtonComponent, selector: "kendo-toolbar-dropdownbutton", inputs: ["arrowIcon", "title", "showText", "showIcon", "text", "icon", "svgIcon", "iconClass", "imageUrl", "popupSettings", "look", "primary", "fillMode", "themeColor", "buttonClass", "textField", "disabled", "data"], outputs: ["itemClick", "open", "close"], exportAs: ["kendoToolBarDropDownButton"] }, { kind: "directive", type: SpreadsheetHorizontalTextAlignDirective, selector: "[kendoSpreadsheetHorizontalTextAlign]" }, { kind: "directive", type: SpreadsheetVerticalTextAlignDirective, selector: "[kendoSpreadsheetVerticalTextAlign]" }, { kind: "directive", type: SpreadsheetTextWrapDirective, selector: "kendo-toolbar-button[kendoSpreadsheetTextWrap]" }, { kind: "directive", type: SpreadsheetFormatDirective, selector: "[kendoSpreadsheetFormat]" }, { kind: "directive", type: SpreadsheetInsertLinkDirective, selector: "kendo-toolbar-button[kendoSpreadsheetInsertLink]" }, { kind: "directive", type: SpreadsheetAddColumnLeftButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddColumnLeftButton]" }, { kind: "directive", type: SpreadsheetAddColumnRightButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddColumnRightButton]" }, { kind: "directive", type: SpreadsheetAddRowBelowButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddRowBelowButton]" }, { kind: "directive", type: SpreadsheetAddRowAboveButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetAddRowAboveButton]" }, { kind: "directive", type: SpreadsheetDeleteColumnButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDeleteColumnButton]" }, { kind: "directive", type: SpreadsheetDeleteRowButtonDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDeleteRowButton]" }, { kind: "directive", type: SpreadsheetDecreaseDecimalDirective, selector: "kendo-toolbar-button[kendoSpreadsheetDecreaseDecimal]" }, { kind: "directive", type: SpreadsheetIncreaseDecimalDirective, selector: "kendo-toolbar-button[kendoSpreadsheetIncreaseDecimal]" }, { kind: "directive", type: SpreadsheetMergeDirective, selector: "[kendoSpreadsheetMerge]" }, { kind: "directive", type: SpreadsheetGridLinesDirective, selector: "kendo-toolbar-button[kendoSpreadsheetGridLines]" }, { kind: "component", type: NameBoxComponent, selector: "[kendoSpreadsheetNameBox]", inputs: ["data", "spreadsheetWidget"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: FormulaInputDirective, selector: "[kendoSpreadsheetFormulaInput]", inputs: ["formulaListMaxHeight"] }, { kind: "component", type: SheetsBarComponent, selector: "[kendoSpreadsheetSheetsBar]", inputs: ["sheets", "sheetDescriptors"] }, { kind: "component", type: ContextMenuComponent, selector: "kendo-contextmenu", inputs: ["showOn", "target", "filter", "alignToAnchor", "vertical", "popupAnimate", "popupAlign", "anchorAlign", "collision", "appendTo", "ariaLabel"], outputs: ["popupOpen", "popupClose", "select", "open", "close"], exportAs: ["kendoContextMenu"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SpreadsheetComponent, decorators: [{
             type: Component,
             args: [{
@@ -1202,6 +1199,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
 
         <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
     `,
+                    standalone: true,
+                    imports: [LocalizedMessagesDirective, MenuComponent, MainMenuDirective, NgFor, MenuItemComponent, NgIf, ToolBarComponent, SpreadsheetLoadFileComponent, ToolBarButtonComponent, SpreadsheetSaveFileDirective, ToolBarButtonGroupComponent, SpreadsheetUndoDirective, SpreadsheetRedoDirective, ToolBarSeparatorComponent, SpreadsheetFontFamilyComponent, SpreadsheetFontSizeComponent, SpreadsheetIncreaseFontSizeDirective, SpreadsheetDecreaseFontSizeDirective, SpreadsheetBoldDirective, SpreadsheetItalicDirective, SpreadsheetUnderlineDirective, SpreadsheetForeColorComponent, SpreadsheetBackColorComponent, ToolBarDropDownButtonComponent, SpreadsheetHorizontalTextAlignDirective, SpreadsheetVerticalTextAlignDirective, SpreadsheetTextWrapDirective, SpreadsheetFormatDirective, SpreadsheetInsertLinkDirective, SpreadsheetAddColumnLeftButtonDirective, SpreadsheetAddColumnRightButtonDirective, SpreadsheetAddRowBelowButtonDirective, SpreadsheetAddRowAboveButtonDirective, SpreadsheetDeleteColumnButtonDirective, SpreadsheetDeleteRowButtonDirective, SpreadsheetDecreaseDecimalDirective, SpreadsheetIncreaseDecimalDirective, SpreadsheetMergeDirective, SpreadsheetGridLinesDirective, NameBoxComponent, IconWrapperComponent, FormulaInputDirective, SheetsBarComponent, ContextMenuComponent, WatermarkOverlayComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i1.IntlService }, { type: i0.ElementRef }, { type: i2.LocalizationService }, { type: i3.SpreadsheetService }, { type: i4.SpreadsheetToolsService }, { type: i5.ErrorHandlingService }, { type: i6.DialogService }]; }, propDecorators: { formulaBarInputRef: [{
                 type: ViewChild,

package/esm2020/spreadsheet.module.mjs

@@ -3,141 +3,44 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-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';
-import { SpreadsheetBoldDirective } from './tools/typographical-emphasis/bold-tool.directive';
-import { SpreadsheetItalicDirective } from './tools/typographical-emphasis/italic-tool.directive';
-import { SpreadsheetUndoDirective } from './tools/history/undo-tool';
-import { SpreadsheetRedoDirective } from './tools/history/redo-tool';
-import { SpreadsheetUnderlineDirective } from './tools/typographical-emphasis/underline-tool.directive';
-import { SpreadsheetLoadFileComponent } from './tools/load-file.component';
-import { SpreadsheetSaveFileDirective } from './tools/save-file-tool.directive';
-import { MessagesDirective } from './localization/messages';
-import { CustomMessagesComponent } from './localization/custom-messages.component';
-import { LocalizedMessagesDirective } from './localization/localized-messages.directive';
-import { SpreadsheetFormatDirective } from './tools/format-tool.directive';
-import { SpreadsheetFontFamilyComponent } from './tools/font-family/spreadsheet-fontfamily-tool.component';
-import { SpreadsheetFontSizeComponent } from './tools/font-size/spreadsheet-fontsize-tool.component';
-import { SpreadsheetBackColorComponent } from './tools/colorpicker/spreadsheet-backcolor.component';
-import { SpreadsheetForeColorComponent } from './tools/colorpicker/spreadsheet-forecolor.component';
-import { SpreadsheetGridLinesDirective } from './tools/gridlines-tool.directive';
-import { SpreadsheetAddColumnLeftButtonDirective } from './tools/tables/add-column-left-button.directive';
-import { SpreadsheetAddColumnRightButtonDirective } from './tools/tables/add-column-right-button.directive';
-import { SpreadsheetAddRowAboveButtonDirective } from './tools/tables/add-row-above-button.directive';
-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/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';
-import { FontSizeDropDownListComponent } from './tools/font-size/font-size-dropdownlist.component';
-import { DialogContentComponent } from './tools/shared/dialog-content.component';
-import { MenusModule } 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 { KENDO_SPREADSHEET } from './directives';
+import { IconsService } from '@progress/kendo-angular-icons';
+import { PopupService } from '@progress/kendo-angular-popup';
+import { ResizeBatchService } from '@progress/kendo-angular-common';
+import { DialogContainerService, DialogService, WindowService, WindowContainerService } from '@progress/kendo-angular-dialog';
 import * as i0 from "@angular/core";
-const DIRECTIVES = [
-    SpreadsheetComponent,
-    MessagesDirective,
-    LocalizedMessagesDirective,
-    CustomMessagesComponent,
-    FormulaListComponent,
-    FormulaInputDirective,
-    NameBoxComponent,
-    SheetsBarComponent,
-    SpreadsheetBoldDirective,
-    SpreadsheetItalicDirective,
-    SpreadsheetUnderlineDirective,
-    SpreadsheetLoadFileComponent,
-    SpreadsheetSaveFileDirective,
-    SpreadsheetFormatDirective,
-    SpreadsheetUndoDirective,
-    SpreadsheetRedoDirective,
-    SpreadsheetFontFamilyComponent,
-    SpreadsheetFontSizeComponent,
-    SpreadsheetBackColorComponent,
-    SpreadsheetForeColorComponent,
-    SpreadsheetGridLinesDirective,
-    SpreadsheetAddColumnLeftButtonDirective,
-    SpreadsheetAddColumnRightButtonDirective,
-    SpreadsheetAddRowAboveButtonDirective,
-    SpreadsheetAddRowBelowButtonDirective,
-    SpreadsheetDeleteColumnButtonDirective,
-    SpreadsheetDeleteRowButtonDirective,
-    SpreadsheetTextAlignDirective,
-    SpreadsheetTextWrapDirective,
-    FontFamilyDropDownListComponent,
-    FontSizeDropDownListComponent,
-    DialogContentComponent,
-    MainMenuDirective,
-    ActionDialogComponent,
-    SpreadsheetMergeDirective,
-    SpreadsheetInsertLinkDirective,
-    InsertLinkDialogComponent,
-    SpreadsheetIncreaseFontSizeDirective,
-    SpreadsheetDecreaseFontSizeDirective,
-    SpreadsheetIncreaseDecimalDirective,
-    SpreadsheetDecreaseDecimalDirective,
-    SpreadsheetHorizontalTextAlignDirective,
-    SpreadsheetVerticalTextAlignDirective
-];
-const EXPORTS = [
-    SpreadsheetComponent,
-    CustomMessagesComponent,
-    SpreadsheetBoldDirective,
-    SpreadsheetItalicDirective,
-    SpreadsheetUnderlineDirective,
-    SpreadsheetLoadFileComponent,
-    SpreadsheetSaveFileDirective,
-    SpreadsheetFormatDirective,
-    SpreadsheetUndoDirective,
-    SpreadsheetRedoDirective,
-    SpreadsheetFontFamilyComponent,
-    SpreadsheetFontSizeComponent,
-    SpreadsheetBackColorComponent,
-    SpreadsheetForeColorComponent,
-    SpreadsheetGridLinesDirective,
-    SpreadsheetAddColumnLeftButtonDirective,
-    SpreadsheetAddColumnRightButtonDirective,
-    SpreadsheetAddRowAboveButtonDirective,
-    SpreadsheetAddRowBelowButtonDirective,
-    SpreadsheetDeleteColumnButtonDirective,
-    SpreadsheetDeleteRowButtonDirective,
-    SpreadsheetTextAlignDirective,
-    SpreadsheetTextWrapDirective,
-    SpreadsheetMergeDirective,
-    SpreadsheetInsertLinkDirective,
-    SpreadsheetIncreaseFontSizeDirective,
-    SpreadsheetDecreaseFontSizeDirective,
-    SpreadsheetIncreaseDecimalDirective,
-    SpreadsheetDecreaseDecimalDirective,
-    SpreadsheetHorizontalTextAlignDirective,
-    SpreadsheetVerticalTextAlignDirective
-];
+import * as i1 from "./spreadsheet.component";
+import * as i2 from "./localization/custom-messages.component";
+import * as i3 from "./tools/typographical-emphasis/bold-tool.directive";
+import * as i4 from "./tools/typographical-emphasis/italic-tool.directive";
+import * as i5 from "./tools/typographical-emphasis/underline-tool.directive";
+import * as i6 from "./tools/load-file.component";
+import * as i7 from "./tools/save-file-tool.directive";
+import * as i8 from "./tools/format-tool.directive";
+import * as i9 from "./tools/history/undo-tool";
+import * as i10 from "./tools/history/redo-tool";
+import * as i11 from "./tools/font-family/spreadsheet-fontfamily-tool.component";
+import * as i12 from "./tools/font-size/spreadsheet-fontsize-tool.component";
+import * as i13 from "./tools/colorpicker/spreadsheet-backcolor.component";
+import * as i14 from "./tools/colorpicker/spreadsheet-forecolor.component";
+import * as i15 from "./tools/gridlines-tool.directive";
+import * as i16 from "./tools/tables/add-column-left-button.directive";
+import * as i17 from "./tools/tables/add-column-right-button.directive";
+import * as i18 from "./tools/tables/add-row-above-button.directive";
+import * as i19 from "./tools/tables/add-row-below-button.directive";
+import * as i20 from "./tools/tables/delete-column-button.directive";
+import * as i21 from "./tools/tables/delete-row-button.directive";
+import * as i22 from "./tools/align/align-tool.directive";
+import * as i23 from "./tools/text-wrap-tool.directive";
+import * as i24 from "./tools/tables/merge-tool.directive";
+import * as i25 from "./tools/insert/insert-link-tool.directive";
+import * as i26 from "./tools/font-size/increase-font-tool.directive";
+import * as i27 from "./tools/font-size/decrease-font-tool.directive";
+import * as i28 from "./tools/increase-decimal-tool.directive";
+import * as i29 from "./tools/decrease-decimal-tool.directive";
+import * as i30 from "./tools/align/horizontal-align-tool.directive";
+import * as i31 from "./tools/align/vertical-align-tool.directive";
+// IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Spreadsheet component.
@@ -145,129 +48,13 @@ const EXPORTS = [
 export class SpreadsheetModule {
 }
 SpreadsheetModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SpreadsheetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SpreadsheetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SpreadsheetModule, declarations: [SpreadsheetComponent,
-        MessagesDirective,
-        LocalizedMessagesDirective,
-        CustomMessagesComponent,
-        FormulaListComponent,
-        FormulaInputDirective,
-        NameBoxComponent,
-        SheetsBarComponent,
-        SpreadsheetBoldDirective,
-        SpreadsheetItalicDirective,
-        SpreadsheetUnderlineDirective,
-        SpreadsheetLoadFileComponent,
-        SpreadsheetSaveFileDirective,
-        SpreadsheetFormatDirective,
-        SpreadsheetUndoDirective,
-        SpreadsheetRedoDirective,
-        SpreadsheetFontFamilyComponent,
-        SpreadsheetFontSizeComponent,
-        SpreadsheetBackColorComponent,
-        SpreadsheetForeColorComponent,
-        SpreadsheetGridLinesDirective,
-        SpreadsheetAddColumnLeftButtonDirective,
-        SpreadsheetAddColumnRightButtonDirective,
-        SpreadsheetAddRowAboveButtonDirective,
-        SpreadsheetAddRowBelowButtonDirective,
-        SpreadsheetDeleteColumnButtonDirective,
-        SpreadsheetDeleteRowButtonDirective,
-        SpreadsheetTextAlignDirective,
-        SpreadsheetTextWrapDirective,
-        FontFamilyDropDownListComponent,
-        FontSizeDropDownListComponent,
-        DialogContentComponent,
-        MainMenuDirective,
-        ActionDialogComponent,
-        SpreadsheetMergeDirective,
-        SpreadsheetInsertLinkDirective,
-        InsertLinkDialogComponent,
-        SpreadsheetIncreaseFontSizeDirective,
-        SpreadsheetDecreaseFontSizeDirective,
-        SpreadsheetIncreaseDecimalDirective,
-        SpreadsheetDecreaseDecimalDirective,
-        SpreadsheetHorizontalTextAlignDirective,
-        SpreadsheetVerticalTextAlignDirective], imports: [CommonModule,
-        ButtonsModule,
-        ComboBoxModule,
-        DropDownListModule,
-        DialogModule,
-        EventsModule,
-        IconsModule,
-        IntlModule,
-        MenusModule,
-        PopupModule,
-        TabStripModule,
-        ToolBarModule,
-        InputsModule,
-        WatermarkModule,
-        LabelModule], exports: [SpreadsheetComponent,
-        CustomMessagesComponent,
-        SpreadsheetBoldDirective,
-        SpreadsheetItalicDirective,
-        SpreadsheetUnderlineDirective,
-        SpreadsheetLoadFileComponent,
-        SpreadsheetSaveFileDirective,
-        SpreadsheetFormatDirective,
-        SpreadsheetUndoDirective,
-        SpreadsheetRedoDirective,
-        SpreadsheetFontFamilyComponent,
-        SpreadsheetFontSizeComponent,
-        SpreadsheetBackColorComponent,
-        SpreadsheetForeColorComponent,
-        SpreadsheetGridLinesDirective,
-        SpreadsheetAddColumnLeftButtonDirective,
-        SpreadsheetAddColumnRightButtonDirective,
-        SpreadsheetAddRowAboveButtonDirective,
-        SpreadsheetAddRowBelowButtonDirective,
-        SpreadsheetDeleteColumnButtonDirective,
-        SpreadsheetDeleteRowButtonDirective,
-        SpreadsheetTextAlignDirective,
-        SpreadsheetTextWrapDirective,
-        SpreadsheetMergeDirective,
-        SpreadsheetInsertLinkDirective,
-        SpreadsheetIncreaseFontSizeDirective,
-        SpreadsheetDecreaseFontSizeDirective,
-        SpreadsheetIncreaseDecimalDirective,
-        SpreadsheetDecreaseDecimalDirective,
-        SpreadsheetHorizontalTextAlignDirective,
-        SpreadsheetVerticalTextAlignDirective] });
-SpreadsheetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SpreadsheetModule, imports: [CommonModule,
-        ButtonsModule,
-        ComboBoxModule,
-        DropDownListModule,
-        DialogModule,
-        EventsModule,
-        IconsModule,
-        IntlModule,
-        MenusModule,
-        PopupModule,
-        TabStripModule,
-        ToolBarModule,
-        InputsModule,
-        WatermarkModule,
-        LabelModule] });
+SpreadsheetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SpreadsheetModule, imports: [i1.SpreadsheetComponent, i2.CustomMessagesComponent, i3.SpreadsheetBoldDirective, i4.SpreadsheetItalicDirective, i5.SpreadsheetUnderlineDirective, i6.SpreadsheetLoadFileComponent, i7.SpreadsheetSaveFileDirective, i8.SpreadsheetFormatDirective, i9.SpreadsheetUndoDirective, i10.SpreadsheetRedoDirective, i11.SpreadsheetFontFamilyComponent, i12.SpreadsheetFontSizeComponent, i13.SpreadsheetBackColorComponent, i14.SpreadsheetForeColorComponent, i15.SpreadsheetGridLinesDirective, i16.SpreadsheetAddColumnLeftButtonDirective, i17.SpreadsheetAddColumnRightButtonDirective, i18.SpreadsheetAddRowAboveButtonDirective, i19.SpreadsheetAddRowBelowButtonDirective, i20.SpreadsheetDeleteColumnButtonDirective, i21.SpreadsheetDeleteRowButtonDirective, i22.SpreadsheetTextAlignDirective, i23.SpreadsheetTextWrapDirective, i24.SpreadsheetMergeDirective, i25.SpreadsheetInsertLinkDirective, i26.SpreadsheetIncreaseFontSizeDirective, i27.SpreadsheetDecreaseFontSizeDirective, i28.SpreadsheetIncreaseDecimalDirective, i29.SpreadsheetDecreaseDecimalDirective, i30.SpreadsheetHorizontalTextAlignDirective, i31.SpreadsheetVerticalTextAlignDirective], exports: [i1.SpreadsheetComponent, i2.CustomMessagesComponent, i3.SpreadsheetBoldDirective, i4.SpreadsheetItalicDirective, i5.SpreadsheetUnderlineDirective, i6.SpreadsheetLoadFileComponent, i7.SpreadsheetSaveFileDirective, i8.SpreadsheetFormatDirective, i9.SpreadsheetUndoDirective, i10.SpreadsheetRedoDirective, i11.SpreadsheetFontFamilyComponent, i12.SpreadsheetFontSizeComponent, i13.SpreadsheetBackColorComponent, i14.SpreadsheetForeColorComponent, i15.SpreadsheetGridLinesDirective, i16.SpreadsheetAddColumnLeftButtonDirective, i17.SpreadsheetAddColumnRightButtonDirective, i18.SpreadsheetAddRowAboveButtonDirective, i19.SpreadsheetAddRowBelowButtonDirective, i20.SpreadsheetDeleteColumnButtonDirective, i21.SpreadsheetDeleteRowButtonDirective, i22.SpreadsheetTextAlignDirective, i23.SpreadsheetTextWrapDirective, i24.SpreadsheetMergeDirective, i25.SpreadsheetInsertLinkDirective, i26.SpreadsheetIncreaseFontSizeDirective, i27.SpreadsheetDecreaseFontSizeDirective, i28.SpreadsheetIncreaseDecimalDirective, i29.SpreadsheetDecreaseDecimalDirective, i30.SpreadsheetHorizontalTextAlignDirective, i31.SpreadsheetVerticalTextAlignDirective] });
+SpreadsheetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SpreadsheetModule, providers: [IconsService, PopupService, ResizeBatchService, DialogContainerService, DialogService, WindowService, WindowContainerService], imports: [i1.SpreadsheetComponent, i6.SpreadsheetLoadFileComponent, i11.SpreadsheetFontFamilyComponent, i12.SpreadsheetFontSizeComponent, i13.SpreadsheetBackColorComponent, i14.SpreadsheetForeColorComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SpreadsheetModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [DIRECTIVES],
-                    exports: [EXPORTS],
-                    imports: [
-                        CommonModule,
-                        ButtonsModule,
-                        ComboBoxModule,
-                        DropDownListModule,
-                        DialogModule,
-                        EventsModule,
-                        IconsModule,
-                        IntlModule,
-                        MenusModule,
-                        PopupModule,
-                        TabStripModule,
-                        ToolBarModule,
-                        InputsModule,
-                        WatermarkModule,
-                        LabelModule
-                    ]
+                    exports: [...KENDO_SPREADSHEET],
+                    imports: [...KENDO_SPREADSHEET],
+                    providers: [IconsService, PopupService, ResizeBatchService, DialogContainerService, DialogService, WindowService, WindowContainerService]
                 }]
         }] });

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

@@ -49,10 +49,11 @@ export class SpreadsheetTextAlignDirective {
     }
 }
 SpreadsheetTextAlignDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SpreadsheetTextAlignDirective, deps: [{ token: i1.ToolBarDropDownButtonComponent }, { token: i2.SpreadsheetLocalizationService }, { token: i3.SpreadsheetService }, { token: i4.SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-SpreadsheetTextAlignDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SpreadsheetTextAlignDirective, selector: "[kendoSpreadsheetTextAlign]", ngImport: i0 });
+SpreadsheetTextAlignDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SpreadsheetTextAlignDirective, isStandalone: true, selector: "[kendoSpreadsheetTextAlign]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SpreadsheetTextAlignDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoSpreadsheetTextAlign]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1.ToolBarDropDownButtonComponent }, { type: i2.SpreadsheetLocalizationService }, { type: i3.SpreadsheetService }, { type: i4.SpreadsheetToolsService }]; } });

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

@@ -49,10 +49,11 @@ export class SpreadsheetHorizontalTextAlignDirective {
     }
 }
 SpreadsheetHorizontalTextAlignDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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: "14.0.0", version: "15.2.10", type: SpreadsheetHorizontalTextAlignDirective, selector: "[kendoSpreadsheetHorizontalTextAlign]", ngImport: i0 });
+SpreadsheetHorizontalTextAlignDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SpreadsheetHorizontalTextAlignDirective, isStandalone: true, selector: "[kendoSpreadsheetHorizontalTextAlign]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SpreadsheetHorizontalTextAlignDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoSpreadsheetHorizontalTextAlign]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1.ToolBarDropDownButtonComponent }, { type: i2.SpreadsheetLocalizationService }, { type: i3.SpreadsheetService }, { type: i4.SpreadsheetToolsService }]; } });

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

@@ -49,10 +49,11 @@ export class SpreadsheetVerticalTextAlignDirective {
     }
 }
 SpreadsheetVerticalTextAlignDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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: "14.0.0", version: "15.2.10", type: SpreadsheetVerticalTextAlignDirective, selector: "[kendoSpreadsheetVerticalTextAlign]", ngImport: i0 });
+SpreadsheetVerticalTextAlignDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SpreadsheetVerticalTextAlignDirective, isStandalone: true, selector: "[kendoSpreadsheetVerticalTextAlign]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SpreadsheetVerticalTextAlignDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoSpreadsheetVerticalTextAlign]',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i1.ToolBarDropDownButtonComponent }, { type: i2.SpreadsheetLocalizationService }, { type: i3.SpreadsheetService }, { type: i4.SpreadsheetToolsService }]; } });

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

@@ -9,15 +9,15 @@ import { SpreadsheetService } from '../../common/spreadsheet.service';
 import { SpreadsheetToolsService } from '../tools.service';
 import { SpreadsheetDropDownToolBase } from '../shared/spreadsheet-dropdown-tools-base';
 import { DialogService } from '@progress/kendo-angular-dialog';
+import { NgIf } from '@angular/common';
+import { IconWrapperComponent } from '@progress/kendo-angular-icons';
+import { ColorPickerComponent } from '@progress/kendo-angular-inputs';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-dialog";
 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 "@angular/common";
-import * as i6 from "@progress/kendo-angular-icons";
-import * as i7 from "@progress/kendo-angular-inputs";
-import * as i8 from "@progress/kendo-angular-toolbar";
+import * as i5 from "@progress/kendo-angular-toolbar";
 /**
  * A component which changes the background color of the text ([more information](ToDo).
  * @hidden
@@ -28,7 +28,7 @@ export class SpreadsheetBackColorComponent extends SpreadsheetDropDownToolBase {
     }
 }
 SpreadsheetBackColorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SpreadsheetBackColorComponent, deps: [{ token: i1.DialogService }, { token: i2.SpreadsheetLocalizationService }, { token: i3.SpreadsheetService }, { token: i4.SpreadsheetToolsService }, { token: ToolBarComponent }], target: i0.ɵɵFactoryTarget.Component });
-SpreadsheetBackColorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SpreadsheetBackColorComponent, selector: "kendo-spreadsheet-backcolor-tool", providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => SpreadsheetBackColorComponent) }], usesInheritance: true, ngImport: i0, template: `
+SpreadsheetBackColorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SpreadsheetBackColorComponent, isStandalone: true, selector: "kendo-spreadsheet-backcolor-tool", providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => SpreadsheetBackColorComponent) }], usesInheritance: true, ngImport: i0, template: `
         <ng-template #toolbarTemplate>
             <kendo-colorpicker
                 #element
@@ -56,7 +56,7 @@ SpreadsheetBackColorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
                 </span>
             </div>
         </ng-template>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: i7.ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "activeView", "readonly", "disabled", "format", "value", "popupSettings", "paletteSettings", "gradientSettings", "icon", "iconClass", "svgIcon", "clearButton", "tabindex", "preview", "actionsLayout", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur", "cancel", "activeColorClick", "clearButtonClick", "activeViewChange"], exportAs: ["kendoColorPicker"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "activeView", "readonly", "disabled", "format", "value", "popupSettings", "paletteSettings", "gradientSettings", "icon", "iconClass", "svgIcon", "clearButton", "tabindex", "preview", "actionsLayout", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur", "cancel", "activeColorClick", "clearButtonClick", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SpreadsheetBackColorComponent, decorators: [{
             type: Component,
             args: [{
@@ -90,9 +90,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 </span>
             </div>
         </ng-template>
-    `
+    `,
+                    standalone: true,
+                    imports: [ColorPickerComponent, IconWrapperComponent, NgIf]
                 }]
-        }], ctorParameters: function () { return [{ type: i1.DialogService }, { type: i2.SpreadsheetLocalizationService }, { type: i3.SpreadsheetService }, { type: i4.SpreadsheetToolsService }, { type: i8.ToolBarComponent, decorators: [{
+        }], ctorParameters: function () { return [{ type: i1.DialogService }, { type: i2.SpreadsheetLocalizationService }, { type: i3.SpreadsheetService }, { type: i4.SpreadsheetToolsService }, { type: i5.ToolBarComponent, decorators: [{
                     type: Inject,
                     args: [ToolBarComponent]
                 }] }]; } });