@progress/kendo-angular-spreadsheet 21.4.1-develop.1 → 22.0.0-develop.1

package/esm2022/spreadsheet.module.mjs

@@ -1,72 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { NgModule } from '@angular/core';
-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";
-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/data-validation-tool.directive";
-import * as i5 from "./tools/typographical-emphasis/italic-tool.directive";
-import * as i6 from "./tools/typographical-emphasis/underline-tool.directive";
-import * as i7 from "./tools/load-file.component";
-import * as i8 from "./tools/save-file-tool.directive";
-import * as i9 from "./tools/format-tool.directive";
-import * as i10 from "./tools/history/undo-tool";
-import * as i11 from "./tools/history/redo-tool";
-import * as i12 from "./tools/font-family/spreadsheet-fontfamily-tool.component";
-import * as i13 from "./tools/font-size/spreadsheet-fontsize-tool.component";
-import * as i14 from "./tools/colorpicker/spreadsheet-backcolor.component";
-import * as i15 from "./tools/colorpicker/spreadsheet-forecolor.component";
-import * as i16 from "./tools/gridlines-tool.directive";
-import * as i17 from "./tools/tables/add-column-left-button.directive";
-import * as i18 from "./tools/tables/add-column-right-button.directive";
-import * as i19 from "./tools/tables/add-row-above-button.directive";
-import * as i20 from "./tools/tables/add-row-below-button.directive";
-import * as i21 from "./tools/tables/delete-column-button.directive";
-import * as i22 from "./tools/tables/delete-row-button.directive";
-import * as i23 from "./tools/align/align-tool.directive";
-import * as i24 from "./tools/text-wrap-tool.directive";
-import * as i25 from "./tools/tables/merge-tool.directive";
-import * as i26 from "./tools/insert/insert-link-tool.directive";
-import * as i27 from "./tools/font-size/increase-font-tool.directive";
-import * as i28 from "./tools/font-size/decrease-font-tool.directive";
-import * as i29 from "./tools/increase-decimal-tool.directive";
-import * as i30 from "./tools/decrease-decimal-tool.directive";
-import * as i31 from "./tools/align/horizontal-align-tool.directive";
-import * as i32 from "./tools/align/vertical-align-tool.directive";
-import * as i33 from "./tools/filter-sort/filter-tool.directive";
-import * as i34 from "./tools/filter-sort/sort-tool.directive";
-// IMPORTANT: NgModule export kept for backwards compatibility
-/**
- * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) definition for the Spreadsheet component.
- *
- * @example
- * ```typescript
- * import { SpreadsheetModule } from '@progress/kendo-angular-spreadsheet';
- *
- * @NgModule({
- *   imports: [SpreadsheetModule]
- * })
- * export class AppModule {}
- * ```
- */
-export class SpreadsheetModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetModule, imports: [i1.SpreadsheetComponent, i2.CustomMessagesComponent, i3.SpreadsheetBoldDirective, i4.SpreadsheetDataValidationDirective, i5.SpreadsheetItalicDirective, i6.SpreadsheetUnderlineDirective, i7.SpreadsheetLoadFileComponent, i8.SpreadsheetSaveFileDirective, i9.SpreadsheetFormatDirective, i10.SpreadsheetUndoDirective, i11.SpreadsheetRedoDirective, i12.SpreadsheetFontFamilyComponent, i13.SpreadsheetFontSizeComponent, i14.SpreadsheetBackColorComponent, i15.SpreadsheetForeColorComponent, i16.SpreadsheetGridLinesDirective, i17.SpreadsheetAddColumnLeftButtonDirective, i18.SpreadsheetAddColumnRightButtonDirective, i19.SpreadsheetAddRowAboveButtonDirective, i20.SpreadsheetAddRowBelowButtonDirective, i21.SpreadsheetDeleteColumnButtonDirective, i22.SpreadsheetDeleteRowButtonDirective, i23.SpreadsheetTextAlignDirective, i24.SpreadsheetTextWrapDirective, i25.SpreadsheetMergeDirective, i26.SpreadsheetInsertLinkDirective, i27.SpreadsheetIncreaseFontSizeDirective, i28.SpreadsheetDecreaseFontSizeDirective, i29.SpreadsheetIncreaseDecimalDirective, i30.SpreadsheetDecreaseDecimalDirective, i31.SpreadsheetHorizontalTextAlignDirective, i32.SpreadsheetVerticalTextAlignDirective, i33.SpreadsheetFilterDirective, i34.SpreadsheetSortDirective], exports: [i1.SpreadsheetComponent, i2.CustomMessagesComponent, i3.SpreadsheetBoldDirective, i4.SpreadsheetDataValidationDirective, i5.SpreadsheetItalicDirective, i6.SpreadsheetUnderlineDirective, i7.SpreadsheetLoadFileComponent, i8.SpreadsheetSaveFileDirective, i9.SpreadsheetFormatDirective, i10.SpreadsheetUndoDirective, i11.SpreadsheetRedoDirective, i12.SpreadsheetFontFamilyComponent, i13.SpreadsheetFontSizeComponent, i14.SpreadsheetBackColorComponent, i15.SpreadsheetForeColorComponent, i16.SpreadsheetGridLinesDirective, i17.SpreadsheetAddColumnLeftButtonDirective, i18.SpreadsheetAddColumnRightButtonDirective, i19.SpreadsheetAddRowAboveButtonDirective, i20.SpreadsheetAddRowBelowButtonDirective, i21.SpreadsheetDeleteColumnButtonDirective, i22.SpreadsheetDeleteRowButtonDirective, i23.SpreadsheetTextAlignDirective, i24.SpreadsheetTextWrapDirective, i25.SpreadsheetMergeDirective, i26.SpreadsheetInsertLinkDirective, i27.SpreadsheetIncreaseFontSizeDirective, i28.SpreadsheetDecreaseFontSizeDirective, i29.SpreadsheetIncreaseDecimalDirective, i30.SpreadsheetDecreaseDecimalDirective, i31.SpreadsheetHorizontalTextAlignDirective, i32.SpreadsheetVerticalTextAlignDirective, i33.SpreadsheetFilterDirective, i34.SpreadsheetSortDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetModule, providers: [IconsService, PopupService, ResizeBatchService, DialogContainerService, DialogService, WindowService, WindowContainerService], imports: [i1.SpreadsheetComponent, i7.SpreadsheetLoadFileComponent, i12.SpreadsheetFontFamilyComponent, i13.SpreadsheetFontSizeComponent, i14.SpreadsheetBackColorComponent, i15.SpreadsheetForeColorComponent] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [...KENDO_SPREADSHEET],
-                    imports: [...KENDO_SPREADSHEET],
-                    providers: [IconsService, PopupService, ResizeBatchService, DialogContainerService, DialogService, WindowService, WindowContainerService]
-                }]
-        }] });

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

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

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

