@progress/kendo-angular-spreadsheet 20.1.2-develop.2 → 21.0.0-develop.11

package/index.d.ts

@@ -8,7 +8,7 @@ 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 { SheetInfo, SpreadsheetMainMenuItem as ToolbarTab, SpreadsheetChangeEvent, SpreadsheetActiveSheetChangeEvent, SpreadsheetExcelExportEvent, SpreadsheetExcelImportEvent, SpreadsheetMainMenuItem, } from './models';
+export { SheetInfo, SpreadsheetMainMenuItem as ToolbarTab, SpreadsheetChangeEvent, SpreadsheetActiveSheetChangeEvent, SpreadsheetExcelExportEvent, SpreadsheetExcelImportEvent, SpreadsheetMainMenuItem, SpreadsheetCellEditorOptions, SpreadsheetCellEditorHandlerArgs, Rectangle } from './models';
 export * from './tools';
 export * from './directives';
 export { CustomMessagesComponent } from './localization/custom-messages.component';

package/models/cell-editor-action-args.d.ts

@@ -0,0 +1,63 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Range, View } from "@progress/kendo-spreadsheet-common";
+/**
+ * Represents the rectangular dimensions and position of a cell or range.
+ */
+export interface Rectangle {
+    /**
+     * Represents the left position of the rectangle in pixels.
+     */
+    left: number;
+    /**
+     * Represents the top position of the rectangle in pixels.
+     */
+    top: number;
+    /**
+     * Represents the width of the rectangle in pixels.
+     */
+    width: number;
+    /**
+     * Represents the height of the rectangle in pixels.
+     */
+    height: number;
+    /**
+     * Represents the right position of the rectangle in pixels.
+     */
+    right: number;
+    /**
+     * Represents the bottom position of the rectangle in pixels.
+     */
+    bottom: number;
+}
+/**
+ * Represents the arguments passed to the handler callback for each cell editor.
+ */
+export interface SpreadsheetCellEditorHandlerArgs {
+    /**
+     * Represents the original event that triggered the action.
+     */
+    originalEvent?: any;
+    /**
+     * Represents the range that the action will execute for.
+     */
+    range?: Range;
+    /**
+     * Represents the `Rectangle` object that provides information about the size and position of the currently active range.
+     */
+    rect?: Rectangle;
+    /**
+     * Represents the current `View` instance.
+     */
+    view?: View;
+    /**
+     * Represents the validation rules of the currently active range.
+     */
+    validation?: any;
+    /**
+     * Represents the callback function that edits the active cell or range with the provided value.
+     */
+    callback?: Function;
+}

package/models/cell-editor-options.d.ts

@@ -0,0 +1,38 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { SVGIcon } from "@progress/kendo-svg-icons";
+/**
+ * Represents the configuration object for defining custom cell editors.
+ * Use this interface to render specific cell editors when you focus a cell or a range.
+ */
+export interface SpreadsheetCellEditorOptions {
+    /**
+     * Sets the unique name of the cell editor.
+     * Use this name when you specify the editor for a cell or a range.
+     *
+     * Please note that `_validation_list` and `_validation_date` are reserved names for built-in editors.
+     */
+    name: string;
+    /**
+     * Sets the component to use as a cell editor.
+     */
+    component?: any;
+    /**
+     * Provides the actions that the cell editor can use.
+     * The `name` property must match an event name of the editor component.
+     */
+    actions?: Array<{
+        name: string;
+        handler: Function;
+    }>;
+    /**
+     * Sets the name of an existing icon from a Kendo UI theme.
+     */
+    icon?: string;
+    /**
+     * Sets the [`SVGIcon`](slug:api_icons_svgicon) to render.
+     */
+    svgIcon?: SVGIcon;
+}

package/models/index.d.ts

@@ -5,3 +5,5 @@
 export * from './sheet-info';
 export * from './main-menu-item';
 export * from './events';
