@progress/kendo-angular-spreadsheet 13.6.0-develop.6

package/README.md

@@ -0,0 +1,32 @@
+<a href="https://www.telerik.com/kendo-angular-ui/" target="_blank">
+<img width="631" src="https://www.telerik.com/kendo-angular-ui/npm-banner.svg">
+</a>
+
+## Kendo UI for Angular Spreadsheet Component
+
+> **Important**
+>
+> -   This package is part of [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-spreadsheet)&mdash;a commercial library designed and built for developing business applications with Angular. Every UI component in the Kendo UI for Angular suite has been built from the ground-up specifically for Angular.
+> -   You will need to install a license key when adding the package to your project. For more information, please refer to the [Kendo UI for Angular My License page](https://www.telerik.com/kendo-angular-ui/my-license?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-spreadsheet).
+> -   To receive a license key, you need to either [purchase a license](https://www.telerik.com/purchase/kendo-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-spreadsheet) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-spreadsheet). Doing so indicates that you [accept the Kendo UI for Angular License Agreement](https://www.telerik.com/purchase/license-agreement/kendo-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-spreadsheet).
+> -   The 30-day free trial gives you access to all the Kendo UI for Angular components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI for Angular dev team!
+>
+> [Start using Kendo UI for Angular](https://www.telerik.com/download-login-v2-kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-spreadsheet) and speed up your development process!
+
+## Resources
+
+-   [Get Started with Kendo UI for Angular (requires trial registration)](https://www.telerik.com/kendo-angular-ui/getting-started)
+-   [Demos, documentation, and component reference](https://www.telerik.com/kendo-angular-ui/components)
+-   [Blogs](http://www.telerik.com/blogs/kendo-ui)
+-   [Kendo UI for Angular pricing and licensing](https://www.telerik.com/purchase/kendo-ui)
+
+## Questions and Feedback
+
+-   [Official Forums](https://www.telerik.com/forums/kendo-angular-ui)
+-   [GitHub Issues](https://github.com/telerik/kendo-angular/issues)
+-   [Feedback Portal](https://feedback.telerik.com/kendo-angular-ui)
+-   [StackOverflow](https://stackoverflow.com/questions/tagged/kendo-ui-angular2)
+
+_Copyright © 2023 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved._
+
+_Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries._

package/action-bar/formula-input.directive.d.ts

@@ -0,0 +1,33 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ElementRef } from '@angular/core';
+import { FormulaListComponent } from './list.component';
+import { PopupService } from '@progress/kendo-angular-popup';
+import { SpreadsheetService } from '../common/spreadsheet.service';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class FormulaInputDirective {
+    element: ElementRef;
+    private popupService;
+    private spreadsheetService;
+    hostClasses: boolean;
+    ariaHasPopup: string;
+    ariaExpanded: any;
+    get ariaControls(): string;
+    list: FormulaListComponent;
+    data: any[];
+    constructor(element: ElementRef, popupService: PopupService, spreadsheetService: SpreadsheetService);
+    private popupRef;
+    private handler;
+    private get listElement();
+    get current(): any;
+    private focusedItem;
+    private unfocus;
+    private focusNext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormulaInputDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FormulaInputDirective, "[kendoSpreadsheetFormulaInput]", never, {}, {}, never>;
+}

package/action-bar/list.component.d.ts

@@ -0,0 +1,23 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ElementRef } from '@angular/core';
+import { SVGIcon } from '@progress/kendo-svg-icons';
+import { SpreadsheetService } from '../common/spreadsheet.service';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class FormulaListComponent {
+    element: ElementRef;
+    private spreadsheetService;
+    id: string;
+    data: any[];
+    itemClick: (value: any) => void;
+    formulaFxIcon: SVGIcon;
+    constructor(element: ElementRef, spreadsheetService: SpreadsheetService);
+    handleMouseDown: (ev: MouseEvent) => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormulaListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormulaListComponent, "kendo-spreadsheet-formula-list", never, { "data": "data"; "itemClick": "itemClick"; }, {}, never, never>;
+}

package/action-bar/namebox.component.d.ts

@@ -0,0 +1,30 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ElementRef, NgZone } from '@angular/core';
+import { SpreadsheetWidget } from '@progress/kendo-spreadsheet-common';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class NameBoxComponent {
+    private ngZone;
+    private host;
+    hostClass: boolean;
+    keyDownHandler(): void;
+    private combobox;
+    data: any[];
+    spreadsheetWidget: SpreadsheetWidget;
+    constructor(ngZone: NgZone, host: ElementRef);
+    value: any;
+    get current(): any;
+    onSelectionChange(value: any): void;
+    onOpen(): void;
+    valueNormalizer: (text: Observable<string>) => Observable<{
+        name: string;
+    }>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NameBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NameBoxComponent, "[kendoSpreadsheetNameBox]", never, { "data": "data"; "spreadsheetWidget": "spreadsheetWidget"; }, {}, never, never>;
+}

package/common/main-menu.directive.d.ts

@@ -0,0 +1,17 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { AfterViewInit, ElementRef, Renderer2 } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class MainMenuDirective implements AfterViewInit {
+    private host;
+    private renderer;
+    constructor(host: ElementRef, renderer: Renderer2);
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MainMenuDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MainMenuDirective, "[kendoSpreadsheetMenu]", never, {}, {}, never>;
+}

package/common/sheet-changes.d.ts

@@ -0,0 +1,23 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Sheet } from "@progress/kendo-spreadsheet-common";
+import { SheetInfo } from "../models";
+/**
+ * @hidden
+ */
+export interface SheetsChanges {
+    /**
+     * The current Spreadsheet sheets collection.
+     */
+    sheets: Sheet[];
+    /**
+     * The type of the change action. The built-in types are `add`, `rename`, `delete`, `reorder`, `hide`.
+     */
+    actionType: string;
+    /**
+     * The updated Spreadsheet sheet.
+     */
+    sheet?: SheetInfo;
+}

package/common/spreadsheet.service.d.ts

@@ -0,0 +1,28 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ViewContainerRef } from '@angular/core';
+import { Sheet, SpreadsheetWidget } from '@progress/kendo-spreadsheet-common';
+import { Subject } from 'rxjs';
+import { SheetsChanges } from './sheet-changes';
+import { SheetInfo } from '../models';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class SpreadsheetService {
+    spreadsheet: SpreadsheetWidget;
+    sheetsChanged: Subject<SheetsChanges>;
+    activeSheetChanged: Subject<Sheet>;
+    dialogContainer: ViewContainerRef;
+    constructor();
+    set currentActiveSheet(value: string);
+    get currentActiveSheet(): string;
+    get activeSheet(): string;
+    get formulaListId(): string;
+    private _currentActiveSheet;
+    notifySheetsChange(actionType: string, sheetInfo?: SheetInfo): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpreadsheetService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SpreadsheetService>;
+}

package/esm2020/action-bar/formula-input.directive.mjs

@@ -0,0 +1,142 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, ElementRef, HostBinding } from '@angular/core';
+import { FormulaListComponent } from './list.component';
+import { PopupService } from '@progress/kendo-angular-popup';
+import { SpreadsheetService } from '../common/spreadsheet.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-popup";
+import * as i2 from "../common/spreadsheet.service";
+/**
+ * @hidden
+ */
+export class FormulaInputDirective {
+    constructor(element, popupService, spreadsheetService) {
+        this.element = element;
+        this.popupService = popupService;
+        this.spreadsheetService = spreadsheetService;
+        this.hostClasses = true;
+        this.ariaHasPopup = 'menu';
+        this.ariaExpanded = null;
+        this.focusedItem = () => this.list?.element.nativeElement.querySelector('.k-focus');
+        this.unfocus = () => {
+            const focused = this.focusedItem();
+            if (focused) {
+                focused.classList.remove('k-focus');
+            }
+        };
+        this.focusNext = (dir) => {
+            const element = this.list?.element.nativeElement.firstElementChild;
+            const items = Array.from((element && element.children) || []);
+            const focused = this.focusedItem();
+            let next;
+            if (focused) {
+                const index = items.indexOf(focused);
+                focused.classList.remove('k-focus');
+                next = items[index + dir] ? items[index + dir] : (dir === 1 ? items[0] : items[items.length - 1]);
+            }
+            else {
+                next = (dir === 1 ? items[0] : items[items.length - 1]);
+            }
+            if (next) {
+                next.classList.add('k-focus');
+            }
+        };
+    }
+    get ariaControls() {
+        return this.ariaExpanded ? this.spreadsheetService.formulaListId : null;
+    }
+    get listElement() {
+        return this.list?.element.nativeElement.firstElementChild;
+    }
+    get current() {
+        return {
+            element: this.element.nativeElement,
+            list: {
+                element: this.list?.element.nativeElement,
+                data: (d) => {
+                    if (d) {
+                        this.data = d;
+                        this.list && (this.list.data = d);
+                    }
+                    else {
+                        return this.data;
+                    }
+                },
+                itemClick: (handler) => {
+                    this.handler = handler;
+                },
+                value: () => { return {}; },
+                focus: () => {
+                    const items = Array.from(this.listElement?.children || []);
+                    return items.indexOf(this.focusedItem());
+                },
+                focusNext: () => this.focusNext(1),
+                focusPrev: () => this.focusNext(-1),
+                focusFirst: () => {
+                    const list = this.listElement;
+                    if (list && list.children.item(0)) {
+                        this.unfocus();
+                        list.children.item(0).classList.add('k-focus');
+                    }
+                },
+                focusLast: () => {
+                    const list = this.listElement;
+                    if (list && list.children.length) {
+                        this.unfocus();
+                        list.children.item(list.children.length - 1).classList.add('k-focus');
+                    }
+                },
+            },
+            popup: {
+                open: () => {
+                    this.popupRef && this.popupRef.close();
+                    this.popupRef = null;
+                    this.popupRef = this.popupService.open({
+                        anchor: this.element,
+                        content: FormulaListComponent,
+                        animate: { direction: 'down', duration: 100 }
+                    });
+                    const list = this.popupRef.content.instance;
+                    this.list = list;
+                    list.data = this.data;
+                    list.itemClick = this.handler;
+                    this.ariaExpanded = true;
+                },
+                close: () => {
+                    this.popupRef && this.popupRef.close();
+                    this.popupRef = null;
+                    this.ariaExpanded = null;
+                },
+                position: () => {
+                    // contentKey++;
+                },
+                visible: () => {
+                    return this.popupRef;
+                }
+            }
+        };
+    }
+}
+FormulaInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormulaInputDirective, deps: [{ token: i0.ElementRef }, { token: i1.PopupService }, { token: i2.SpreadsheetService }], target: i0.ɵɵFactoryTarget.Directive });
+FormulaInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: FormulaInputDirective, selector: "[kendoSpreadsheetFormulaInput]", host: { properties: { "class.k-spreadsheet-formula-input": "this.hostClasses", "attr.aria-haspopup": "this.ariaHasPopup", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-controls": "this.ariaControls" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormulaInputDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoSpreadsheetFormulaInput]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.PopupService }, { type: i2.SpreadsheetService }]; }, propDecorators: { hostClasses: [{
+                type: HostBinding,
+                args: ['class.k-spreadsheet-formula-input']
+            }], ariaHasPopup: [{
+                type: HostBinding,
+                args: ['attr.aria-haspopup']
+            }], ariaExpanded: [{
+                type: HostBinding,
+                args: ['attr.aria-expanded']
+            }], ariaControls: [{
+                type: HostBinding,
+                args: ['attr.aria-controls']
+            }] } });