@@ -1,62 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 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 {
-    host;
-    spreadsheetService;
-    toolsService;
-    commandName = 'alignHorizontal';
-    subs = new Subscription();
-    constructor(host, localization, spreadsheetService, toolsService) {
-        this.host = host;
-        this.spreadsheetService = spreadsheetService;
-        this.toolsService = toolsService;
-        host.svgIcon = commandSVGIcons[this.commandName];
-        host.icon = commandIcons[this.commandName];
-        host.arrowIcon = true;
-        host.fillMode = 'flat';
-        host.data = ALIGNS.flatMap(item => item.commandName === 'textAlign' ? [{ ...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);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetHorizontalTextAlignDirective, deps: [{ token: i1.ToolBarDropDownButtonComponent }, { token: i2.SpreadsheetLocalizationService }, { token: i3.SpreadsheetService }, { token: i4.SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: SpreadsheetHorizontalTextAlignDirective, isStandalone: true, selector: "[kendoSpreadsheetHorizontalTextAlign]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetHorizontalTextAlignDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoSpreadsheetHorizontalTextAlign]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.ToolBarDropDownButtonComponent }, { type: i2.SpreadsheetLocalizationService }, { type: i3.SpreadsheetService }, { type: i4.SpreadsheetToolsService }] });

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

@@ -1,62 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 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 {
-    host;
-    spreadsheetService;
-    toolsService;
-    commandName = 'alignVertical';
-    subs = new Subscription();
-    constructor(host, localization, spreadsheetService, toolsService) {
-        this.host = host;
-        this.spreadsheetService = spreadsheetService;
-        this.toolsService = toolsService;
-        host.svgIcon = commandSVGIcons[this.commandName];
-        host.icon = commandIcons[this.commandName];
-        host.arrowIcon = true;
-        host.fillMode = 'flat';
-        host.data = ALIGNS.flatMap(item => item.commandName === 'verticalAlign' ? [{ ...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);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetVerticalTextAlignDirective, deps: [{ token: i1.ToolBarDropDownButtonComponent }, { token: i2.SpreadsheetLocalizationService }, { token: i3.SpreadsheetService }, { token: i4.SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: SpreadsheetVerticalTextAlignDirective, isStandalone: true, selector: "[kendoSpreadsheetVerticalTextAlign]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetVerticalTextAlignDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoSpreadsheetVerticalTextAlign]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.ToolBarDropDownButtonComponent }, { type: i2.SpreadsheetLocalizationService }, { type: i3.SpreadsheetService }, { type: i4.SpreadsheetToolsService }] });

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

@@ -1,142 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, forwardRef, Inject } from '@angular/core';
-import { ToolBarComponent, ToolBarToolComponent } from '@progress/kendo-angular-toolbar';
-import { SpreadsheetLocalizationService } from '../../localization/spreadsheet-localization.service';
-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 { 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 "@progress/kendo-angular-toolbar";
-/**
- * A component which configures an existing `ColorPickerComponent` as a Spreadsheet tool to change the background color.
- *
- * The component associates a `kendo-colorpicker` with a Spreadsheet command that changes the background color of a content block and
- * automatically defines the options of the color picker and sets its values. [See example](slug:toolbar_tools_spreadsheet#home-menu-item-tools).
- * @hidden
- */
-export class SpreadsheetBackColorComponent extends SpreadsheetDropDownToolBase {
-    constructor(dialogService, localization, spreadsheetService, toolsService, toolbar) {
-        super('background', dialogService, localization, spreadsheetService, toolsService, toolbar);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetBackColorComponent, deps: [{ token: i1.DialogService }, { token: i2.SpreadsheetLocalizationService }, { token: i3.SpreadsheetService }, { token: i4.SpreadsheetToolsService }, { token: ToolBarComponent }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SpreadsheetBackColorComponent, isStandalone: true, selector: "kendo-spreadsheet-backcolor-tool", providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => SpreadsheetBackColorComponent) }], usesInheritance: true, ngImport: i0, template: `
-        <ng-template #toolbarTemplate>
-          <div class="k-toolbar-item">
-            <kendo-colorpicker
-              #element
-              [attr.title]="messageFor(command)"
-              [format]="'hex'"
-              [(value)]="value"
-              [tabindex]="tabindex"
-              (valueChange)="onValueChange($event)"
-              [clearButton]="false"
-              fillMode="flat"
-              [icon]="icon"
-              [preview]="true"
-            [svgIcon]="svgIcon"></kendo-colorpicker>
-          </div>
-        </ng-template>
-        <ng-template #popupTemplate>
-          <div #popupButton
-            [tabindex]="tabindex"
-            role="menuitem"
-            class="k-item k-menu-item"
-            (click)="openDialog()">
-            <span
-              class="k-link k-menu-link">
-              <kendo-icon-wrapper [name]="icon" [svgIcon]="svgIcon"></kendo-icon-wrapper>
-              @if (messageFor(command)) {
-                <span class="k-menu-link-text">{{messageFor(command)}}</span>
-              }
-            </span>
-          </div>
-        </ng-template>
-        <ng-template #sectionTemplate>
-          <div class="k-toolbar-item">
-            <kendo-colorpicker
-              #element
-              [attr.title]="messageFor(command)"
-              [format]="'hex'"
-              [(value)]="value"
-              [tabindex]="tabindex"
-              (valueChange)="onValueChange($event)"
-              [clearButton]="false"
-              fillMode="flat"
-              [icon]="icon"
-              [preview]="true"
-            [svgIcon]="svgIcon"></kendo-colorpicker>
-          </div>
-        </ng-template>
-        `, isInline: true, dependencies: [{ kind: "component", type: ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "adaptiveMode", "activeView", "readonly", "disabled", "format", "value", "popupSettings", "paletteSettings", "gradientSettings", "icon", "iconClass", "svgIcon", "adaptiveTitle", "adaptiveSubtitle", "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"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetBackColorComponent, decorators: [{
-            type: Component,
-            args: [{
-                    providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => SpreadsheetBackColorComponent) }],
-                    selector: 'kendo-spreadsheet-backcolor-tool',
-                    template: `
-        <ng-template #toolbarTemplate>
-          <div class="k-toolbar-item">
-            <kendo-colorpicker
-              #element
-              [attr.title]="messageFor(command)"
-              [format]="'hex'"
-              [(value)]="value"
-              [tabindex]="tabindex"
-              (valueChange)="onValueChange($event)"
-              [clearButton]="false"
-              fillMode="flat"
-              [icon]="icon"
-              [preview]="true"
-            [svgIcon]="svgIcon"></kendo-colorpicker>
-          </div>
-        </ng-template>
-        <ng-template #popupTemplate>
-          <div #popupButton
-            [tabindex]="tabindex"
-            role="menuitem"
-            class="k-item k-menu-item"
-            (click)="openDialog()">
-            <span
-              class="k-link k-menu-link">
-              <kendo-icon-wrapper [name]="icon" [svgIcon]="svgIcon"></kendo-icon-wrapper>
-              @if (messageFor(command)) {
-                <span class="k-menu-link-text">{{messageFor(command)}}</span>
-              }
-            </span>
-          </div>
-        </ng-template>
-        <ng-template #sectionTemplate>
-          <div class="k-toolbar-item">
-            <kendo-colorpicker
-              #element
-              [attr.title]="messageFor(command)"
-              [format]="'hex'"
-              [(value)]="value"
-              [tabindex]="tabindex"
-              (valueChange)="onValueChange($event)"
-              [clearButton]="false"
-              fillMode="flat"
-              [icon]="icon"
-              [preview]="true"
-            [svgIcon]="svgIcon"></kendo-colorpicker>
-          </div>
-        </ng-template>
-        `,
-                    standalone: true,
-                    imports: [ColorPickerComponent, IconWrapperComponent]
-                }]
-        }], ctorParameters: () => [{ type: i1.DialogService }, { type: i2.SpreadsheetLocalizationService }, { type: i3.SpreadsheetService }, { type: i4.SpreadsheetToolsService }, { type: i5.ToolBarComponent, decorators: [{
-                    type: Inject,
-                    args: [ToolBarComponent]
-                }] }] });

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

@@ -1,142 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, forwardRef, Inject } from '@angular/core';
-import { ToolBarComponent, ToolBarToolComponent } from '@progress/kendo-angular-toolbar';
-import { DialogService } from '@progress/kendo-angular-dialog';
-import { IconWrapperComponent } from '@progress/kendo-angular-icons';
-import { ColorPickerComponent } from '@progress/kendo-angular-inputs';
-import { SpreadsheetLocalizationService } from '../../localization/spreadsheet-localization.service';
-import { SpreadsheetService } from '../../common/spreadsheet.service';
-import { SpreadsheetToolsService } from '../tools.service';
-import { SpreadsheetDropDownToolBase } from '../shared/spreadsheet-dropdown-tools-base';
-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 "@progress/kendo-angular-toolbar";
-/**
- * A component which configures an existing `ColorPickerComponent` as a Spreadsheet tool to change the text color.
- *
- * The component associates a `kendo-colorpicker` with a Spreadsheet command that changes the foreground color of a content block and
- * automatically defines the options of the color picker and sets its values. [See example](slug:toolbar_tools_spreadsheet#home-menu-item-tools).
- * @hidden
- */
-export class SpreadsheetForeColorComponent extends SpreadsheetDropDownToolBase {
-    constructor(dialogService, localization, spreadsheetService, toolsService, toolbar) {
-        super('color', dialogService, localization, spreadsheetService, toolsService, toolbar);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetForeColorComponent, deps: [{ token: i1.DialogService }, { token: i2.SpreadsheetLocalizationService }, { token: i3.SpreadsheetService }, { token: i4.SpreadsheetToolsService }, { token: ToolBarComponent }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SpreadsheetForeColorComponent, isStandalone: true, selector: "kendo-spreadsheet-forecolor-tool", providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => SpreadsheetForeColorComponent) }], usesInheritance: true, ngImport: i0, template: `
-        <ng-template #toolbarTemplate>
-          <div class="k-toolbar-item">
-            <kendo-colorpicker
-              #element
-              [attr.title]="messageFor(command)"
-              [format]="'hex'"
-              [(value)]="value"
-              [tabindex]="tabindex"
-              (valueChange)="onValueChange($event)"
-              [clearButton]="false"
-              fillMode="flat"
-              [icon]="icon"
-              [svgIcon]="svgIcon"
-            [preview]="true"></kendo-colorpicker>
-          </div>
-        </ng-template>
-        <ng-template #popupTemplate>
-          <div #popupButton
-            [tabindex]="tabindex"
-            role="menuitem"
-            class="k-item k-menu-item"
-            (click)="openDialog()">
-            <span
-              class="k-link k-menu-link">
-              <kendo-icon-wrapper [name]="icon" [svgIcon]="svgIcon"></kendo-icon-wrapper>
-              @if (messageFor(command)) {
-                <span class="k-menu-link-text">{{messageFor(command)}}</span>
-              }
-            </span>
-          </div>
-        </ng-template>
-        <ng-template #sectionTemplate>
-          <div class="k-toolbar-item">
-            <kendo-colorpicker
-              #element
-              [attr.title]="messageFor(command)"
-              [format]="'hex'"
-              [(value)]="value"
-              [tabindex]="tabindex"
-              (valueChange)="onValueChange($event)"
-              [clearButton]="false"
-              fillMode="flat"
-              [icon]="icon"
-              [svgIcon]="svgIcon"
-            [preview]="true"></kendo-colorpicker>
-          </div>
-        </ng-template>
-        `, isInline: true, dependencies: [{ kind: "component", type: ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "adaptiveMode", "activeView", "readonly", "disabled", "format", "value", "popupSettings", "paletteSettings", "gradientSettings", "icon", "iconClass", "svgIcon", "adaptiveTitle", "adaptiveSubtitle", "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"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetForeColorComponent, decorators: [{
-            type: Component,
-            args: [{
-                    providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => SpreadsheetForeColorComponent) }],
-                    selector: 'kendo-spreadsheet-forecolor-tool',
-                    template: `
-        <ng-template #toolbarTemplate>
-          <div class="k-toolbar-item">
-            <kendo-colorpicker
-              #element
-              [attr.title]="messageFor(command)"
-              [format]="'hex'"
-              [(value)]="value"
-              [tabindex]="tabindex"
-              (valueChange)="onValueChange($event)"
-              [clearButton]="false"
-              fillMode="flat"
-              [icon]="icon"
-              [svgIcon]="svgIcon"
-            [preview]="true"></kendo-colorpicker>
-          </div>
-        </ng-template>
-        <ng-template #popupTemplate>
-          <div #popupButton
-            [tabindex]="tabindex"
-            role="menuitem"
-            class="k-item k-menu-item"
-            (click)="openDialog()">
-            <span
-              class="k-link k-menu-link">
-              <kendo-icon-wrapper [name]="icon" [svgIcon]="svgIcon"></kendo-icon-wrapper>
-              @if (messageFor(command)) {
-                <span class="k-menu-link-text">{{messageFor(command)}}</span>
-              }
-            </span>
-          </div>
-        </ng-template>
-        <ng-template #sectionTemplate>
-          <div class="k-toolbar-item">
-            <kendo-colorpicker
-              #element
-              [attr.title]="messageFor(command)"
-              [format]="'hex'"
-              [(value)]="value"
-              [tabindex]="tabindex"
-              (valueChange)="onValueChange($event)"
-              [clearButton]="false"
-              fillMode="flat"
-              [icon]="icon"
-              [svgIcon]="svgIcon"
-            [preview]="true"></kendo-colorpicker>
-          </div>
-        </ng-template>
-        `,
-                    standalone: true,
-                    imports: [ColorPickerComponent, IconWrapperComponent]
-                }]
-        }], ctorParameters: () => [{ type: i1.DialogService }, { type: i2.SpreadsheetLocalizationService }, { type: i3.SpreadsheetService }, { type: i4.SpreadsheetToolsService }, { type: i5.ToolBarComponent, decorators: [{
-                    type: Inject,
-                    args: [ToolBarComponent]
-                }] }] });