@progress/kendo-angular-spreadsheet 17.0.0-develop.4 → 17.0.0-develop.41

package/README.md

@@ -1,31 +1,42 @@
-<a href="https://www.telerik.com/kendo-angular-ui/" target="_blank">
+<a href="https://www.telerik.com/kendo-angular-ui/components/spreadsheet" 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!
+> * This package is part of the [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/)&mdash;a commercial UI library.
+> * You must [install a license key](https://www.telerik.com/kendo-angular-ui/my-license) when adding the package to your project. To receive a license key, either [purchase a license](https://www.telerik.com/purchase/kendo-ui) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui).
+> * 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 team!
 
-## Resources
+The Kendo UI for Angular Spreadsheet allows you to create, edit, and manipulate tabular data with ease. Just like in an MS Excel spreadsheet, you can edit, resize columns and rows, calculate formulas, import and export to Excel, and many more.
+
+## Key Features
+
+Among the many features which the Kendo UI for Angular Spreadsheet delivers are:
+
+* Toolbar Tools&mdash;The Spreadsheet component provides a variety of built-in tools that help you to create, edit, and style the sheet data. [Read more about the built-in toolbar tools of the Spreadsheet...](https://www.telerik.com/kendo-angular-ui/components/spreadsheet/tools)
+* Action Bar&mdash;The Spreadsheet action bar allows you to control the cell selection and calculate cell values by entering formulas into the dedicated formula input. [Read more about the action bar capabilities of the Spreadsheet...](https://www.telerik.com/kendo-angular-ui/components/spreadsheet/action-bar)
+* Sheets Bar&mdash;The sheets bar provides a convenient way to rename, duplicate, and delete sheets as necessary. [Read more about the sheets bar options of the Spreadsheet...](https://www.telerik.com/kendo-angular-ui/components/spreadsheet/sheets-bar)
+* Appearance&mdash;You can use the options provided by the Spreadsheet component to customize its appearance. [Read more about the customizable appearance of the Spreadsheet...](https://www.telerik.com/kendo-angular-ui/components/spreadsheet/appearance)
+* Events&mdash;The Spreadsheet exposes several events to let you easily handle any file operations logic. [Read more about the events of the Spreadsheet...](https://www.telerik.com/kendo-angular-ui/components/spreadsheet/events)
+* Accessibility&mdash;The Spreadsheet is accessible for screen readers and supports WAI-ARIA attributes. [Read more about the accessibility of the Spreadsheet...](https://www.telerik.com/kendo-angular-ui/components/spreadsheet/accessibility)
+* Keyboard Navigation&mdash;The Spreadsheet supports a number of keyboard shortcuts which allow users to accomplish various commands. [Read more about the keyboard navigation of the Spreadsheet...](https://www.telerik.com/kendo-angular-ui/components/spreadsheet/keyboard-navigation)
 
--   [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)
+## Support Options
 
-## Questions and Feedback
+For any issues you might encounter while working with the Kendo UI for Angular Spreadsheet, you have the following support channels available:
+
+* Industry-leading technical support&mdash;Kendo UI for Angular paid license holders and users with an active (free) trial license can take advantage of our outstanding customer support. To submit a ticket, use the [dedicated Kendo UI for Angular support system](https://www.telerik.com/account/support-center/contact-us/technical-support).
+* Product forums&mdash;The [Kendo UI for Angular forums](https://www.telerik.com/forums/kendo-angular-ui) are part of the free support you can get from the community and from the Kendo UI for Angular team.
+* Feedback portal&mdash;The [Kendo UI for Angular feedback portal](https://feedback.telerik.com/kendo-angular-ui) is where you can request and vote for new features to be added.
+
+## Resources
 
--   [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)
+* [Getting Started with Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/getting-started)
+* [Getting Started with the Kendo UI for Angular Spreadsheet](https://www.telerik.com/kendo-angular-ui/components/spreadsheet/installation/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)
 
 _Copyright © 2024 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved._
 

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

@@ -34,5 +34,5 @@ export declare class FormulaInputDirective {
     private unfocus;
     private focusNext;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormulaInputDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FormulaInputDirective, "[kendoSpreadsheetFormulaInput]", never, { "formulaListMaxHeight": "formulaListMaxHeight"; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FormulaInputDirective, "[kendoSpreadsheetFormulaInput]", never, { "formulaListMaxHeight": { "alias": "formulaListMaxHeight"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -2,7 +2,7 @@
 * Copyright © 2024 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 { ElementRef, Renderer2 } from '@angular/core';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import { SpreadsheetService } from '../common/spreadsheet.service';
 import * as i0 from "@angular/core";
@@ -12,13 +12,14 @@ import * as i0 from "@angular/core";
 export declare class FormulaListComponent {
     element: ElementRef;
     private spreadsheetService;
-    id: string;
+    private renderer;
     maxHeight: string;
     data: any[];
     itemClick: (value: any) => void;
     formulaFxIcon: SVGIcon;
-    constructor(element: ElementRef, spreadsheetService: SpreadsheetService);
+    constructor(element: ElementRef, spreadsheetService: SpreadsheetService, renderer: Renderer2);
+    ngOnInit(): void;
     handleMouseDown: (ev: MouseEvent) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormulaListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormulaListComponent, "kendo-spreadsheet-formula-list", never, { "maxHeight": "maxHeight"; "data": "data"; "itemClick": "itemClick"; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormulaListComponent, "kendo-spreadsheet-formula-list", never, { "maxHeight": { "alias": "maxHeight"; "required": false; }; "data": { "alias": "data"; "required": false; }; "itemClick": { "alias": "itemClick"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -32,5 +32,5 @@ export declare class NameBoxComponent implements AfterViewInit {
         name: string;
     }>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NameBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NameBoxComponent, "[kendoSpreadsheetNameBox]", never, { "data": "data"; "spreadsheetWidget": "spreadsheetWidget"; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NameBoxComponent, "[kendoSpreadsheetNameBox]", never, { "data": { "alias": "data"; "required": false; }; "spreadsheetWidget": { "alias": "spreadsheetWidget"; "required": false; }; }, {}, never, never, true, never>;
 }

package/{esm2020 → esm2022}/action-bar/formula-input.directive.mjs

@@ -15,63 +15,31 @@ import * as i3 from "../localization/spreadsheet-localization.service";
  * @hidden
  */
 export class FormulaInputDirective {
-    constructor(element, popupService, spreadsheetService, localization) {
-        this.element = element;
-        this.popupService = popupService;
-        this.spreadsheetService = spreadsheetService;
-        this.localization = localization;
-        this.hostClasses = true;
-        this.role = 'combobox';
-        this.ariaHasPopup = 'menu';
-        this.ariaExpanded = 'false';
-        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');
-                const { offsetTop, offsetHeight, parentElement } = next;
-                if (dir > 0) {
-                    if (offsetTop + offsetHeight >= parentElement.offsetHeight + parentElement.scrollTop) {
-                        parentElement.scrollTop = Math.min(parentElement.scrollTop + offsetHeight, parentElement.scrollHeight - parentElement.offsetHeight);
-                    }
-                    if (next === items[0]) {
-                        next.scrollIntoView();
-                    }
-                }
-                else {
-                    if (offsetTop <= parentElement.scrollTop) {
-                        parentElement.scrollTop = Math.max(parentElement.scrollTop - offsetHeight, 0);
-                    }
-                    if (next === items[items.length - 1]) {
-                        next.scrollIntoView();
-                    }
-                }
-            }
-        };
-    }
+    element;
+    popupService;
+    spreadsheetService;
+    localization;
+    hostClasses = true;
     get title() {
         return this.localization.get('formulaInput');
     }
+    role = 'combobox';
+    ariaHasPopup = 'menu';
+    ariaExpanded = 'false';
     get ariaControls() {
         return this.ariaExpanded === 'true' ? this.spreadsheetService.formulaListId : null;
     }
+    formulaListMaxHeight;
+    list;
+    data;
+    constructor(element, popupService, spreadsheetService, localization) {
+        this.element = element;
+        this.popupService = popupService;
+        this.spreadsheetService = spreadsheetService;
+        this.localization = localization;
+    }
+    popupRef;
+    handler;
     get listElement() {
         return this.list?.element.nativeElement.firstElementChild;
     }
@@ -144,10 +112,51 @@ export class FormulaInputDirective {
             }
         };
     }
+    focusedItem = () => this.list?.element.nativeElement.querySelector('.k-focus');
+    unfocus = () => {
+        const focused = this.focusedItem();
+        if (focused) {
+            focused.classList.remove('k-focus');
+        }
+    };
+    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');
+            const { offsetTop, offsetHeight, parentElement } = next;
+            if (dir > 0) {
+                if (offsetTop + offsetHeight >= parentElement.offsetHeight + parentElement.scrollTop) {
+                    parentElement.scrollTop = Math.min(parentElement.scrollTop + offsetHeight, parentElement.scrollHeight - parentElement.offsetHeight);
+                }
+                if (next === items[0]) {
+                    next.scrollIntoView();
+                }
+            }
+            else {
+                if (offsetTop <= parentElement.scrollTop) {
+                    parentElement.scrollTop = Math.max(parentElement.scrollTop - offsetHeight, 0);
+                }
+                if (next === items[items.length - 1]) {
+                    next.scrollIntoView();
+                }
+            }
+        }
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormulaInputDirective, deps: [{ token: i0.ElementRef }, { token: i1.PopupService }, { token: i2.SpreadsheetService }, { token: i3.SpreadsheetLocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FormulaInputDirective, isStandalone: true, selector: "[kendoSpreadsheetFormulaInput]", inputs: { formulaListMaxHeight: "formulaListMaxHeight" }, host: { properties: { "class.k-spreadsheet-formula-input": "this.hostClasses", "attr.title": "this.title", "attr.role": "this.role", "attr.aria-haspopup": "this.ariaHasPopup", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-controls": "this.ariaControls" } }, ngImport: i0 });
 }
-FormulaInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FormulaInputDirective, deps: [{ token: i0.ElementRef }, { token: i1.PopupService }, { token: i2.SpreadsheetService }, { token: i3.SpreadsheetLocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-FormulaInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: FormulaInputDirective, isStandalone: true, selector: "[kendoSpreadsheetFormulaInput]", inputs: { formulaListMaxHeight: "formulaListMaxHeight" }, host: { properties: { "class.k-spreadsheet-formula-input": "this.hostClasses", "attr.title": "this.title", "attr.role": "this.role", "attr.aria-haspopup": "this.ariaHasPopup", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-controls": "this.ariaControls" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FormulaInputDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormulaInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoSpreadsheetFormulaInput]',

package/{esm2020 → esm2022}/action-bar/list.component.mjs

@@ -2,7 +2,7 @@
 * Copyright © 2024 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 { Component, ElementRef, Input, Renderer2 } from '@angular/core';
 import { NgFor } from '@angular/common';
 import { formulaFxIcon } from '@progress/kendo-svg-icons';
 import { IconWrapperComponent } from '@progress/kendo-angular-icons';
@@ -14,19 +14,26 @@ import * as i1 from "../common/spreadsheet.service";
  * @hidden
  */
 export class FormulaListComponent {
-    constructor(element, spreadsheetService) {
+    element;
+    spreadsheetService;
+    renderer;
+    maxHeight;
+    data = [];
+    itemClick;
+    formulaFxIcon = formulaFxIcon;
+    constructor(element, spreadsheetService, renderer) {
         this.element = element;
         this.spreadsheetService = spreadsheetService;
-        this.id = this.spreadsheetService.formulaListId;
-        this.data = [];
-        this.formulaFxIcon = formulaFxIcon;
-        this.handleMouseDown = (ev) => {
-            ev.preventDefault();
-        };
+        this.renderer = renderer;
     }
-}
-FormulaListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FormulaListComponent, deps: [{ token: i0.ElementRef }, { token: i1.SpreadsheetService }], target: i0.ɵɵFactoryTarget.Component });
-FormulaListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FormulaListComponent, isStandalone: true, selector: "kendo-spreadsheet-formula-list", inputs: { maxHeight: "maxHeight", data: "data", itemClick: "itemClick" }, host: { properties: { "attr.id": "this.id" } }, ngImport: i0, template: `
+    ngOnInit() {
+        this.renderer.setAttribute(this.element.nativeElement, 'id', this.spreadsheetService.formulaListId);
+    }
+    handleMouseDown = (ev) => {
+        ev.preventDefault();
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormulaListComponent, deps: [{ token: i0.ElementRef }, { token: i1.SpreadsheetService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FormulaListComponent, isStandalone: true, selector: "kendo-spreadsheet-formula-list", inputs: { maxHeight: "maxHeight", data: "data", itemClick: "itemClick" }, ngImport: i0, template: `
         <ul #ulRef
             class="k-spreadsheet-formula-list k-list-ul k-list-md k-group k-reset"
             role="menu"
@@ -45,7 +52,8 @@ FormulaListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
                 </li>
         </ul>
     `, isInline: true, dependencies: [{ kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FormulaListComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FormulaListComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-spreadsheet-formula-list',
@@ -71,10 +79,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     standalone: true,
                     imports: [EventsOutsideAngularDirective, NgFor, IconWrapperComponent]
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.SpreadsheetService }]; }, propDecorators: { id: [{
-                type: HostBinding,
-                args: ['attr.id']
-            }], maxHeight: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.SpreadsheetService }, { type: i0.Renderer2 }]; }, propDecorators: { maxHeight: [{
                 type: Input
             }], data: [{
                 type: Input

package/{esm2020 → esm2022}/action-bar/namebox.component.mjs

@@ -13,14 +13,11 @@ import * as i1 from "../localization/spreadsheet-localization.service";
  * @hidden
  */
 export class NameBoxComponent {
-    constructor(ngZone, host, localization, renderer) {
-        this.ngZone = ngZone;
-        this.host = host;
-        this.localization = localization;
-        this.renderer = renderer;
-        this.hostClass = true;
-        this.valueNormalizer = (text) => text.pipe(map((content) => ({ name: content })));
-    }
+    ngZone;
+    host;
+    localization;
+    renderer;
+    hostClass = true;
     keyDownHandler() {
         const editor = this.spreadsheetWidget.view.nameEditor;
         if (editor) {
@@ -28,10 +25,20 @@ export class NameBoxComponent {
             editor.trigger('enter', { value: name });
         }
     }
+    combobox;
+    data;
+    spreadsheetWidget;
+    constructor(ngZone, host, localization, renderer) {
+        this.ngZone = ngZone;
+        this.host = host;
+        this.localization = localization;
+        this.renderer = renderer;
+    }
     ngAfterViewInit() {
         this.renderer.setAttribute(this.inputElement, 'title', this.title);
         this.renderer.setAttribute(this.inputElement, 'aria-label', this.title);
     }
+    value;
     get inputElement() {
         return this.host.nativeElement.querySelector('.k-input-inner');
     }
@@ -69,9 +76,9 @@ export class NameBoxComponent {
             this.data = editor.readData();
         }
     }
-}
-NameBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NameBoxComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i1.SpreadsheetLocalizationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-NameBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: NameBoxComponent, isStandalone: true, 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: `
+    valueNormalizer = (text) => text.pipe(map((content) => ({ name: content })));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NameBoxComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i1.SpreadsheetLocalizationService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NameBoxComponent, isStandalone: true, 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"
@@ -87,7 +94,8 @@ NameBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
             [attr.title]="title"
         ></kendo-combobox>
     `, isInline: true, dependencies: [{ kind: "component", type: ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "escape"], exportAs: ["kendoComboBox"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NameBoxComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NameBoxComponent, decorators: [{
             type: Component,
             args: [{
                     selector: '[kendoSpreadsheetNameBox]',

package/{esm2020 → esm2022}/common/error-handling.service.mjs

@@ -17,13 +17,18 @@ import * as i3 from "@progress/kendo-angular-dialog";
  * @hidden
  */
 export class ErrorHandlingService {
+    spreadsheetService;
+    localization;
+    dialogService;
+    spreadsheet;
+    sheetsChanged = new Subject();
+    activeSheetChanged = new Subject();
+    selectionChanged = new Subject();
+    dialogContainer;
     constructor(spreadsheetService, localization, dialogService) {
         this.spreadsheetService = spreadsheetService;
         this.localization = localization;
         this.dialogService = dialogService;
-        this.sheetsChanged = new Subject();
-        this.activeSheetChanged = new Subject();
-        this.selectionChanged = new Subject();
     }
     set currentActiveSheet(value) {
         this._currentActiveSheet = value;
@@ -34,6 +39,7 @@ export class ErrorHandlingService {
     get activeSheet() {
         return this.spreadsheet.activeSheet()?.name();
     }
+    _currentActiveSheet;
     notifySheetsChange(actionType, sheetInfo) {
         const sheets = this.spreadsheet.sheets();
         this.sheetsChanged.next({ sheets, sheet: sheetInfo, actionType });
@@ -79,9 +85,9 @@ export class ErrorHandlingService {
     messageFor(text) {
         return this.localization.get(text);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ErrorHandlingService, deps: [{ token: i1.SpreadsheetService }, { token: i2.LocalizationService }, { token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ErrorHandlingService });
 }
-ErrorHandlingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ErrorHandlingService, deps: [{ token: i1.SpreadsheetService }, { token: i2.LocalizationService }, { token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Injectable });
-ErrorHandlingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ErrorHandlingService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ErrorHandlingService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ErrorHandlingService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.SpreadsheetService }, { type: i2.LocalizationService }, { type: i3.DialogService }]; } });

package/{esm2020 → esm2022}/common/main-menu.directive.mjs

@@ -9,6 +9,8 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class MainMenuDirective {
+    host;
+    renderer;
     constructor(host, renderer) {
         this.host = host;
         this.renderer = renderer;
@@ -16,10 +18,10 @@ export class MainMenuDirective {
     ngAfterViewInit() {
         isDocumentAvailable() && this.renderer.addClass(this.host.nativeElement.firstElementChild, 'k-spreadsheet-menu');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MainMenuDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: MainMenuDirective, isStandalone: true, selector: "[kendoSpreadsheetMenu]", ngImport: i0 });
 }
-MainMenuDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MainMenuDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-MainMenuDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: MainMenuDirective, isStandalone: true, selector: "[kendoSpreadsheetMenu]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MainMenuDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MainMenuDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoSpreadsheetMenu]',

package/{esm2020 → esm2022}/common/spreadsheet.service.mjs

@@ -10,11 +10,13 @@ let spreadsheetCounter = 0;
  * @hidden
  */
 export class SpreadsheetService {
+    spreadsheet;
+    sheetsChanged = new Subject();
+    onSheetsBarFocus = new Subject();
+    activeSheetChanged = new Subject();
+    selectionChanged = new Subject();
+    dialogContainer;
     constructor() {
-        this.sheetsChanged = new Subject();
-        this.onSheetsBarFocus = new Subject();
-        this.activeSheetChanged = new Subject();
-        this.selectionChanged = new Subject();
         spreadsheetCounter++;
     }
     set currentActiveSheet(value) {
@@ -32,13 +34,14 @@ export class SpreadsheetService {
     get tablistId() {
         return `k-spreadsheet-${spreadsheetCounter}-tablist`;
     }
+    _currentActiveSheet;
     notifySheetsChange(actionType, sheetInfo) {
         const sheets = this.spreadsheet.sheets();
         this.sheetsChanged.next({ sheets, sheet: sheetInfo, actionType });
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetService });
 }
-SpreadsheetService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SpreadsheetService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SpreadsheetService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SpreadsheetService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SpreadsheetService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpreadsheetService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return []; } });

package/{esm2020 → esm2022}/localization/custom-messages.component.mjs

@@ -11,6 +11,7 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * Custom component messages override default component messages.
  */
 export class CustomMessagesComponent extends MessagesDirective {
+    service;
     constructor(service) {
         super();
         this.service = service;
@@ -18,15 +19,15 @@ export class CustomMessagesComponent extends MessagesDirective {
     get override() {
         return true;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-spreadsheet-messages", providers: [
+            {
+                provide: MessagesDirective,
+                useExisting: forwardRef(() => CustomMessagesComponent)
+            }
+        ], usesInheritance: true, ngImport: i0 });
 }
-CustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-CustomMessagesComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-spreadsheet-messages", providers: [
-        {
-            provide: MessagesDirective,
-            useExisting: forwardRef(() => CustomMessagesComponent)
-        }
-    ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomMessagesComponent, decorators: [{
             type: Directive,
             args: [{
                     providers: [

package/{esm2020 → esm2022}/localization/localized-messages.directive.mjs

@@ -11,17 +11,18 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class LocalizedMessagesDirective extends MessagesDirective {
+    service;
     constructor(service) {
         super();
         this.service = service;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoSpreadsheetLocalizedMessages]", providers: [{
+                provide: MessagesDirective,
+                useExisting: forwardRef(() => LocalizedMessagesDirective)
+            }], usesInheritance: true, ngImport: i0 });
 }
-LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoSpreadsheetLocalizedMessages]", providers: [{
-            provide: MessagesDirective,
-            useExisting: forwardRef(() => LocalizedMessagesDirective)
-        }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [{