@progress/kendo-angular-spreadsheet 21.4.1 → 22.0.0

package/esm2022/localization/spreadsheet-localization.service.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 { Inject, Injectable, Optional } from '@angular/core';
-import { LocalizationService, L10N_PREFIX, MessageService, RTL } from '@progress/kendo-angular-l10n';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-/**
- * @hidden
- */
-export class SpreadsheetLocalizationService extends LocalizationService {
-    constructor(prefix, messageService, _rtl) {
-        super(prefix, messageService, _rtl);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetLocalizationService, deps: [{ token: L10N_PREFIX }, { token: i1.MessageService, optional: true }, { token: RTL, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetLocalizationService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SpreadsheetLocalizationService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [L10N_PREFIX]
-                }] }, { type: i1.MessageService, decorators: [{
-                    type: Optional
-                }] }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [RTL]
-                }] }] });

package/esm2022/models/cell-editor-action-args.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/models/cell-editor-options.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/models/events.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/models/filter-menu-item.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/models/index.mjs

@@ -1,11 +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 * from './sheet-info';
-export * from './main-menu-item';
-export * from './events';
-export * from './cell-editor-options';
-export * from './cell-editor-action-args';
-export * from './filter-menu-item';
-export * from './range-filter-value';

package/esm2022/models/main-menu-item.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/models/range-filter-value.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/models/sheet-info.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/package-metadata.mjs

@@ -1,16 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export const packageMetadata = {
-    name: '@progress/kendo-angular-spreadsheet',
-    productName: 'Kendo UI for Angular',
-    productCode: 'KENDOUIANGULAR',
-    productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1768393214,
-    version: '21.4.1',
-    licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning',
-};

package/esm2022/progress-kendo-angular-spreadsheet.mjs

@@ -1,8 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './index';

package/esm2022/sheets-bar/action-dialog.component.mjs

