@progress/kendo-angular-grid 18.5.0-develop.1 → 18.5.0-develop.3

package/column-menu/column-menu-item.component.d.ts

@@ -34,13 +34,12 @@ export declare class ColumnMenuItemComponent implements AfterViewInit, OnChanges
      */
     collapse: EventEmitter<any>;
     /**
-     * Specifies the name of the [font icon](slug:icons#icons-list)
-     * that will be rendered for the item.
+     * Specifies the name of the [font icon](slug:icon_list)
+     * that will be rendered within the item.
      */
     icon: string;
     /**
-     * Specifies the name of the [SVG icon]({% slug svgicon_list %})
-     * that will be rendered for the item.
+     * Defines the [SVG icon](slug:svgicon_list) to be rendered within the item.
      */
     svgIcon: SVGIcon;
     /**

package/columns/column.component.d.ts

@@ -13,6 +13,7 @@ import { ColumnBase } from './column-base';
 import { FilterCellTemplateDirective } from '../filtering/cell/filter-cell-template.directive';
 import { FilterMenuTemplateDirective } from '../filtering/menu/filter-menu-template.directive';
 import { IdService } from '../common/id.service';
+import { FieldDataType } from '../common/field-datatype';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -59,13 +60,13 @@ export declare class ColumnComponent extends ColumnBase implements AfterViewInit
      *
      * @default 'text'
      */
-    editor: 'text' | 'numeric' | 'date' | 'boolean';
+    editor: FieldDataType;
     /**
      * Defines the filter type that is displayed inside the filter row. [See example](slug:filtering_grid#toc-filter-data-types).
      *
      * @default 'text'
      */
-    filter: 'text' | 'numeric' | 'boolean' | 'date';
+    filter: FieldDataType;
     /**
      * Defines if a filter UI will be displayed for this column. [See example](slug:filtering_grid).
      *

package/common/field-datatype.d.ts

@@ -0,0 +1,9 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * The data type of the field, associated with a Grid column.
+ * Used to determine the built-in editing and filtering UI for the supported most frequently used data types.
+ */
+export type FieldDataType = 'text' | 'numeric' | 'date' | 'boolean';

package/directives.d.ts

@@ -122,6 +122,7 @@ import { SelectionDirective } from "./selection/selection.directive";
 import { TemplateEditingDirective } from "./editing-directives/template-editing.directive";
 import { ReactiveEditingDirective } from "./editing-directives/reactive-editing.directive";
 import { InCellEditingDirective } from "./editing-directives/in-cell-editing.directive";
+import { ExternalEditingDirective } from "./editing-directives/external-editing.directive";
 import { ExpandDetailsDirective } from "./rendering/details-expand.directive";
 import { ExpandGroupDirective } from "./rendering/groups-expand.directive";
 import { GroupBindingDirective } from "./grouping/group-scroll-binding.directive";
@@ -137,6 +138,7 @@ import { ExcelCommandToolbarDirective } from "./excel/excel-command-tool.directi
 import { AddCommandToolbarDirective } from "./editing/add-command-tool.directive";
 import { RowDragHandleTemplateDirective } from "./row-reordering/drag-handle-template.directive";
 import { RowDragHintTemplateDirective } from "./row-reordering/drag-hint-template.directive";
+import { DialogFormComponent, FormComponent, FormFormFieldComponent } from "./editing/form";
 /**
  * @hidden
  *
@@ -224,13 +226,13 @@ export declare const KENDO_GRID_BODY_EXPORTS: readonly [typeof CommandColumnComp
  *
  * Utility array that contains the Grid module declarations
  */
-export declare const KENDO_GRID_DECLARATIONS: readonly [typeof GridComponent, typeof ListComponent, typeof ToolbarComponent, typeof LocalizedMessagesDirective, typeof CustomMessagesComponent, typeof DataBindingDirective, typeof ToolbarTemplateDirective, typeof SelectionDirective, typeof TemplateEditingDirective, typeof ReactiveEditingDirective, typeof InCellEditingDirective, typeof ExpandDetailsDirective, typeof ExpandGroupDirective, typeof GroupBindingDirective, typeof GridMarqueeDirective, typeof GridSpacerComponent, typeof GridToolbarFocusableDirective, typeof StatusBarComponent, typeof StatusBarTemplateDirective, typeof GridClipboardDirective];
+export declare const KENDO_GRID_DECLARATIONS: readonly [typeof GridComponent, typeof ListComponent, typeof ToolbarComponent, typeof LocalizedMessagesDirective, typeof CustomMessagesComponent, typeof DataBindingDirective, typeof ToolbarTemplateDirective, typeof SelectionDirective, typeof TemplateEditingDirective, typeof ReactiveEditingDirective, typeof InCellEditingDirective, typeof ExternalEditingDirective, typeof ExpandDetailsDirective, typeof ExpandGroupDirective, typeof GroupBindingDirective, typeof GridMarqueeDirective, typeof GridSpacerComponent, typeof GridToolbarFocusableDirective, typeof StatusBarComponent, typeof StatusBarTemplateDirective, typeof GridClipboardDirective, typeof FormComponent, typeof DialogFormComponent, typeof FormFormFieldComponent];
 /**
  * @hidden
  *
  * Utility array that contains the Grid module exports
  */
