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

package/esm2022/tools/save-file-tool.directive.mjs

@@ -1,58 +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 { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
-import { SpreadsheetService } from '../common/spreadsheet.service';
-import { commandIcons, commandSVGIcons } from './shared/command-icons';
-import { Subscription } from 'rxjs';
-import { saveAs } from '@progress/kendo-file-saver';
-import { Workbook } from '@progress/kendo-ooxml';
-import { SpreadsheetLocalizationService } from '../localization/spreadsheet-localization.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";
-/**
- * @hidden
- */
-export class SpreadsheetSaveFileDirective {
-    button;
-    localization;
-    spreadsheetService;
-    subs = new Subscription();
-    constructor(button, localization, spreadsheetService) {
-        this.button = button;
-        this.localization = localization;
-        this.spreadsheetService = spreadsheetService;
-    }
-    ngOnInit() {
-        this.button.title = this.localization.get('saveFile');
-        this.button.icon = commandIcons['download'];
-        this.button.svgIcon = commandSVGIcons['download'];
-        this.button.fillMode = 'flat';
-        this.subs.add(this.button.click.subscribe(() => {
-            const spreadsheet = this.spreadsheetService.spreadsheet;
-            if (spreadsheet) {
-                spreadsheet.saveAsExcel({
-                    ...spreadsheet.options.excel,
-                    saveAs,
-                    Workbook
-                });
-            }
-        }));
-    }
-    ngOnDestroy() {
-        this.subs.unsubscribe();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetSaveFileDirective, deps: [{ token: i1.ToolBarButtonComponent }, { token: i2.SpreadsheetLocalizationService }, { token: i3.SpreadsheetService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: SpreadsheetSaveFileDirective, isStandalone: true, selector: "[kendoSpreadsheetSaveFile]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetSaveFileDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoSpreadsheetSaveFile]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.ToolBarButtonComponent }, { type: i2.SpreadsheetLocalizationService }, { type: i3.SpreadsheetService }] });

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

@@ -1,121 +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 { 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, copyIcon, cutIcon, clipboardIcon, eyeSlashIcon, eyeIcon, exclamationCircleIcon, filterIcon, sortAscIcon, sortDescIcon, sortClearIcon } from '@progress/kendo-svg-icons';
-/**
- * @hidden
- */
-export const commandIcons = {
-    alignCenter: 'align-center',
-    alignJustify: 'align-justify',
-    alignLeft: 'align-left',
-    alignRight: 'align-right',
-    alignTop: 'align-top',
-    alignMiddle: 'align-middle',
-    alignBottom: 'align-bottom',
-    align: 'align-left',
-    alignHorizontal: 'align-left',
-    alignVertical: 'align-middle',
-    background: 'droplet',
-    bold: 'bold',
-    color: 'foreground-color',
-    italic: 'italic',
-    redo: 'arrow-rotate-cw',
-    underline: 'underline',
-    undo: 'arrow-rotate-ccw',
-    wrap: 'text-wrap',
-    addColumnLeft: 'table-column-insert-left',
-    addColumnRight: 'table-column-insert-right',
-    addRowAbove: 'table-row-insert-above',
-    addRowBelow: 'table-row-insert-below',
-    deleteRow: 'table-row-delete',
-    deleteColumn: 'table-column-delete',
-    gridLines: 'borders-none',
-    folderOpen: 'folder-open',
-    download: 'download',
-    format: 'custom-format',
-    fontSize: 'font-size',
-    fontFamily: 'font-family',
-    merge: 'cells-merge',
-    mergeAll: 'cells-merge',
-    mergeHorizontally: 'cells-merge-horizontally',
-    mergeVertically: 'cells-merge-vertically',
-    unmerge: 'table-unmerge',
-    insertLink: 'hyperlink',
-    increaseFontSize: 'font-grow',
-    decreaseFontSize: 'font-shrink',
-    increaseDecimal: 'decimal-increase',
-    decreaseDecimal: 'decimal-decrease',
-    dataValidation: 'exclamation-circle',
-    copy: 'copy',
-    cut: 'cut',
-    paste: 'clipboard',
-    hideRow: 'eye-slash',
-    unhideRow: 'eye',
-    hideColumn: 'eye-slash',
-    unhideColumn: 'eye',
-    filter: 'filter',
-    sort: 'sort-asc',
-    sortAsc: 'sort-asc',
-    sortDesc: 'sort-desc',
-    unsort: 'sort-clear'
-};
-/**
- * @hidden
- */
-export const commandSVGIcons = {
-    alignCenter: alignCenterIcon,
-    alignJustify: alignJustifyIcon,
-    alignLeft: alignLeftIcon,
-    alignRight: alignRightIcon,
-    alignTop: alignTopIcon,
-    alignMiddle: alignMiddleIcon,
-    alignBottom: alignBottomIcon,
-    align: alignLeftIcon,
-    alignHorizontal: alignLeftIcon,
-    alignVertical: alignMiddleIcon,
-    background: dropletIcon,
-    bold: boldIcon,
-    color: foregroundColorIcon,
-    italic: italicIcon,
-    redo: arrowRotateCwIcon,
-    underline: underlineIcon,
-    undo: arrowRotateCcwIcon,
-    wrap: textWrapIcon,
-    addColumnLeft: tableColumnInsertLeftIcon,
-    addColumnRight: tableColumnInsertRightIcon,
-    addRowAbove: tableRowInsertAboveIcon,
-    addRowBelow: tableRowInsertBelowIcon,
-    deleteRow: tableRowDeleteIcon,
-    deleteColumn: tableColumnDeleteIcon,
-    gridLines: bordersNoneIcon,
-    folderOpen: folderOpenIcon,
-    download: downloadIcon,
-    format: customFormatIcon,
-    fontSize: fontSizeIcon,
-    fontFamily: fontFamilyIcon,
-    merge: cellsMergeIcon,
-    mergeAll: cellsMergeIcon,
-    mergeHorizontally: cellsMergeHorizontallyIcon,
-    mergeVertically: cellsMergeVerticallyIcon,
-    unmerge: tableUnmergeIcon,
-    insertLink: linkIcon,
-    increaseFontSize: fontGrowIcon,
-    decreaseFontSize: fontShrinkIcon,
-    decreaseDecimal: decimalDecreaseIcon,
-    dataValidation: exclamationCircleIcon,
-    increaseDecimal: decimalIncreaseIcon,
-    copy: copyIcon,
-    cut: cutIcon,
-    paste: clipboardIcon,
-    hideRow: eyeSlashIcon,
-    unhideRow: eyeIcon,
-    hideColumn: eyeSlashIcon,
-    unhideColumn: eyeIcon,
-    filter: filterIcon,
-    sort: sortAscIcon,
-    sortAsc: sortAscIcon,
-    sortDesc: sortDescIcon,
-    unsort: sortClearIcon
-};

package/esm2022/tools/shared/commands.mjs

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2022/tools/shared/constants.mjs

@@ -1,77 +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 { InjectionToken } from "@angular/core";
-import { commandIcons, commandSVGIcons } from './command-icons';
-const DEFAULT_FONT_FAMILY = 'Arial';
-const DEFAULT_FONT_SIZE = 12;
-/**
- * @hidden
- */
-export const DEFAULT_FONT_VALUES = {
-    fontSize: DEFAULT_FONT_SIZE,
-    fontFamily: DEFAULT_FONT_FAMILY
-};
-/**
- * @hidden
- */
-export const FONT_FAMILIES = ['Arial', 'Courier New', 'Georgia', 'Times New Roman', 'Trebuchet MS', 'Verdana'];
-/**
- * @hidden
- */
-export const FONT_SIZES = [8, 9, 10, 11, 12, 13, 14, 16, 18, 20, 22, 24, 26, 28, 36, 48, 72];
-/**
- * @hidden
- */
-export const FONT_DATA = {
-    fontFamily: FONT_FAMILIES,
-    fontSize: FONT_SIZES
-};
-/**
- * @hidden
- */
-export const FORMATS = [
-    { text: 'Automatic', value: null },
-    { text: 'Text', value: '@' },
-    { text: 'Number', value: '#,0.00' },
-    { text: 'Percent', value: '0.00%' },
-    { text: 'Financial', value: '_("$"* #,##0.00_);_("$"* (#,##0.00);_("$"* "-"??_);_(@_)' },
-    { text: 'Currency', value: '$#,##0.00;[Red]$#,##0.00' },
-    { text: 'Date', value: 'm/d/yyyy' },
-    { text: 'Time', value: 'h:mm:ss AM/PM' },
-    { text: 'Date time', value: 'm/d/yyyy h:mm' },
-    { text: 'Duration', value: '[h]:mm:ss' }
-];
-/**
- * @hidden
- */
-export const ALIGNS = [
-    { 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, 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
- */
-export const SORT = [
-    { icon: commandIcons.sortAsc, svgIcon: commandSVGIcons.sortAsc, textKey: 'Sort range A to Z', commandName: 'sortAsc', value: 'asc', disabled: false, commandId: 'sortAsc' },
-    { icon: commandIcons.sortDesc, svgIcon: commandSVGIcons.sortDesc, textKey: 'Sort range Z to A', commandName: 'sortDesc', value: 'desc', disabled: false, commandId: 'sortDesc' }
-];
-/**
- * @hidden
- */
-export const MY_TOKEN = new InjectionToken('COMMAND_TOKEN');

package/esm2022/tools/shared/dialog-content.component.mjs

@@ -1,130 +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 } from '@angular/core';
-import { DialogRef, DialogContentBase } from '@progress/kendo-angular-dialog';
-import { ColorPickerComponent } from '@progress/kendo-angular-inputs';
-import { FontSizeDropDownListComponent } from '../font-size/font-size-dropdownlist.component';
-import { FontFamilyDropDownListComponent } from '../font-family/font-family-dropdownlist.component';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-dialog";
-/**
- * @hidden
- */
-export class DialogContentComponent extends DialogContentBase {
-    dialog;
-    data = [];
-    value;
-    tabindex;
-    componentType;
-    title;
-    constructor(dialog) {
-        super(dialog);
-        this.dialog = dialog;
-    }
-    setData(args) {
-        this.data = args.data;
-        this.value = args.value;
-        this.tabindex = args.tabindex;
-        this.componentType = args.componentType;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DialogContentComponent, deps: [{ token: i1.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: DialogContentComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-        <div
-          class="k-d-flex k-align-items-center k-justify-content-center">
-          @switch (componentType) {
-            @case ('fontFamily') {
-              <kendo-spreadsheet-fontfamily-dropdownlist
-                [data]="data"
-                [(value)]="value"
-                [attr.title]="title"
-                [tabindex]="tabindex"
-                [style.width.em]="13"
-              ></kendo-spreadsheet-fontfamily-dropdownlist>
-            }
-            @case ('fontSize') {
-              <kendo-spreadsheet-fontsize-dropdownlist
-                [data]="data"
-                [(value)]="value"
-                [attr.title]="title"
-                [tabindex]="tabindex"
-                [style.width.em]="13"
-              ></kendo-spreadsheet-fontsize-dropdownlist>
-            }
-            @case ('color') {
-              <kendo-colorpicker
-                [attr.title]="title"
-                [format]="'hex'"
-                [(value)]="value"
-                [tabindex]="tabindex"
-                [clearButton]="false"
-                fillMode="flat"
-              ></kendo-colorpicker>
-            }
-            @case ('background') {
-              <kendo-colorpicker
-                [attr.title]="title"
-                [format]="'hex'"
-                [(value)]="value"
-                [tabindex]="tabindex"
-                [clearButton]="false"
-                fillMode="flat"
-              ></kendo-colorpicker>
-            }
-          }
-        </div>
-        `, isInline: true, dependencies: [{ kind: "component", type: FontFamilyDropDownListComponent, selector: "kendo-spreadsheet-fontfamily-dropdownlist" }, { kind: "component", type: FontSizeDropDownListComponent, selector: "kendo-spreadsheet-fontsize-dropdownlist" }, { 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"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DialogContentComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: `
-        <div
-          class="k-d-flex k-align-items-center k-justify-content-center">
-          @switch (componentType) {
-            @case ('fontFamily') {
-              <kendo-spreadsheet-fontfamily-dropdownlist
-                [data]="data"
-                [(value)]="value"
-                [attr.title]="title"
-                [tabindex]="tabindex"
-                [style.width.em]="13"
-              ></kendo-spreadsheet-fontfamily-dropdownlist>
-            }
-            @case ('fontSize') {
-              <kendo-spreadsheet-fontsize-dropdownlist
-                [data]="data"
-                [(value)]="value"
-                [attr.title]="title"
-                [tabindex]="tabindex"
-                [style.width.em]="13"
-              ></kendo-spreadsheet-fontsize-dropdownlist>
-            }
-            @case ('color') {
-              <kendo-colorpicker
-                [attr.title]="title"
-                [format]="'hex'"
-                [(value)]="value"
-                [tabindex]="tabindex"
-                [clearButton]="false"
-                fillMode="flat"
-              ></kendo-colorpicker>
-            }
-            @case ('background') {
-              <kendo-colorpicker
-                [attr.title]="title"
-                [format]="'hex'"
-                [(value)]="value"
-                [tabindex]="tabindex"
-                [clearButton]="false"
-                fillMode="flat"
-              ></kendo-colorpicker>
-            }
-          }
-        </div>
-        `,
-                    standalone: true,
-                    imports: [FontFamilyDropDownListComponent, FontSizeDropDownListComponent, ColorPickerComponent]
-                }]
-        }], ctorParameters: () => [{ type: i1.DialogRef }] });

package/esm2022/tools/shared/spreadsheet-command-base.mjs

@@ -1,73 +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 { Subscription } from 'rxjs';
-import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { SpreadsheetService } from '../../common/spreadsheet.service';
-import { Directive, Inject } from '@angular/core';
-import { SpreadsheetToolsService } from '../tools.service';
-import { commandIcons, commandSVGIcons } from './command-icons';
-import { MY_TOKEN } from './constants';
-import { take } from 'rxjs/operators';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-toolbar";
-import * as i2 from "@progress/kendo-angular-l10n";
-import * as i3 from "../../common/spreadsheet.service";
-import * as i4 from "../tools.service";
-/**
- * @hidden
- */
-export class SpreadsheetCommandBaseDirective {
-    command;
-    button;
-    localization;
-    spreadsheetService;
-    toolsService;
-    subs = new Subscription();
-    constructor(command, button, localization, spreadsheetService, toolsService) {
-        this.command = command;
-        this.button = button;
-        this.localization = localization;
-        this.spreadsheetService = spreadsheetService;
-        this.toolsService = toolsService;
-        const text = this.localization.get(this.command);
-        if (text) {
-            this.button.showText = 'menu';
-            this.button.showIcon = 'always';
-            this.button.text = text;
-        }
-        if (!this.button.toolbarOptions.icon) {
-            this.button.icon = commandIcons[this.command];
-        }
-        if (!this.button.toolbarOptions.svgIcon) {
-            this.button.svgIcon = commandSVGIcons[this.command];
-        }
-        this.button.title = text;
-        this.button.fillMode = 'flat';
-        this.subs.add(this.toolsService.stateChange.subscribe(state => {
-            this.toolsService.ngZone.onStable.pipe(take(1)).subscribe(() => this.button.selected = state[command]);
-        }));
-    }
-    ngOnInit() {
-        this.subs.add(this.button.click.subscribe((this.clickHandler.bind(this))));
-        this.subs.add(this.button.pointerdown.subscribe((this.pointerdownHandler.bind(this))));
-    }
-    ngOnDestroy() {
-        this.subs.unsubscribe();
-    }
-    clickHandler() { }
-    pointerdownHandler(_event) { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetCommandBaseDirective, deps: [{ token: MY_TOKEN }, { token: i1.ToolBarButtonComponent }, { token: i2.LocalizationService }, { token: i3.SpreadsheetService }, { token: i4.SpreadsheetToolsService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: SpreadsheetCommandBaseDirective, selector: "[kendoSpreadsheetCommandBase]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetCommandBaseDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoSpreadsheetCommandBase]'
-                }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MY_TOKEN]
-                }] }, { type: i1.ToolBarButtonComponent }, { type: i2.LocalizationService }, { type: i3.SpreadsheetService }, { type: i4.SpreadsheetToolsService }] });

package/esm2022/tools/shared/spreadsheet-command-button.mjs

@@ -1,31 +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 { SpreadsheetCommandBaseDirective } from './spreadsheet-command-base';
-/**
- * @hidden
- */
-export class SpreadsheetCommandButton extends SpreadsheetCommandBaseDirective {
-    command;
-    button;
-    localization;
-    spreadsheetService;
-    toolsService;
-    commandOptions;
-    constructor(command, button, localization, spreadsheetService, toolsService, commandOptions) {
-        super(command, button, localization, spreadsheetService, toolsService);
-        this.command = command;
-        this.button = button;
-        this.localization = localization;
-        this.spreadsheetService = spreadsheetService;
-        this.toolsService = toolsService;
-        this.commandOptions = commandOptions;
-    }
-    clickHandler() {
-        if (this.commandOptions.command === 'PropertyChangeCommand') {
-            this.commandOptions.options.value = !this.toolsService.toolsState[this.command];
-        }
-        this.spreadsheetService.spreadsheet.executeCommand(this.commandOptions);
-    }
-}