@@ -1,78 +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 { TextBoxComponent } from '@progress/kendo-angular-inputs';
-import { LabelComponent } from '@progress/kendo-angular-label';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-dialog";
-/**
- * @hidden
- */
-export class ActionDialogComponent extends DialogContentBase {
-    dialog;
-    commandName;
-    value;
-    tabindex;
-    constructor(dialog) {
-        super(dialog);
-        this.dialog = dialog;
-    }
-    setData(args) {
-        this.value = args.value;
-        this.tabindex = args.tabindex;
-        this.commandName = args.commandName;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ActionDialogComponent, deps: [{ token: i1.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ActionDialogComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-        @if (commandName === 'delete') {
-          <p>The deleted sheet data will be lost.</p>
-          <p>Are you sure you want to proceed?</p>
-        }
-        
-        @if (commandName === 'rename') {
-          <form class="k-form k-form-md" method="dialog">
-            <div class="k-form-field">
-              <kendo-label [for]="textbox" text="Rename sheet"></kendo-label>
-              <div class="k-form-field-wrap">
-                <kendo-textbox #textbox
-                  autocomplete="off"
-                  placeholder="Sheet name"
-                  [(value)]="value">
-                </kendo-textbox>
-              </div>
-            </div>
-          </form>
-        }
-        `, isInline: true, dependencies: [{ kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ActionDialogComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: `
-        @if (commandName === 'delete') {
-          <p>The deleted sheet data will be lost.</p>
-          <p>Are you sure you want to proceed?</p>
-        }
-        
-        @if (commandName === 'rename') {
-          <form class="k-form k-form-md" method="dialog">
-            <div class="k-form-field">
-              <kendo-label [for]="textbox" text="Rename sheet"></kendo-label>
-              <div class="k-form-field-wrap">
-                <kendo-textbox #textbox
-                  autocomplete="off"
-                  placeholder="Sheet name"
-                  [(value)]="value">
-                </kendo-textbox>
-              </div>
-            </div>
-          </form>
-        }
-        `,
-                    standalone: true,
-                    imports: [LabelComponent, TextBoxComponent]
-                }]
-        }], ctorParameters: () => [{ type: i1.DialogRef }] });

package/esm2022/sheets-bar/sheets-bar.component.mjs

@@ -1,433 +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, ElementRef, HostBinding, Input, NgZone, QueryList, Renderer2, ViewChild, ViewChildren } from '@angular/core';
-import { Subscription } from 'rxjs';
-import { take } from 'rxjs/operators';
-import { ButtonComponent, DropDownButtonComponent } from '@progress/kendo-angular-buttons';
-import { Keys, isDocumentAvailable, isPresent, EventsOutsideAngularDirective, normalizeKeys } from '@progress/kendo-angular-common';
-import { DialogService } from '@progress/kendo-angular-dialog';
-import { TabStripComponent, TabTemplateDirective, TabStripTabComponent } from '@progress/kendo-angular-layout';
-import { caretAltDownIcon, menuIcon, plusIcon, eyeIcon, eyeSlashIcon } from '@progress/kendo-svg-icons';
-import { SpreadsheetService } from '../common/spreadsheet.service';
-import { SpreadsheetLocalizationService } from '../localization/spreadsheet-localization.service';
-import { ActionDialogComponent } from './action-dialog.component';
-import { mapToSheetDescriptor } from '../utils';
-import { getSheetActions } from './utils';
-import * as i0 from "@angular/core";
-import * as i1 from "../common/spreadsheet.service";
-import * as i2 from "../localization/spreadsheet-localization.service";
-import * as i3 from "@progress/kendo-angular-dialog";
-/**
- * @hidden
- */
-export class SheetsBarComponent {
-    spreadsheetService;
-    element;
-    renderer;
-    localization;
-    dialogService;
-    ngZone;
-    hostClasses = true;
-    trackByItemKey = (index, item) => this.hiding ? item : index;
-    sheets;
-    sheetDescriptors;
-    subs = new Subscription();
-    hiding = false;
-    constructor(spreadsheetService, element, renderer, localization, dialogService, ngZone) {
-        this.spreadsheetService = spreadsheetService;
-        this.element = element;
-        this.renderer = renderer;
-        this.localization = localization;
-        this.dialogService = dialogService;
-        this.ngZone = ngZone;
-        this.subs.add(spreadsheetService.onSheetsBarFocus.subscribe(() => ngZone.run(() => this.tabstrip.selectTab(this.sheets.findIndex(sh => sh.text === spreadsheetService.currentActiveSheet)))));
-    }
-    addButton;
-    menuButton;
-    tabstrip;
-    actionDdbs;
-    actionDdbRefs;
-    get activeSheet() {
-        return this.spreadsheetService.spreadsheet?.activeSheet()?.name();
-    }
-    plusIcon = plusIcon;
-    menuIcon = menuIcon;
-    caretAltDownIcon = caretAltDownIcon;
-    selected = false;
-    sheetsMenuList = [];
-    openedDdb = null;
-    tabListSub;
-    hiddenStateIcons = {
-        hidden: 'eye-slash',
-        visible: 'eye'
-    };
-    hiddenStateSVGIcons = {
-        hidden: eyeSlashIcon,
-        visible: eyeIcon
-    };
-    get tablistId() {
-        return this.spreadsheetService.tablistId;
-    }
-    ngAfterViewInit() {
-        if (!isDocumentAvailable() || !this.element.nativeElement) {
-            return;
-        }
-        const tablist = this.element.nativeElement.querySelector('.k-tabstrip-items');
-        this.renderer.setAttribute(tablist, 'id', this.tablistId);
-        this.tabListSub = this.renderer.listen(tablist, 'keydown', this.onTabListKeyDown.bind(this));
-    }
-    ngOnChanges(changes) {
-        if (changes['sheets']) {
-            this.sheetsMenuList = this.sheets?.map(sheet => ({
-                text: sheet.text,
-                icon: this.hiddenStateIcons[sheet.state],
-                svgIcon: this.hiddenStateSVGIcons[sheet.state]
-            }));
-            this.sheets = changes['sheets'].currentValue?.map((sheet, _, items) => ({
-                ...sheet,
-                sheetActions: getSheetActions(items, sheet)
-                    .map(item => ({ ...item, text: this.messageFor(item.messageKey) }))
-            }));
-        }
-    }
-    ngOnDestroy() {
-        if (this.tabListSub) {
-            this.tabListSub();
-        }
-        this.subs.unsubscribe();
-    }
-    onAddClick = () => {
-        if (this.spreadsheetService.spreadsheet) {
-            this.spreadsheetService.spreadsheet.view.sheetsbar.onAddSelect();
-            this.notifySheetsChange();
-        }
-    };
-    onTabSelect(ev) {
-        if (ev.title !== this.activeSheet) {
-            this.selectSheet(ev.title);
-        }
-    }
-    onOpen(ddb) {
-        if (isPresent(this.openedDdb) && this.openedDdb !== ddb) {
-            this.openedDdb.toggle(false);
-        }
-        this.openedDdb = ddb;
-    }
-    onClose() {
-        this.openedDdb = null;
-        const activeTabIdx = this.sheets.findIndex(sheet => sheet.active);
-        this.tabstrip.selectTab(activeTabIdx);
-    }
-    onActionClick(dataItem, sheet) {
-        if (dataItem.disabled) {
-            return;
-        }
-        if (dataItem.commandName === 'delete' || dataItem.commandName === 'rename') {
-            this.openDialog(dataItem, sheet);
-        }
-        else {
-            this.actionsCallback[dataItem.commandName](sheet, dataItem.messageKey);
-        }
-    }
-    onMenuItemClick(item) {
-        const sheet = this.sheets.find(s => s.text === item.text);
-        sheet.state = 'visible';
-        this.spreadsheetService.spreadsheet.sheets().find(sh => sh.name() === sheet.text)._state('visible');
-        this.selectSheet(sheet.text);
-    }
-    messageFor(key) {
-        return this.localization.get(key);
-    }
-    openDialog(dataItem, sheet) {
-        const dialogSettings = {
-            appendTo: this.spreadsheetService.dialogContainer,
-            title: this.messageFor(dataItem.commandName),
-            content: ActionDialogComponent,
-            actions: [{
-                    text: this.messageFor(dataItem.dialogButton),
-                    themeColor: 'primary'
-                }, {
-                    text: this.messageFor('dialogCancel')
-                }],
-            actionsLayout: 'stretched',
-            autoFocusedElement: '.k-textbox .k-input-inner, .k-button-solid-primary'
-        };
-        const dialog = this.dialogService.open(dialogSettings);
-        const dialogInstance = dialog.dialog.instance;
-        const dialogContent = dialog.content.instance;
-        dialogInstance.action.pipe(take(1)).subscribe((event) => {
-            if (event.text === this.messageFor(dataItem.dialogButton)) {
-                const sheetsBar = this.spreadsheetService.spreadsheet.view.sheetsbar;
-                if (sheetsBar) {
-                    const allSheets = this.spreadsheetService.spreadsheet.sheets();
-                    const sheetIndex = allSheets.findIndex(s => s.name() === sheet.text);
-                    dataItem.commandName === 'delete' ? sheetsBar.onSheetRemove(sheet.text) : sheetsBar.onSheetRename(dialogContent.value, sheetIndex);
-                    this.notifySheetsChange();
-                }
-            }
-        });
-        dialogContent.setData({
-            value: sheet.text,
-            tabindex: -1,
-            commandName: dataItem.commandName
-        });
-    }
-    getCopyRegex(sheetName) {
-        const newName = sheetName.replaceAll('(', '\\(').replaceAll(')', '\\)');
-        const st = `(${newName})\\s?\\(`;
-        return new RegExp(st, 's');
-    }
-    actionsCallback = {
-        copy: (sheetInfo) => {
-            let copies = 0;
-            const regex = this.getCopyRegex(sheetInfo.text);
-            this.sheets.forEach(sheet => {
-                const isPresent = regex.test(sheet.text);
-                if (isPresent) {
-                    copies += 1;
-                }
-            });
-            const sheetToCopy = this.spreadsheetService.spreadsheet.sheets().find(s => s.name() === sheetInfo.text);
-            const newName = `${sheetInfo.text} (${copies + 1})`;
-            this.spreadsheetService.spreadsheet.insertSheet({ data: { ...sheetToCopy.toJSON(), name: newName }, index: sheetInfo.index + 1 });
-            this.selectSheet(newName);
-        },
-        move: (sheetInfo, itemKey) => {
-            const isMoveRight = itemKey === 'sheetMoveRight';
-            let oldIndex = -1;
-            let newIndex = -1;
-            const sheets = this.spreadsheetService.spreadsheet.sheets();
-            if (isMoveRight) {
-                for (let i = 0; i < sheets.length; i++) {
-                    if (sheets[i].name() === sheetInfo.text) {
-                        oldIndex = i;
-                    }
-                    if (oldIndex > -1 && i > oldIndex && sheets[i]._state() === 'visible') {
-                        newIndex = i;
-                        break;
-                    }
-                }
-            }
-            else {
-                for (let i = sheets.length - 1; i >= 0; i--) {
-                    if (sheets[i].name() === sheetInfo.text) {
-                        oldIndex = i;
-                    }
-                    if (oldIndex > -1 && (i < oldIndex) && sheets[i]._state() === 'visible') {
-                        newIndex = i;
-                        break;
-                    }
-                }
-            }
-            const sheetsBar = this.spreadsheetService.spreadsheet.view.sheetsbar;
-            sheetsBar.onSheetReorderEnd({ oldIndex, newIndex });
-            this.selectSheet(sheetInfo.text);
-            this.notifySheetsChange();
-        },
-        hide: (sheet) => {
-            this.hiding = true;
-            sheet.state = 'hidden';
-            const sheets = this.spreadsheetService.spreadsheet.sheets();
-            const sheetIndex = sheets.findIndex(s => s.name() === sheet.text);
-            sheets[sheetIndex]._state('hidden');
-            const newSelectedIndex = sheetIndex < sheets.length - 1 ? sheetIndex + 1 : 0;
-            const sheetToSelect = sheets[newSelectedIndex].name();
-            this.selectSheet(sheetToSelect);
-            this.notifySheetsChange();
-        }
-    };
-    selectSheet(sheetName) {
-        const spreadsheetSheet = this.spreadsheetService.spreadsheet.sheets().find(s => s.name() === sheetName);
-        this.spreadsheetService.spreadsheet.activeSheet(spreadsheetSheet);
-        this.spreadsheetService.currentActiveSheet = sheetName;
-        this.spreadsheetService.activeSheetChanged.next(spreadsheetSheet);
-        this.notifySheetsChange();
-    }
-    onTabListKeyDown(ev) {
-        const buttonEl = ev.target.querySelector('kendo-dropdownbutton');
-        const index = Array.from(this.actionDdbRefs).findIndex(el => el.nativeElement === buttonEl);
-        const ddb = Array.from(this.actionDdbs)[index];
-        if (!ddb) {
-            return;
-        }
-        const altKey = ev.altKey;
-        const code = normalizeKeys(ev);
-        const arrowDown = code === Keys.ArrowDown;
-        const shouldOpenDdb = altKey && arrowDown && !ddb.isOpen;
-        if (shouldOpenDdb) {
-            ev.preventDefault();
-            ddb.togglePopupVisibility();
-        }
-    }
-    notifySheetsChange() {
-        this.ngZone.run(() => {
-            const newSheets = this.spreadsheetService.spreadsheet.sheets();
-            const sheetDesc = mapToSheetDescriptor(newSheets);
-            this.sheets = sheetDesc
-                .flatMap((item, index, items) => item.state === 'visible' ? [{
-                    ...item,
-                    inEdit: false,
-                    first: index === 0,
-                    last: index === items.length - 1,
-                    text: item.name,
-                    active: (item.name === this.activeSheet) || items.length === 1,
-                    index,
-                    sheetActions: getSheetActions(items, item)
-                        .map(item => ({ ...item, text: this.messageFor(item.messageKey) }))
-                }] : []);
-            this.sheetsMenuList = this.sheets?.map(sheet => ({
-                text: sheet.text,
-                icon: this.hiddenStateIcons[sheet.state],
-                svgIcon: this.hiddenStateSVGIcons[sheet.state]
-            }));
-        });
-        this.ngZone.onStable.pipe(take(1)).subscribe(() => { this.spreadsheetService.spreadsheet.view.clipboard.focus(); this.hiding = false; });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SheetsBarComponent, deps: [{ token: i1.SpreadsheetService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.SpreadsheetLocalizationService }, { token: i3.DialogService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SheetsBarComponent, isStandalone: true, selector: "[kendoSpreadsheetSheetsBar]", inputs: { sheets: "sheets", sheetDescriptors: "sheetDescriptors" }, host: { properties: { "class.k-spreadsheet-sheets-bar": "this.hostClasses" } }, viewQueries: [{ propertyName: "addButton", first: true, predicate: ["addButton"], descendants: true }, { propertyName: "menuButton", first: true, predicate: ["menuButton"], descendants: true }, { propertyName: "tabstrip", first: true, predicate: ["tabstrip"], descendants: true }, { propertyName: "actionDdbs", predicate: ["sheetDdb"], descendants: true }, { propertyName: "actionDdbRefs", predicate: ["sheetDdb"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: `
-        <button kendoButton #addButton
-          [title]="messageFor('addSheet')"
-          type="button"
-          fillMode="flat"
-          class="k-spreadsheet-sheet-add"
-          icon="plus"
-          [svgIcon]="plusIcon"
-          [kendoEventsOutsideAngular]="{click: onAddClick}"
-          [attr.aria-controls]="tablistId">
-        </button>
-        <kendo-dropdownbutton #menuButton
-          fillMode="flat"
-          buttonClass="k-spreadsheet-sheets-menu"
-          icon="menu"
-          [svgIcon]="menuIcon"
-          [data]="sheetsMenuList"
-          (itemClick)="onMenuItemClick($event)"
-          (open)="onOpen(menuButton)"
-          [buttonAttributes]="{title: messageFor('sheetsMenu')}"
-          [attr.aria-controls]="tablistId">
-        </kendo-dropdownbutton>
-        <kendo-tabstrip #tabstrip
-          [tabPosition]="'bottom'"
-          [showContentArea]="false"
-          [scrollable]="{ scrollButtonsPosition: 'end', mouseScroll: false }"
-          class="k-spreadsheet-sheets"
-          (tabSelect)="onTabSelect($event)">
-          @for (sheet of sheets; track trackByItemKey($index, sheet)) {
-            @if (sheet.state === 'visible') {
-              <kendo-tabstrip-tab
-                [title]="sheet.text"
-                [selected]="sheet.text === activeSheet">
-                <ng-template kendoTabTemplate>
-                  <span class="k-link">
-                    <span class="k-link-text">{{sheet.text}}</span>
-                  </span>
-                  <span class="k-item-actions">
-                    <kendo-dropdownbutton #sheetDdb
-                      fillMode="flat"
-                      icon="caret-alt-down"
-                      [svgIcon]="caretAltDownIcon"
-                      buttonClass="k-menu-button"
-                      [data]="sheet.sheetActions"
-                      [buttonAttributes]="{'aria-hidden': 'true', 'tabindex': '-1', role: 'presentation'}"
-                      (open)="onOpen(sheetDdb)"
-                      (close)="onClose()"
-                      (click)="$event.stopPropagation()"
-                      (itemClick)="onActionClick($event, sheet)">
-                    </kendo-dropdownbutton>
-                  </span>
-                </ng-template>
-              </kendo-tabstrip-tab>
-            }
-          }
-        </kendo-tabstrip>
-        `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }, { kind: "component", type: TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "size", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: TabTemplateDirective, selector: "[kendoTabTemplate]" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SheetsBarComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: '[kendoSpreadsheetSheetsBar]',
-                    template: `
-        <button kendoButton #addButton
-          [title]="messageFor('addSheet')"
-          type="button"
-          fillMode="flat"
-          class="k-spreadsheet-sheet-add"
-          icon="plus"
-          [svgIcon]="plusIcon"
-          [kendoEventsOutsideAngular]="{click: onAddClick}"
-          [attr.aria-controls]="tablistId">
-        </button>
-        <kendo-dropdownbutton #menuButton
-          fillMode="flat"
-          buttonClass="k-spreadsheet-sheets-menu"
-          icon="menu"
-          [svgIcon]="menuIcon"
-          [data]="sheetsMenuList"
-          (itemClick)="onMenuItemClick($event)"
-          (open)="onOpen(menuButton)"
-          [buttonAttributes]="{title: messageFor('sheetsMenu')}"
-          [attr.aria-controls]="tablistId">
-        </kendo-dropdownbutton>
-        <kendo-tabstrip #tabstrip
-          [tabPosition]="'bottom'"
-          [showContentArea]="false"
-          [scrollable]="{ scrollButtonsPosition: 'end', mouseScroll: false }"
-          class="k-spreadsheet-sheets"
-          (tabSelect)="onTabSelect($event)">
-          @for (sheet of sheets; track trackByItemKey($index, sheet)) {
-            @if (sheet.state === 'visible') {
-              <kendo-tabstrip-tab
-                [title]="sheet.text"
-                [selected]="sheet.text === activeSheet">
-                <ng-template kendoTabTemplate>
-                  <span class="k-link">
-                    <span class="k-link-text">{{sheet.text}}</span>
-                  </span>
-                  <span class="k-item-actions">
-                    <kendo-dropdownbutton #sheetDdb
-                      fillMode="flat"
-                      icon="caret-alt-down"
-                      [svgIcon]="caretAltDownIcon"
-                      buttonClass="k-menu-button"
-                      [data]="sheet.sheetActions"
-                      [buttonAttributes]="{'aria-hidden': 'true', 'tabindex': '-1', role: 'presentation'}"
-                      (open)="onOpen(sheetDdb)"
-                      (close)="onClose()"
-                      (click)="$event.stopPropagation()"
-                      (itemClick)="onActionClick($event, sheet)">
-                    </kendo-dropdownbutton>
-                  </span>
-                </ng-template>
-              </kendo-tabstrip-tab>
-            }
-          }
-        </kendo-tabstrip>
-        `,
-                    standalone: true,
-                    imports: [ButtonComponent, EventsOutsideAngularDirective, DropDownButtonComponent, TabStripComponent, TabStripTabComponent, TabTemplateDirective]
-                }]
-        }], ctorParameters: () => [{ type: i1.SpreadsheetService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2.SpreadsheetLocalizationService }, { type: i3.DialogService }, { type: i0.NgZone }], propDecorators: { hostClasses: [{
-                type: HostBinding,
-                args: ['class.k-spreadsheet-sheets-bar']
-            }], sheets: [{
-                type: Input
-            }], sheetDescriptors: [{
-                type: Input
-            }], addButton: [{
-                type: ViewChild,
-                args: ['addButton']
-            }], menuButton: [{
-                type: ViewChild,
-                args: ['menuButton']
-            }], tabstrip: [{
-                type: ViewChild,
-                args: ['tabstrip']
-            }], actionDdbs: [{
-                type: ViewChildren,
-                args: ['sheetDdb']
-            }], actionDdbRefs: [{
-                type: ViewChildren,
-                args: ['sheetDdb', { read: ElementRef }]
-            }] } });