package/esm2020/action-bar/list.component.mjs

@@ -0,0 +1,75 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 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 } from '@angular/core';
+import { formulaFxIcon } from '@progress/kendo-svg-icons';
+import { SpreadsheetService } from '../common/spreadsheet.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../common/spreadsheet.service";
+import * as i2 from "@progress/kendo-angular-icons";
+import * as i3 from "@progress/kendo-angular-common";
+import * as i4 from "@angular/common";
+/**
+ * @hidden
+ */
+export class FormulaListComponent {
+    constructor(element, spreadsheetService) {
+        this.element = element;
+        this.spreadsheetService = spreadsheetService;
+        this.id = this.spreadsheetService.formulaListId;
+        this.data = [];
+        this.formulaFxIcon = formulaFxIcon;
+        this.handleMouseDown = (ev) => {
+            ev.preventDefault();
+        };
+    }
+}
+FormulaListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormulaListComponent, deps: [{ token: i0.ElementRef }, { token: i1.SpreadsheetService }], target: i0.ɵɵFactoryTarget.Component });
+FormulaListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FormulaListComponent, selector: "kendo-spreadsheet-formula-list", inputs: { data: "data", itemClick: "itemClick" }, host: { properties: { "attr.id": "this.id" } }, ngImport: i0, template: `
+        <ul #ulRef
+            class="k-spreadsheet-formula-list k-list-ul k-list-md k-group k-reset"
+            role="menu"
+            [kendoEventsOutsideAngular]="{mousedown: handleMouseDown}">
+                <li *ngFor="let item of data"
+                    (click)="itemClick(item.text)"
+                    class="k-list-item"
+                    role="menuitem">
+                    <kendo-icon-wrapper
+                        [svgIcon]="formulaFxIcon"
+                        name="formula-fx"
+                    ></kendo-icon-wrapper>
+                    <span className="k-list-item-text">{{item.text}}</span>
+                </li>
+        </ul>
+    `, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FormulaListComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-spreadsheet-formula-list',
+                    template: `
+        <ul #ulRef
+            class="k-spreadsheet-formula-list k-list-ul k-list-md k-group k-reset"
+            role="menu"
+            [kendoEventsOutsideAngular]="{mousedown: handleMouseDown}">
+                <li *ngFor="let item of data"
+                    (click)="itemClick(item.text)"
+                    class="k-list-item"
+                    role="menuitem">
+                    <kendo-icon-wrapper
+                        [svgIcon]="formulaFxIcon"
+                        name="formula-fx"
+                    ></kendo-icon-wrapper>
+                    <span className="k-list-item-text">{{item.text}}</span>
+                </li>
+        </ul>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.SpreadsheetService }]; }, propDecorators: { id: [{
+                type: HostBinding,
+                args: ['attr.id']
+            }], data: [{
+                type: Input
+            }], itemClick: [{
+                type: Input
+            }] } });

package/esm2020/action-bar/namebox.component.mjs

@@ -0,0 +1,110 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ComboBoxComponent } from '@progress/kendo-angular-dropdowns';
+import { Component, ElementRef, HostBinding, HostListener, Input, NgZone, ViewChild } from '@angular/core';
+import { SpreadsheetWidget } from '@progress/kendo-spreadsheet-common';
+import { map } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-dropdowns";
+/**
+ * @hidden
+ */
+export class NameBoxComponent {
+    constructor(ngZone, host) {
+        this.ngZone = ngZone;
+        this.host = host;
+        this.hostClass = true;
+        this.valueNormalizer = (text) => text.pipe(map((content) => ({ name: content })));
+    }
+    keyDownHandler() {
+        const editor = this.spreadsheetWidget.view.nameEditor;
+        if (editor) {
+            const name = this.host.nativeElement.querySelector('.k-input-inner').value;
+            editor.trigger('enter', { value: name });
+        }
+    }
+    get current() {
+        return {
+            value: (val) => {
+                if (val === undefined) {
+                    const item = this.combobox && this.combobox.value;
+                    return item ? (item.name || item) : item;
+                }
+                else {
+                    this.ngZone.run(() => {
+                        this.value = { name: val } || null;
+                    });
+                }
+            }
+        };
+    }
+    onSelectionChange(value) {
+        const editor = this.spreadsheetWidget.view.nameEditor;
+        if (editor && value) {
+            const name = value.name;
+            if (name !== this.value.name) {
+                editor.trigger('select', { name });
+                this.value = { name };
+            }
+        }
+    }
+    onOpen() {
+        const editor = this.spreadsheetWidget.view.nameEditor;
+        if (editor) {
+            this.data = editor.readData();
+        }
+    }
+    ;
+}
+NameBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NameBoxComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+NameBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: NameBoxComponent, selector: "[kendoSpreadsheetNameBox]", inputs: { data: "data", spreadsheetWidget: "spreadsheetWidget" }, host: { listeners: { "keydown.enter": "keyDownHandler()" }, properties: { "class.k-spreadsheet-name-editor": "this.hostClass" } }, viewQueries: [{ propertyName: "combobox", first: true, predicate: ["combobox"], descendants: true }], ngImport: i0, template: `
+        <kendo-combobox #combobox
+            [popupSettings]="{popupClass: 'k-spreadsheet-names-popup'}"
+            fillMode="flat"
+            [clearButton]="false"
+            textField="name"
+            valueField="name"
+            [data]="data"
+            [allowCustom]="true"
+            (selectionChange)="onSelectionChange($event)"
+            [value]="value"
+            (open)="onOpen()"
+            [valueNormalizer]="valueNormalizer"
+        ></kendo-combobox>
+    `, isInline: true, components: [{ type: i1.ComboBoxComponent, selector: "kendo-combobox", inputs: ["showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "iconClass", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoComboBox"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NameBoxComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[kendoSpreadsheetNameBox]',
+                    template: `
+        <kendo-combobox #combobox
+            [popupSettings]="{popupClass: 'k-spreadsheet-names-popup'}"
+            fillMode="flat"
+            [clearButton]="false"
+            textField="name"
+            valueField="name"
+            [data]="data"
+            [allowCustom]="true"
+            (selectionChange)="onSelectionChange($event)"
+            [value]="value"
+            (open)="onOpen()"
+            [valueNormalizer]="valueNormalizer"
+        ></kendo-combobox>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ElementRef }]; }, propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class.k-spreadsheet-name-editor']
+            }], keyDownHandler: [{
+                type: HostListener,
+                args: ['keydown.enter']
+            }], combobox: [{
+                type: ViewChild,
+                args: ['combobox']
+            }], data: [{
+                type: Input
+            }], spreadsheetWidget: [{
+                type: Input
+            }] } });