-export declare const KENDO_GRID_EXPORTS: readonly [typeof GridComponent, typeof ToolbarTemplateDirective, typeof ToolbarComponent, typeof GridSpacerComponent, typeof StatusBarTemplateDirective, typeof DataBindingDirective, typeof SelectionDirective, typeof CustomMessagesComponent, typeof GroupBindingDirective, typeof TemplateEditingDirective, typeof ReactiveEditingDirective, typeof InCellEditingDirective, typeof ExpandDetailsDirective, typeof ExpandGroupDirective, typeof GridToolbarFocusableDirective, typeof GroupHeaderTemplateDirective, typeof GroupHeaderColumnTemplateDirective, typeof GroupFooterTemplateDirective, typeof GroupHeaderComponent, typeof GroupPanelComponent, typeof ColumnComponent, typeof ColumnGroupComponent, typeof LogicalCellDirective, typeof LogicalRowDirective, typeof FocusableDirective, typeof FooterTemplateDirective, typeof ColGroupComponent, typeof ResizableContainerDirective, typeof TemplateContextDirective, typeof FieldAccessorPipe, typeof DetailTemplateDirective, typeof SpanColumnComponent, typeof LoadingComponent, typeof GridTableDirective, typeof CommandColumnComponent, typeof CheckboxColumnComponent, typeof SelectionCheckboxDirective, typeof CellTemplateDirective, typeof EditTemplateDirective, typeof RowDragHandleTemplateDirective, typeof RowDragHintTemplateDirective, typeof TableBodyComponent, typeof NoRecordsTemplateDirective, typeof CellComponent, typeof EditCommandDirective, typeof CancelCommandDirective, typeof SaveCommandDirective, typeof RemoveCommandDirective, typeof AddCommandDirective, typeof AddCommandToolbarDirective, typeof CellLoadingTemplateDirective, typeof LoadingTemplateDirective, typeof RowReorderColumnComponent, typeof HeaderComponent, typeof HeaderTemplateDirective, typeof ColumnHandleDirective, typeof SelectAllCheckboxDirective, typeof FilterRowComponent, typeof FilterCellComponent, typeof FilterCellTemplateDirective, typeof StringFilterCellComponent, typeof NumericFilterCellComponent, typeof AutoCompleteFilterCellComponent, typeof BooleanFilterCellComponent, typeof FilterCellHostDirective, typeof FilterCellWrapperComponent, typeof DateFilterCellComponent, typeof FilterCellOperatorsComponent, typeof ContainsFilterOperatorComponent, typeof DoesNotContainFilterOperatorComponent, typeof EndsWithFilterOperatorComponent, typeof EqualFilterOperatorComponent, typeof IsEmptyFilterOperatorComponent, typeof IsNotEmptyFilterOperatorComponent, typeof IsNotNullFilterOperatorComponent, typeof IsNullFilterOperatorComponent, typeof NotEqualFilterOperatorComponent, typeof StartsWithFilterOperatorComponent, typeof GreaterFilterOperatorComponent, typeof GreaterOrEqualToFilterOperatorComponent, typeof LessFilterOperatorComponent, typeof LessOrEqualToFilterOperatorComponent, typeof AfterFilterOperatorComponent, typeof AfterEqFilterOperatorComponent, typeof BeforeEqFilterOperatorComponent, typeof BeforeFilterOperatorComponent, typeof FilterMenuComponent, typeof FilterMenuContainerComponent, typeof FilterMenuInputWrapperComponent, typeof StringFilterMenuInputComponent, typeof StringFilterMenuComponent, typeof FilterMenuTemplateDirective, typeof NumericFilterMenuComponent, typeof NumericFilterMenuInputComponent, typeof DateFilterMenuInputComponent, typeof DateFilterMenuComponent, typeof FilterMenuHostDirective, typeof BooleanFilterMenuComponent, typeof FilterMenuDropDownListDirective, typeof BooleanFilterRadioButtonDirective, typeof ColumnChooserComponent, typeof ColumnMenuFilterComponent, typeof ColumnMenuItemComponent, typeof ColumnMenuItemContentTemplateDirective, typeof ColumnMenuSortComponent, typeof ColumnMenuLockComponent, typeof ColumnMenuStickComponent, typeof ColumnMenuPositionComponent, typeof ColumnMenuChooserComponent, typeof ColumnMenuTemplateDirective, typeof ColumnMenuContainerComponent, typeof ColumnMenuItemDirective, typeof ColumnMenuComponent, typeof ColumnMenuAutoSizeColumnComponent, typeof ColumnMenuAutoSizeAllColumnsComponent, typeof GridClipboardDirective];
+export declare const KENDO_GRID_EXPORTS: readonly [typeof GridComponent, typeof ToolbarTemplateDirective, typeof ToolbarComponent, typeof GridSpacerComponent, typeof StatusBarTemplateDirective, typeof DataBindingDirective, typeof SelectionDirective, typeof CustomMessagesComponent, typeof GroupBindingDirective, typeof TemplateEditingDirective, typeof ReactiveEditingDirective, typeof InCellEditingDirective, typeof ExternalEditingDirective, typeof ExpandDetailsDirective, typeof ExpandGroupDirective, typeof GridToolbarFocusableDirective, typeof GroupHeaderTemplateDirective, typeof GroupHeaderColumnTemplateDirective, typeof GroupFooterTemplateDirective, typeof GroupHeaderComponent, typeof GroupPanelComponent, typeof ColumnComponent, typeof ColumnGroupComponent, typeof LogicalCellDirective, typeof LogicalRowDirective, typeof FocusableDirective, typeof FooterTemplateDirective, typeof ColGroupComponent, typeof ResizableContainerDirective, typeof TemplateContextDirective, typeof FieldAccessorPipe, typeof DetailTemplateDirective, typeof SpanColumnComponent, typeof LoadingComponent, typeof GridTableDirective, typeof CommandColumnComponent, typeof CheckboxColumnComponent, typeof SelectionCheckboxDirective, typeof CellTemplateDirective, typeof EditTemplateDirective, typeof RowDragHandleTemplateDirective, typeof RowDragHintTemplateDirective, typeof TableBodyComponent, typeof NoRecordsTemplateDirective, typeof CellComponent, typeof EditCommandDirective, typeof CancelCommandDirective, typeof SaveCommandDirective, typeof RemoveCommandDirective, typeof AddCommandDirective, typeof AddCommandToolbarDirective, typeof CellLoadingTemplateDirective, typeof LoadingTemplateDirective, typeof RowReorderColumnComponent, typeof HeaderComponent, typeof HeaderTemplateDirective, typeof ColumnHandleDirective, typeof SelectAllCheckboxDirective, typeof FilterRowComponent, typeof FilterCellComponent, typeof FilterCellTemplateDirective, typeof StringFilterCellComponent, typeof NumericFilterCellComponent, typeof AutoCompleteFilterCellComponent, typeof BooleanFilterCellComponent, typeof FilterCellHostDirective, typeof FilterCellWrapperComponent, typeof DateFilterCellComponent, typeof FilterCellOperatorsComponent, typeof ContainsFilterOperatorComponent, typeof DoesNotContainFilterOperatorComponent, typeof EndsWithFilterOperatorComponent, typeof EqualFilterOperatorComponent, typeof IsEmptyFilterOperatorComponent, typeof IsNotEmptyFilterOperatorComponent, typeof IsNotNullFilterOperatorComponent, typeof IsNullFilterOperatorComponent, typeof NotEqualFilterOperatorComponent, typeof StartsWithFilterOperatorComponent, typeof GreaterFilterOperatorComponent, typeof GreaterOrEqualToFilterOperatorComponent, typeof LessFilterOperatorComponent, typeof LessOrEqualToFilterOperatorComponent, typeof AfterFilterOperatorComponent, typeof AfterEqFilterOperatorComponent, typeof BeforeEqFilterOperatorComponent, typeof BeforeFilterOperatorComponent, typeof FilterMenuComponent, typeof FilterMenuContainerComponent, typeof FilterMenuInputWrapperComponent, typeof StringFilterMenuInputComponent, typeof StringFilterMenuComponent, typeof FilterMenuTemplateDirective, typeof NumericFilterMenuComponent, typeof NumericFilterMenuInputComponent, typeof DateFilterMenuInputComponent, typeof DateFilterMenuComponent, typeof FilterMenuHostDirective, typeof BooleanFilterMenuComponent, typeof FilterMenuDropDownListDirective, typeof BooleanFilterRadioButtonDirective, typeof ColumnChooserComponent, typeof ColumnMenuFilterComponent, typeof ColumnMenuItemComponent, typeof ColumnMenuItemContentTemplateDirective, typeof ColumnMenuSortComponent, typeof ColumnMenuLockComponent, typeof ColumnMenuStickComponent, typeof ColumnMenuPositionComponent, typeof ColumnMenuChooserComponent, typeof ColumnMenuTemplateDirective, typeof ColumnMenuContainerComponent, typeof ColumnMenuItemDirective, typeof ColumnMenuComponent, typeof ColumnMenuAutoSizeColumnComponent, typeof ColumnMenuAutoSizeAllColumnsComponent, typeof GridClipboardDirective];
 /**
  * @hidden
  *
@@ -246,4 +248,4 @@ export declare const KENDO_GRID_PDF_EXPORT: readonly [typeof PDFComponent, typeo
 /**
  * Utility array that contains all `Grid` related components and directives
  */