+export * from './cell-editor-options';
+export * from './cell-editor-action-args';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-spreadsheet",
-  "version": "20.1.2-develop.2",
+  "version": "21.0.0-develop.11",
   "description": "A Spreadsheet Component for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -19,35 +19,35 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1761309970,
+      "publishDate": 1761916549,
       "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"
     }
   },
   "peerDependencies": {
-    "@angular/animations": "16 - 20",
-    "@angular/common": "16 - 20",
-    "@angular/core": "16 - 20",
-    "@angular/platform-browser": "16 - 20",
+    "@angular/animations": "18 - 20",
+    "@angular/common": "18 - 20",
+    "@angular/core": "18 - 20",
+    "@angular/platform-browser": "18 - 20",
     "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-angular-buttons": "20.1.2-develop.2",
-    "@progress/kendo-angular-common": "20.1.2-develop.2",
-    "@progress/kendo-angular-dialog": "20.1.2-develop.2",
-    "@progress/kendo-angular-dropdowns": "20.1.2-develop.2",
-    "@progress/kendo-angular-icons": "20.1.2-develop.2",
-    "@progress/kendo-angular-inputs": "20.1.2-develop.2",
-    "@progress/kendo-angular-dateinputs": "20.1.2-develop.2",
-    "@progress/kendo-angular-intl": "20.1.2-develop.2",
-    "@progress/kendo-angular-l10n": "20.1.2-develop.2",
-    "@progress/kendo-angular-label": "20.1.2-develop.2",
-    "@progress/kendo-angular-layout": "20.1.2-develop.2",
-    "@progress/kendo-angular-menu": "20.1.2-develop.2",
-    "@progress/kendo-angular-popup": "20.1.2-develop.2",
-    "@progress/kendo-angular-toolbar": "20.1.2-develop.2",
+    "@progress/kendo-angular-buttons": "21.0.0-develop.11",
+    "@progress/kendo-angular-common": "21.0.0-develop.11",
+    "@progress/kendo-angular-dialog": "21.0.0-develop.11",
+    "@progress/kendo-angular-dropdowns": "21.0.0-develop.11",
+    "@progress/kendo-angular-icons": "21.0.0-develop.11",
+    "@progress/kendo-angular-inputs": "21.0.0-develop.11",
+    "@progress/kendo-angular-dateinputs": "21.0.0-develop.11",
+    "@progress/kendo-angular-intl": "21.0.0-develop.11",
+    "@progress/kendo-angular-l10n": "21.0.0-develop.11",
+    "@progress/kendo-angular-label": "21.0.0-develop.11",
+    "@progress/kendo-angular-layout": "21.0.0-develop.11",
+    "@progress/kendo-angular-menu": "21.0.0-develop.11",
+    "@progress/kendo-angular-popup": "21.0.0-develop.11",
+    "@progress/kendo-angular-toolbar": "21.0.0-develop.11",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "20.1.2-develop.2",
+    "@progress/kendo-angular-schematics": "21.0.0-develop.11",
     "@progress/jszip-esm": "^1.0.3",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-date-math": "^1.5.10",

package/schematics/ngAdd/index.js

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
 const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'SpreadsheetModule', package: 'spreadsheet', peerDependencies: {
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^4.0.0',
             // peer deps of the dropdowns
-            '@progress/kendo-angular-navigation': '20.1.2-develop.2',
-            '@progress/kendo-angular-treeview': '20.1.2-develop.2'
+            '@progress/kendo-angular-navigation': '21.0.0-develop.11',
+            '@progress/kendo-angular-treeview': '21.0.0-develop.11'
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }
-exports.default = default_1;

package/spreadsheet.component.d.ts

@@ -12,7 +12,7 @@ import { ContextMenuSelectEvent, MenuItem } from '@progress/kendo-angular-menu';
 import { DialogService } from '@progress/kendo-angular-dialog';
 import { SpreadsheetService } from './common/spreadsheet.service';
 import { SpreadsheetToolsService } from './tools/tools.service';
-import { SheetInfo, SpreadsheetActiveSheetChangeEvent, SpreadsheetChangeEvent, SpreadsheetExcelExportEvent, SpreadsheetExcelImportEvent, SpreadsheetMainMenuItem } from './models';
+import { SheetInfo, SpreadsheetActiveSheetChangeEvent, SpreadsheetCellEditorOptions, SpreadsheetChangeEvent, SpreadsheetExcelExportEvent, SpreadsheetExcelImportEvent, SpreadsheetMainMenuItem } from './models';
 import { ErrorHandlingService } from './common/error-handling.service';
 import * as i0 from "@angular/core";
 /**
@@ -111,6 +111,11 @@ export declare class SpreadsheetComponent implements AfterViewInit, OnChanges {
      * @default 200
      */
     rows: number;
+    /**
+     * Sets the custom cell editors for the Spreadsheet.
+     * Accepts an array of `SpreadsheetCellEditorOptions` objects that define custom editors.
+     */
+    cellEditors: Array<SpreadsheetCellEditorOptions>;
     /**
      * An object containing any images used in the Spreadsheet. The keys should be image IDs (they are referenced by this ID in `sheets.drawings`),
      * and the values should be image URLs. The image URLs can be either [`data URLs`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URLs)
@@ -211,8 +216,12 @@ export declare class SpreadsheetComponent implements AfterViewInit, OnChanges {
     private openLinkDialog;
     private configureSheets;
     private registerEditors;
+    private registerCustomEditors;
+    private registerCustomEditor;
+    private openCustomEditorPopup;
+    private closePopup;
     private isValidFormula;
     private createDate;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpreadsheetComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpreadsheetComponent, "kendo-spreadsheet", ["kendo-spreadsheet"], { "menuItems": { "alias": "menuItems"; "required": false; }; "overflow": { "alias": "overflow"; "required": false; }; "formulaListMaxHeight": { "alias": "formulaListMaxHeight"; "required": false; }; "activeSheet": { "alias": "activeSheet"; "required": false; }; "sheets": { "alias": "sheets"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "columnWidth": { "alias": "columnWidth"; "required": false; }; "defaultCellStyle": { "alias": "defaultCellStyle"; "required": false; }; "headerHeight": { "alias": "headerHeight"; "required": false; }; "headerWidth": { "alias": "headerWidth"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "images": { "alias": "images"; "required": false; }; "excel": { "alias": "excel"; "required": false; }; }, { "change": "change"; "formatChange": "formatChange"; "selectionChange": "selectionChange"; "excelExport": "excelExport"; "excelImport": "excelImport"; "activeSheetChange": "activeSheetChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpreadsheetComponent, "kendo-spreadsheet", ["kendo-spreadsheet"], { "menuItems": { "alias": "menuItems"; "required": false; }; "overflow": { "alias": "overflow"; "required": false; }; "formulaListMaxHeight": { "alias": "formulaListMaxHeight"; "required": false; }; "activeSheet": { "alias": "activeSheet"; "required": false; }; "sheets": { "alias": "sheets"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "columnWidth": { "alias": "columnWidth"; "required": false; }; "defaultCellStyle": { "alias": "defaultCellStyle"; "required": false; }; "headerHeight": { "alias": "headerHeight"; "required": false; }; "headerWidth": { "alias": "headerWidth"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "cellEditors": { "alias": "cellEditors"; "required": false; }; "images": { "alias": "images"; "required": false; }; "excel": { "alias": "excel"; "required": false; }; }, { "change": "change"; "formatChange": "formatChange"; "selectionChange": "selectionChange"; "excelExport": "excelExport"; "excelImport": "excelImport"; "activeSheetChange": "activeSheetChange"; }, never, never, true, never>;
 }

package/tools/tools.service.d.ts

@@ -9,7 +9,7 @@ import * as i0 from "@angular/core";
  */
 export declare class SpreadsheetToolsService {
     ngZone: NgZone;
-    stateChange: EventEmitter<Object>;
+    stateChange: EventEmitter<object>;
     set toolsState(state: any);
     get toolsState(): any;
     private toolsFunctions;