package/esm2020/common/main-menu.directive.mjs

@@ -0,0 +1,25 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, ElementRef, Renderer2 } from '@angular/core';
+import { isDocumentAvailable } from '@progress/kendo-angular-common';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class MainMenuDirective {
+    constructor(host, renderer) {
+        this.host = host;
+        this.renderer = renderer;
+    }
+    ngAfterViewInit() {
+        isDocumentAvailable() && this.renderer.addClass(this.host.nativeElement.firstElementChild, 'k-spreadsheet-menu');
+    }
+}
+MainMenuDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MainMenuDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+MainMenuDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: MainMenuDirective, selector: "[kendoSpreadsheetMenu]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MainMenuDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[kendoSpreadsheetMenu]' }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });

package/esm2020/common/sheet-changes.mjs

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

package/esm2020/common/spreadsheet.service.mjs

@@ -0,0 +1,42 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+let spreadsheetCounter = 0;
+/**
+ * @hidden
+ */
+export class SpreadsheetService {
+    constructor() {
+        this.sheetsChanged = new Subject();
+        this.activeSheetChanged = new Subject();
+        spreadsheetCounter++;
+    }
+    set currentActiveSheet(value) {
+        this._currentActiveSheet = value;
+    }
+    get currentActiveSheet() {
+        return this._currentActiveSheet;
+    }
+    get activeSheet() {
+        return this.spreadsheet.activeSheet()?.name();
+    }
+    get formulaListId() {
+        return `k-spreadsheet-${spreadsheetCounter}-formula-list`;
+    }
+    notifySheetsChange(actionType, sheetInfo) {
+        const sheets = this.spreadsheet.sheets();
+        this.sheetsChanged.next({ sheets, sheet: sheetInfo, actionType });
+    }
+}
+SpreadsheetService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SpreadsheetService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SpreadsheetService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });

package/esm2020/index.mjs

@@ -0,0 +1,12 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export { SpreadsheetComponent } from './spreadsheet.component';
+export { SpreadsheetModule } from './spreadsheet.module';
+export { FormulaListComponent } from './action-bar/list.component';
+export { FormulaInputDirective } from './action-bar/formula-input.directive';
+export { NameBoxComponent } from './action-bar/namebox.component';
+export { SheetsBarComponent } from './sheets-bar/sheets-bar.component';
+export * from './tools';
+export { CustomMessagesComponent } from './localization/custom-messages.component';