-export declare const KENDO_GRID: readonly [typeof GridComponent, typeof ToolbarTemplateDirective, typeof ToolbarComponent, typeof GridSpacerComponent, typeof StatusBarTemplateDirective, typeof DataBindingDirective, typeof SelectionDirective, typeof CustomMessagesComponent, typeof GroupBindingDirective, typeof TemplateEditingDirective, typeof ReactiveEditingDirective, typeof InCellEditingDirective, typeof ExpandDetailsDirective, typeof ExpandGroupDirective, typeof GridToolbarFocusableDirective, typeof GroupHeaderTemplateDirective, typeof GroupHeaderColumnTemplateDirective, typeof GroupFooterTemplateDirective, typeof GroupHeaderComponent, typeof GroupPanelComponent, typeof ColumnComponent, typeof ColumnGroupComponent, typeof LogicalCellDirective, typeof LogicalRowDirective, typeof FocusableDirective, typeof FooterTemplateDirective, typeof ColGroupComponent, typeof ResizableContainerDirective, typeof TemplateContextDirective, typeof FieldAccessorPipe, typeof DetailTemplateDirective, typeof SpanColumnComponent, typeof LoadingComponent, typeof GridTableDirective, typeof CommandColumnComponent, typeof CheckboxColumnComponent, typeof SelectionCheckboxDirective, typeof CellTemplateDirective, typeof EditTemplateDirective, typeof RowDragHandleTemplateDirective, typeof RowDragHintTemplateDirective, typeof TableBodyComponent, typeof NoRecordsTemplateDirective, typeof CellComponent, typeof EditCommandDirective, typeof CancelCommandDirective, typeof SaveCommandDirective, typeof RemoveCommandDirective, typeof AddCommandDirective, typeof AddCommandToolbarDirective, typeof CellLoadingTemplateDirective, typeof LoadingTemplateDirective, typeof RowReorderColumnComponent, typeof HeaderComponent, typeof HeaderTemplateDirective, typeof ColumnHandleDirective, typeof SelectAllCheckboxDirective, typeof FilterRowComponent, typeof FilterCellComponent, typeof FilterCellTemplateDirective, typeof StringFilterCellComponent, typeof NumericFilterCellComponent, typeof AutoCompleteFilterCellComponent, typeof BooleanFilterCellComponent, typeof FilterCellHostDirective, typeof FilterCellWrapperComponent, typeof DateFilterCellComponent, typeof FilterCellOperatorsComponent, typeof ContainsFilterOperatorComponent, typeof DoesNotContainFilterOperatorComponent, typeof EndsWithFilterOperatorComponent, typeof EqualFilterOperatorComponent, typeof IsEmptyFilterOperatorComponent, typeof IsNotEmptyFilterOperatorComponent, typeof IsNotNullFilterOperatorComponent, typeof IsNullFilterOperatorComponent, typeof NotEqualFilterOperatorComponent, typeof StartsWithFilterOperatorComponent, typeof GreaterFilterOperatorComponent, typeof GreaterOrEqualToFilterOperatorComponent, typeof LessFilterOperatorComponent, typeof LessOrEqualToFilterOperatorComponent, typeof AfterFilterOperatorComponent, typeof AfterEqFilterOperatorComponent, typeof BeforeEqFilterOperatorComponent, typeof BeforeFilterOperatorComponent, typeof FilterMenuComponent, typeof FilterMenuContainerComponent, typeof FilterMenuInputWrapperComponent, typeof StringFilterMenuInputComponent, typeof StringFilterMenuComponent, typeof FilterMenuTemplateDirective, typeof NumericFilterMenuComponent, typeof NumericFilterMenuInputComponent, typeof DateFilterMenuInputComponent, typeof DateFilterMenuComponent, typeof FilterMenuHostDirective, typeof BooleanFilterMenuComponent, typeof FilterMenuDropDownListDirective, typeof BooleanFilterRadioButtonDirective, typeof ColumnChooserComponent, typeof ColumnMenuFilterComponent, typeof ColumnMenuItemComponent, typeof ColumnMenuItemContentTemplateDirective, typeof ColumnMenuSortComponent, typeof ColumnMenuLockComponent, typeof ColumnMenuStickComponent, typeof ColumnMenuPositionComponent, typeof ColumnMenuChooserComponent, typeof ColumnMenuTemplateDirective, typeof ColumnMenuContainerComponent, typeof ColumnMenuItemDirective, typeof ColumnMenuComponent, typeof ColumnMenuAutoSizeColumnComponent, typeof ColumnMenuAutoSizeAllColumnsComponent, typeof GridClipboardDirective, typeof ExcelComponent, typeof ExcelCommandDirective, typeof ExcelCommandToolbarDirective, typeof ExcelColumnComponent, typeof ExcelColumnGroupComponent, typeof ExcelFooterTemplateDirective, typeof ExcelGroupFooterTemplateDirective, typeof ExcelGroupHeaderColumnTemplateDirective, typeof ExcelGroupHeaderTemplateDirective, typeof PDFComponent, typeof PDFMarginComponent, typeof PDFCommandDirective, typeof PDFTemplateDirective, typeof PDFCommandToolbarDirective];
+export declare const KENDO_GRID: readonly [typeof GridComponent, typeof ToolbarTemplateDirective, typeof ToolbarComponent, typeof GridSpacerComponent, typeof StatusBarTemplateDirective, typeof DataBindingDirective, typeof SelectionDirective, typeof CustomMessagesComponent, typeof GroupBindingDirective, typeof TemplateEditingDirective, typeof ReactiveEditingDirective, typeof InCellEditingDirective, typeof ExternalEditingDirective, typeof ExpandDetailsDirective, typeof ExpandGroupDirective, typeof GridToolbarFocusableDirective, typeof GroupHeaderTemplateDirective, typeof GroupHeaderColumnTemplateDirective, typeof GroupFooterTemplateDirective, typeof GroupHeaderComponent, typeof GroupPanelComponent, typeof ColumnComponent, typeof ColumnGroupComponent, typeof LogicalCellDirective, typeof LogicalRowDirective, typeof FocusableDirective, typeof FooterTemplateDirective, typeof ColGroupComponent, typeof ResizableContainerDirective, typeof TemplateContextDirective, typeof FieldAccessorPipe, typeof DetailTemplateDirective, typeof SpanColumnComponent, typeof LoadingComponent, typeof GridTableDirective, typeof CommandColumnComponent, typeof CheckboxColumnComponent, typeof SelectionCheckboxDirective, typeof CellTemplateDirective, typeof EditTemplateDirective, typeof RowDragHandleTemplateDirective, typeof RowDragHintTemplateDirective, typeof TableBodyComponent, typeof NoRecordsTemplateDirective, typeof CellComponent, typeof EditCommandDirective, typeof CancelCommandDirective, typeof SaveCommandDirective, typeof RemoveCommandDirective, typeof AddCommandDirective, typeof AddCommandToolbarDirective, typeof CellLoadingTemplateDirective, typeof LoadingTemplateDirective, typeof RowReorderColumnComponent, typeof HeaderComponent, typeof HeaderTemplateDirective, typeof ColumnHandleDirective, typeof SelectAllCheckboxDirective, typeof FilterRowComponent, typeof FilterCellComponent, typeof FilterCellTemplateDirective, typeof StringFilterCellComponent, typeof NumericFilterCellComponent, typeof AutoCompleteFilterCellComponent, typeof BooleanFilterCellComponent, typeof FilterCellHostDirective, typeof FilterCellWrapperComponent, typeof DateFilterCellComponent, typeof FilterCellOperatorsComponent, typeof ContainsFilterOperatorComponent, typeof DoesNotContainFilterOperatorComponent, typeof EndsWithFilterOperatorComponent, typeof EqualFilterOperatorComponent, typeof IsEmptyFilterOperatorComponent, typeof IsNotEmptyFilterOperatorComponent, typeof IsNotNullFilterOperatorComponent, typeof IsNullFilterOperatorComponent, typeof NotEqualFilterOperatorComponent, typeof StartsWithFilterOperatorComponent, typeof GreaterFilterOperatorComponent, typeof GreaterOrEqualToFilterOperatorComponent, typeof LessFilterOperatorComponent, typeof LessOrEqualToFilterOperatorComponent, typeof AfterFilterOperatorComponent, typeof AfterEqFilterOperatorComponent, typeof BeforeEqFilterOperatorComponent, typeof BeforeFilterOperatorComponent, typeof FilterMenuComponent, typeof FilterMenuContainerComponent, typeof FilterMenuInputWrapperComponent, typeof StringFilterMenuInputComponent, typeof StringFilterMenuComponent, typeof FilterMenuTemplateDirective, typeof NumericFilterMenuComponent, typeof NumericFilterMenuInputComponent, typeof DateFilterMenuInputComponent, typeof DateFilterMenuComponent, typeof FilterMenuHostDirective, typeof BooleanFilterMenuComponent, typeof FilterMenuDropDownListDirective, typeof BooleanFilterRadioButtonDirective, typeof ColumnChooserComponent, typeof ColumnMenuFilterComponent, typeof ColumnMenuItemComponent, typeof ColumnMenuItemContentTemplateDirective, typeof ColumnMenuSortComponent, typeof ColumnMenuLockComponent, typeof ColumnMenuStickComponent, typeof ColumnMenuPositionComponent, typeof ColumnMenuChooserComponent, typeof ColumnMenuTemplateDirective, typeof ColumnMenuContainerComponent, typeof ColumnMenuItemDirective, typeof ColumnMenuComponent, typeof ColumnMenuAutoSizeColumnComponent, typeof ColumnMenuAutoSizeAllColumnsComponent, typeof GridClipboardDirective, typeof ExcelComponent, typeof ExcelCommandDirective, typeof ExcelCommandToolbarDirective, typeof ExcelColumnComponent, typeof ExcelColumnGroupComponent, typeof ExcelFooterTemplateDirective, typeof ExcelGroupFooterTemplateDirective, typeof ExcelGroupHeaderColumnTemplateDirective, typeof ExcelGroupHeaderTemplateDirective, typeof PDFComponent, typeof PDFMarginComponent, typeof PDFCommandDirective, typeof PDFTemplateDirective, typeof PDFCommandToolbarDirective];

package/editing/form/dialog-form.component.d.ts

@@ -0,0 +1,27 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { DialogContentBase, DialogRef } from '@progress/kendo-angular-dialog';
+import { FormControlSettings, FormSettings } from './models';
+import { FormGroup } from '@angular/forms';
+import { SVGIcon } from '@progress/kendo-svg-icons';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class DialogFormComponent extends DialogContentBase {
+    private localization;
+    controls: FormControlSettings[];
+    formGroup: FormGroup;
+    formSettings: FormSettings;
+    saveIcon: SVGIcon;
+    cancelIcon: SVGIcon;
+    constructor(dialogRef: DialogRef, localization: LocalizationService);
+    save(): void;
+    cancel(): void;
+    messageFor(key: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DialogFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DialogFormComponent, "kendo-grid-dialog-form", never, { "controls": { "alias": "controls"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; "formSettings": { "alias": "formSettings"; "required": false; }; }, {}, never, never, true, never>;
+}

package/editing/form/form-formfield.component.d.ts

@@ -0,0 +1,24 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { AfterContentInit, ChangeDetectorRef } from '@angular/core';
+import { FormControlSettings } from './models';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class FormFormFieldComponent implements AfterContentInit {
+    private localization;
+    private cdr;
+    control: FormControlSettings;
+    floatingLabel: boolean;
+    showError: boolean;
+    input: any;
+    constructor(localization: LocalizationService, cdr: ChangeDetectorRef);
+    ngAfterContentInit(): void;
+    messageFor(key: string, errorName: string, field: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormFormFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFormFieldComponent, "kendo-form-formfield", never, { "control": { "alias": "control"; "required": false; }; "floatingLabel": { "alias": "floatingLabel"; "required": false; }; "showError": { "alias": "showError"; "required": false; }; }, {}, never, never, true, never>;
+}

package/editing/form/form.component.d.ts

@@ -0,0 +1,28 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { EventEmitter, OnInit } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { FormActionButton, FormControlSettings, FormSettings, FormSubmitEvent } from './models';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class FormComponent implements OnInit {
+    controls: FormControlSettings[];
+    set formSettings(value: FormSettings);
+    get formSettings(): FormSettings;
+    formGroup: FormGroup;
+    set actionButtons(value: boolean | FormActionButton[]);
+    get actionButtons(): FormActionButton[];
+    formSubmit: EventEmitter<FormSubmitEvent>;
+    get componentIndex(): number;
+    private _formSettings;
+    private defaultActionButtons;
+    private _actionButtons;
+    ngOnInit(): void;
+    private normalizeActionButtonSettings;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormComponent, "kendo-grid-external-form", never, { "controls": { "alias": "controls"; "required": false; }; "formSettings": { "alias": "formSettings"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; "actionButtons": { "alias": "actionButtons"; "required": false; }; }, { "formSubmit": "formSubmit"; }, never, never, true, never>;
+}

package/editing/form/index.d.ts

@@ -0,0 +1,8 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export * from './models';
+export * from './form.component';
+export * from './dialog-form.component';
+export * from './form-formfield.component';

package/editing/form/models.d.ts

@@ -0,0 +1,196 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TemplateRef, ViewContainerRef } from "@angular/core";
+import { FormControl, FormGroup } from "@angular/forms";
+import { ButtonFillMode, ButtonRounded, ButtonSize, ButtonThemeColor } from "@progress/kendo-angular-buttons";
+import { ActionsLayout, DialogAnimation, DialogThemeColor } from "@progress/kendo-angular-dialog";
+import { Orientation } from "@progress/kendo-angular-inputs";
+import { SVGIcon } from "@progress/kendo-svg-icons";
+import { FieldDataType } from "../../common/field-datatype";
+/**
+ * @hidden
+ */
+export interface FormControlSettings {
+    name: string;
+    label?: string;
+    hint?: string;
+    errors?: {
+        [key: string]: string;
+    };
+    dataType: FieldDataType;
+    formControl: FormControl;
+    orientation?: Orientation;
+    template?: TemplateRef<any>;
+    templateContext?: any;
+}
+/**
+ * The configurable settings of the built-in external editing form.
+ */
+export interface FormSettings {
+    /**
+     * Allows customizing the label, hint, and error messages for each form control.
+     */
+    fields?: {
+        [key: string]: FormFieldSettings;
+    };
+    /**
+     * Sets the orientation of the elements within the form.
+     *
+     * @default 'vertical'
+     */
+    orientation?: Orientation;
+    /**
+     * Determines whether to display validation errors for each form control.
+     *
+     * @default true
+     */
+    showErrors?: boolean;
+    /**
+     * Determines whether to render `FloatingLabel` components instead of the default `Label` components.
+     *
+     * @default false
+     */
+    floatingLabels?: boolean;
+}
+/**
+ * The configurable settings of the form fields in the built-in external editing form.
+ */
+export interface FormFieldSettings {
+    /**
+     * Use this option to pass custom error messages as key-value pairs where the key is the name of the error in
+     * the `FormControl` validators, and the value is the desired error message to be displayed in the form when the control is invalid.
+     *
+     * The default error message will follow the pattern `The "{fieldName}" field has "{errorName}" validation error`.
+     */
+    errors?: {
+        [key: string]: string;
+    };
+    /**
+     * Use this option to provide custom hint text. By default, no hint message will be displayed.
+     */
+    hint?: string;
+    /**
+     * Use this option to provide custom label for the respective form control.
+     * By default, the column `title` (or `field` when there is no `title` set) will be displayed.
+     */
+    label?: string;
+}
+/**
+ * The settings of the external editing Dialog.
+ */
+export interface FormDialogSettings {
+    /**
+     * Sets the title of the Dialog. If `title` is omitted,
+     * the Dialog will not render a **Close** button.
+     */
+    title?: string;
+    /**
+     * Sets the CSS classes that will be rendered on the Dialog wrapper element.
+     * Supports the union type of values that [ngClass](link:site.data.urls.angular['ngclassapi']) accepts.
+     */
+    cssClass?: any;
+    /**
+     * Configures the Dialog opening animation ([see example]({% slug animations_dialog %})).
+     * By default the animation type is set to `translate` and its duration is `300ms`.
+     */
+    animation?: boolean | DialogAnimation;
+    /**
+     * Sets the HTML attributes of the Dialog wrapper element.
+     * The property accepts string key-value based pairs.
+     */
+    htmlAttributes?: {
+        [key: string]: string;
+    };
+    /**
+     * Specifies the width of the Dialog.
+     * A numeric value sets the width in pixels.
+     * A string value sets the width in arbitrary units&mdash;for example, `50%`.
+     */
+    width?: number | string;
+    /**
+     * Specifies the minimum width of the Dialog.
+     * A numeric value sets the minimum width in pixels.
+     * A string value sets the minimum width in arbitrary units&mdash;for example, `50%`.
+     */
+    minWidth?: number | string;
+    /**
+     * Specifies the maximum width of the Dialog.
+     * A numeric value sets the maximum width in pixels.
+     * A string value sets the maximum width in arbitrary units&mdash;for example, `50%`.
+     */
+    maxWidth?: number | string;
+    /**
+     * Specifies the height of the Dialog.
+     * A numeric value sets the height in pixels.
+     * A string value sets the height in arbitrary units&mdash;for example, `50%`.
+     */
+    height?: number | string;
+    /**
+     * Specifies the minimum height of the Dialog.
+     * A numeric value sets the minimum height in pixels.
+     * A string value sets the minimum height in arbitrary units&mdash;for example, `50%`.
+     */
+    minHeight?: number | string;
+    /**
+     * Specifies the maximum height of the Dialog.
+     * A numeric value sets the maximum height in pixels.
+     * A string value sets the maximum height in arbitrary units&mdash;for example, `50%`.
+     */
+    maxHeight?: number | string;
+    /**
+     * Defines the container in which the Dialog will be inserted.
+     * Specifying this option changes the place in the page hierarchy where the Dialog will be inserted.
+     * The styling of the Dialog will remain the same.
+     */
+    appendTo?: ViewContainerRef;
+    /**
+     * Specifies the title of the close button.
+     */
+    closeTitle?: string;
+    /**
+     * Specifies the layout of the action buttons in the Dialog.
+     */
+    actionsLayout?: ActionsLayout;
+    /**
+     * Specifies the theme color of the Dialog.
+     */
+    themeColor?: DialogThemeColor;
+}
+/**
+ * @hidden
+ */
+export interface FormActionButton {
+    actionType: FormActionButtonType;
+    text?: string;
+    clickHandler?: FormActionCallback;
+    icon?: string;
+    svgIcon?: SVGIcon;
+    fillMode?: ButtonFillMode;
+    rounded?: ButtonRounded;
+    size?: ButtonSize;
+    themeColor?: ButtonThemeColor;
+}
+/**
+ * @hidden
+ */
+export type FormActionButtonType = 'submit' | 'reset' | 'button';
+/**
+ * @hidden
+ */
+export type FormActionCallback = (event?: FormActionEvent) => any;
+/**
+ * @hidden
+ */
+export interface FormActionEvent {
+    originalEvent: Event;
+    actionType: FormActionButtonType;
+}
+/**
+ * @hidden
+ */
+export interface FormSubmitEvent {
+    originalEvent: any;
+    formGroup: FormGroup;
+}

package/editing-directives/editing-directive-base.d.ts

@@ -5,9 +5,11 @@
 import { OnInit, OnDestroy } from '@angular/core';
 import { GridComponent } from '../grid.component';
 import { EditService } from './edit-service.interface';
-import { Subscription } from 'rxjs';
+import { Subscription, Subject } from 'rxjs';
 import { LocalDataChangesService } from '../editing/local-data-changes.service';
 import { RemoveConfirmationCallback } from '../common/remove-confirmation';
+import { DialogService } from '@progress/kendo-angular-dialog';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -20,10 +22,15 @@ export declare abstract class EditingDirectiveBase implements OnInit, OnDestroy
      */
     set editService(value: EditService);
     get editService(): EditService;
+    removeConfirmationSubject: Subject<boolean>;
+    protected dialogService: DialogService;
+    protected localization: LocalizationService;
+    private defaultRemoveConfirmation;
     /**
      * A function that is called to confirm if the `dataItem` will be removed.
+     * Setting to `true` will result in displaying a default confirmation dialog.
      */
-    removeConfirmation: RemoveConfirmationCallback;
+    removeConfirmation: boolean | RemoveConfirmationCallback;
     protected subscriptions: Subscription;
     protected defaultEditService: EditService;
     protected userEditService: EditService;
@@ -39,7 +46,7 @@ export declare abstract class EditingDirectiveBase implements OnInit, OnDestroy
      */
     ngOnDestroy(): void;
     protected createDefaultService(): EditService;
-    protected addHandler(): void;
+    protected addHandler(_args?: any): void;
     protected saveHandler(args: any): void;
     protected cancelHandler({ rowIndex }: any): void;
     protected removeHandler({ dataItem }: any): void;

package/editing-directives/external-editing.directive.d.ts

@@ -0,0 +1,46 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { GridComponent } from '../grid.component';
+import { LocalDataChangesService } from '../editing/local-data-changes.service';
+import { CreateFormGroup } from '../common/create-form-group';
+import { EditingDirectiveBase } from './editing-directive-base';
+import { FormDialogSettings, FormSettings } from '../editing/form';
+import { FormGroup } from '@angular/forms';
+import { EditEvent } from '../editing/edit-event-args.interface';
+import * as i0 from "@angular/core";
+/**
+ * A directive which encapsulates the editing operations of the Grid when using the
+ * External Form ([see example](slug:editing_directives_grid#external-editing)).
+ */
+export declare class ExternalEditingDirective extends EditingDirectiveBase {
+    protected grid: GridComponent;
+    protected localDataChangesService: LocalDataChangesService;
+    /**
+     * The function that creates the `FormGroup` for the edited model.
+     */
+    createFormGroup: CreateFormGroup;
+    /**
+     * Allows you to customize form orientation, hints, labels and error messages.
+     */
+    formSettings: FormSettings;
+    /**
+     * Allows you to customize the Dialog that contains the edit form.
+     */
+    dialogSettings: FormDialogSettings;
+    constructor(grid: GridComponent, localDataChangesService: LocalDataChangesService);
+    ngOnInit(): void;
+    /**
+     * @hidden
+     * Opens a Dialog that contains the edit form.
+     */
+    openEditFormDialog(editEventArgs: EditEvent, formGroup: FormGroup, formSettings?: FormSettings): void;
+    protected createModel(args: any): any;
+    protected editHandler(args: any): void;
+    protected saveModel({ dataItem, formGroup, isNew }: any): any;
+    protected addHandler(args: any): void;
+    private normalizeFormSettings;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ExternalEditingDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ExternalEditingDirective, "[kendoGridExternalEditing]", never, { "createFormGroup": { "alias": "kendoGridExternalEditing"; "required": false; }; "formSettings": { "alias": "formSettings"; "required": false; }; "dialogSettings": { "alias": "dialogSettings"; "required": false; }; }, {}, never, never, true, never>;
+}

package/esm2022/column-menu/column-menu-item.component.mjs

@@ -38,13 +38,12 @@ export class ColumnMenuItemComponent {
      */
     collapse = new EventEmitter();
     /**
-     * Specifies the name of the [font icon](slug:icons#icons-list)
-     * that will be rendered for the item.
+     * Specifies the name of the [font icon](slug:icon_list)
+     * that will be rendered within the item.
      */
     icon;
     /**
-     * Specifies the name of the [SVG icon]({% slug svgicon_list %})
-     * that will be rendered for the item.
+     * Defines the [SVG icon](slug:svgicon_list) to be rendered within the item.
      */
     svgIcon;
     /**

package/esm2022/common/field-datatype.mjs

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

package/esm2022/directives.mjs

@@ -130,6 +130,7 @@ import { SelectionDirective } from "./selection/selection.directive";
 import { TemplateEditingDirective } from "./editing-directives/template-editing.directive";
 import { ReactiveEditingDirective } from "./editing-directives/reactive-editing.directive";
 import { InCellEditingDirective } from "./editing-directives/in-cell-editing.directive";
+import { ExternalEditingDirective } from "./editing-directives/external-editing.directive";
 import { ExpandDetailsDirective } from "./rendering/details-expand.directive";
 import { ExpandGroupDirective } from "./rendering/groups-expand.directive";
 import { GroupBindingDirective } from "./grouping/group-scroll-binding.directive";
@@ -145,6 +146,7 @@ import { ExcelCommandToolbarDirective } from "./excel/excel-command-tool.directi
 import { AddCommandToolbarDirective } from "./editing/add-command-tool.directive";
 import { RowDragHandleTemplateDirective } from "./row-reordering/drag-handle-template.directive";
 import { RowDragHintTemplateDirective } from "./row-reordering/drag-hint-template.directive";
+import { DialogFormComponent, FormComponent, FormFormFieldComponent } from "./editing/form";
 /**
  * @hidden
  *
@@ -383,6 +385,7 @@ export const KENDO_GRID_DECLARATIONS = [
     TemplateEditingDirective,
     ReactiveEditingDirective,
     InCellEditingDirective,
+    ExternalEditingDirective,
     ExpandDetailsDirective,
     ExpandGroupDirective,
     GroupBindingDirective,
@@ -391,7 +394,10 @@ export const KENDO_GRID_DECLARATIONS = [
     GridToolbarFocusableDirective,
     StatusBarComponent,
     StatusBarTemplateDirective,
-    GridClipboardDirective
+    GridClipboardDirective,
+    FormComponent,
+    DialogFormComponent,
+    FormFormFieldComponent
 ];
 /**
  * @hidden
@@ -411,6 +417,7 @@ export const KENDO_GRID_EXPORTS = [
     TemplateEditingDirective,
     ReactiveEditingDirective,
     InCellEditingDirective,
+    ExternalEditingDirective,
     ExpandDetailsDirective,
     ExpandGroupDirective,
     GridToolbarFocusableDirective,

package/esm2022/editing/edit.service.mjs

@@ -153,7 +153,7 @@ export class EditService {
         this.changes.emit({ action: 'edit', rowIndex });
     }
     beginAdd() {
-        this.changes.emit({ action: 'add' });
+        this.changes.emit({ action: 'add', isNew: true });
     }
     endEdit(rowIndex) {
         const { group: formGroup } = this.context(rowIndex);