@progress/kendo-angular-grid 18.4.1-develop.2 → 18.5.0-develop.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/column-menu/column-chooser.component.d.ts +0 -4
  2. package/column-menu/column-menu-item.component.d.ts +3 -4
  3. package/columns/column-base.d.ts +3 -2
  4. package/columns/column.component.d.ts +5 -5
  5. package/common/dom-events.service.d.ts +1 -0
  6. package/common/field-datatype.d.ts +9 -0
  7. package/directives.d.ts +5 -3
  8. package/editing/form/dialog-form.component.d.ts +27 -0
  9. package/editing/form/form-formfield.component.d.ts +24 -0
  10. package/editing/form/form.component.d.ts +28 -0
  11. package/editing/form/index.d.ts +8 -0
  12. package/editing/form/models.d.ts +196 -0
  13. package/editing-directives/editing-directive-base.d.ts +10 -3
  14. package/editing-directives/external-editing.directive.d.ts +46 -0
  15. package/esm2022/column-menu/column-chooser.component.mjs +2 -13
  16. package/esm2022/column-menu/column-list.component.mjs +53 -33
  17. package/esm2022/column-menu/column-menu-item.component.mjs +3 -4
  18. package/esm2022/columns/column-base.mjs +4 -0
  19. package/esm2022/columns/column.component.mjs +0 -4
  20. package/esm2022/common/dom-events.service.mjs +1 -0
  21. package/esm2022/common/field-datatype.mjs +5 -0
  22. package/esm2022/directives.mjs +8 -1
  23. package/esm2022/editing/edit.service.mjs +1 -1
  24. package/esm2022/editing/form/dialog-form.component.mjs +102 -0
  25. package/esm2022/editing/form/form-formfield.component.mjs +161 -0
  26. package/esm2022/editing/form/form.component.mjs +153 -0
  27. package/esm2022/editing/form/index.mjs +8 -0
  28. package/esm2022/editing/form/models.mjs +5 -0
  29. package/esm2022/editing-directives/editing-directive-base.mjs +33 -5
  30. package/esm2022/editing-directives/external-editing.directive.mjs +130 -0
  31. package/esm2022/filtering/cell/filter-cell-host.directive.mjs +5 -5
  32. package/esm2022/filtering/filter-host.directive.mjs +5 -7
  33. package/esm2022/filtering/menu/filter-menu-host.directive.mjs +5 -5
  34. package/esm2022/grid.component.mjs +78 -14
  35. package/esm2022/grid.module.mjs +15 -11
  36. package/esm2022/index.mjs +1 -0
  37. package/esm2022/localization/messages.mjs +62 -1
  38. package/esm2022/navigation/navigation.service.mjs +46 -16
  39. package/esm2022/package-metadata.mjs +2 -2
  40. package/esm2022/rendering/footer/footer.component.mjs +12 -5
  41. package/esm2022/rendering/table-body.component.mjs +1 -1
  42. package/esm2022/selection/cell-selection.service.mjs +12 -4
  43. package/esm2022/selection/marquee.directive.mjs +7 -2
  44. package/esm2022/selection/selection.service.mjs +10 -6
  45. package/esm2022/utils.mjs +10 -1
  46. package/fesm2022/progress-kendo-angular-grid.mjs +858 -141
  47. package/filtering/cell/filter-cell-host.directive.d.ts +2 -2
  48. package/filtering/filter-host.directive.d.ts +2 -3
  49. package/filtering/menu/filter-menu-host.directive.d.ts +2 -2
  50. package/grid.component.d.ts +0 -6
  51. package/grid.module.d.ts +15 -11
  52. package/index.d.ts +3 -0
  53. package/localization/messages.d.ts +46 -1
  54. package/navigation/navigation.service.d.ts +2 -0
  55. package/package.json +19 -19
  56. package/rendering/footer/footer.component.d.ts +3 -1
  57. package/schematics/ngAdd/index.js +4 -4
  58. package/selection/cell-selection.service.d.ts +1 -1
  59. package/selection/selection.service.d.ts +2 -2
  60. package/selection/types.d.ts +5 -0
  61. package/utils.d.ts +5 -0
@@ -65,10 +65,6 @@ export declare class ColumnChooserComponent implements OnDestroy {
65
65
  * @hidden
66
66
  */
67
67
  onChange(changed: any[]): void;
68
- /**
69
- * @hidden
70
- */
71
- onShiftTab(e: Event): void;
72
68
  private close;
73
69
  private detachClose;
74
70
  static ɵfac: i0.ɵɵFactoryDeclaration<ColumnChooserComponent, never>;
@@ -34,13 +34,12 @@ export declare class ColumnMenuItemComponent implements AfterViewInit, OnChanges
34
34
  */
35
35
  collapse: EventEmitter<any>;
36
36
  /**
37
- * Specifies the name of the [font icon](slug:icons#icons-list)
38
- * that will be rendered for the item.
37
+ * Specifies the name of the [font icon](slug:icon_list)
38
+ * that will be rendered within the item.
39
39
  */
40
40
  icon: string;
41
41
  /**
42
- * Specifies the name of the [SVG icon]({% slug svgicon_list %})
43
- * that will be rendered for the item.
42
+ * Defines the [SVG icon](slug:svgicon_list) to be rendered within the item.
44
43
  */
45
44
  svgIcon: SVGIcon;
46
45
  /**
@@ -2,7 +2,7 @@
2
2
  * Copyright © 2025 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
- import { TemplateRef, QueryList } from '@angular/core';
5
+ import { TemplateRef, QueryList, AfterViewInit } from '@angular/core';
6
6
  import { HeaderTemplateDirective } from '../rendering/header/header-template.directive';
7
7
  import { FooterTemplateDirective } from '../rendering/footer/footer-template.directive';
8
8
  import { ColumnMenuTemplateDirective } from '../column-menu/column-menu-template.directive';
@@ -24,7 +24,7 @@ export declare const isRowReorderColumn: (column: any) => any;
24
24
  /**
25
25
  * The base class for the column components of the Grid.
26
26
  */
27
- export declare class ColumnBase {
27
+ export declare class ColumnBase implements AfterViewInit {
28
28
  parent?: ColumnBase;
29
29
  /**
30
30
  * @hidden
@@ -303,6 +303,7 @@ export declare class ColumnBase {
303
303
  * @hidden
304
304
  */
305
305
  constructor(parent?: ColumnBase, idService?: IdService);
306
+ ngAfterViewInit(): void;
306
307
  static ɵfac: i0.ɵɵFactoryDeclaration<ColumnBase, never>;
307
308
  static ɵcmp: i0.ɵɵComponentDeclaration<ColumnBase, "kendo-grid-column-base", never, { "resizable": { "alias": "resizable"; "required": false; }; "reorderable": { "alias": "reorderable"; "required": false; }; "minResizableWidth": { "alias": "minResizableWidth"; "required": false; }; "maxResizableWidth": { "alias": "maxResizableWidth"; "required": false; }; "title": { "alias": "title"; "required": false; }; "width": { "alias": "width"; "required": false; }; "autoSize": { "alias": "autoSize"; "required": false; }; "locked": { "alias": "locked"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; "media": { "alias": "media"; "required": false; }; "lockable": { "alias": "lockable"; "required": false; }; "stickable": { "alias": "stickable"; "required": false; }; "columnMenu": { "alias": "columnMenu"; "required": false; }; "includeInChooser": { "alias": "includeInChooser"; "required": false; }; "tableCellsRole": { "alias": "tableCellsRole"; "required": false; }; "style": { "alias": "style"; "required": false; }; "headerStyle": { "alias": "headerStyle"; "required": false; }; "filterStyle": { "alias": "filterStyle"; "required": false; }; "footerStyle": { "alias": "footerStyle"; "required": false; }; "cssClass": { "alias": "class"; "required": false; }; "headerClass": { "alias": "headerClass"; "required": false; }; "filterClass": { "alias": "filterClass"; "required": false; }; "footerClass": { "alias": "footerClass"; "required": false; }; "cellRowspan": { "alias": "cellRowspan"; "required": false; }; }, {}, ["footerTemplate", "headerTemplates", "columnMenuTemplates"], never, false, never>;
308
309
  }
@@ -2,7 +2,7 @@
2
2
  * Copyright © 2025 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
- import { TemplateRef, AfterViewInit } from '@angular/core';
5
+ import { TemplateRef } from '@angular/core';
6
6
  import { CellTemplateDirective } from '../rendering/cell-template.directive';
7
7
  import { GroupHeaderTemplateDirective } from '../grouping/group-header-template.directive';
8
8
  import { GroupHeaderColumnTemplateDirective } from '../grouping/group-header-column-template.directive';
@@ -13,6 +13,7 @@ import { ColumnBase } from './column-base';
13
13
  import { FilterCellTemplateDirective } from '../filtering/cell/filter-cell-template.directive';
14
14
  import { FilterMenuTemplateDirective } from '../filtering/menu/filter-menu-template.directive';
15
15
  import { IdService } from '../common/id.service';
16
+ import { FieldDataType } from '../common/field-datatype';
16
17
  import * as i0 from "@angular/core";
17
18
  /**
18
19
  * @hidden
@@ -30,7 +31,7 @@ export declare function isColumnComponent(column: any): column is ColumnComponen
30
31
  * </kendo-grid>
31
32
  * ```
32
33
  */
33
- export declare class ColumnComponent extends ColumnBase implements AfterViewInit {
34
+ export declare class ColumnComponent extends ColumnBase {
34
35
  /**
35
36
  * The field to which the column is bound.
36
37
  */
@@ -59,13 +60,13 @@ export declare class ColumnComponent extends ColumnBase implements AfterViewInit
59
60
  *
60
61
  * @default 'text'
61
62
  */
62
- editor: 'text' | 'numeric' | 'date' | 'boolean';
63
+ editor: FieldDataType;
63
64
  /**
64
65
  * Defines the filter type that is displayed inside the filter row. [See example](slug:filtering_grid#toc-filter-data-types).
65
66
  *
66
67
  * @default 'text'
67
68
  */
68
- filter: 'text' | 'numeric' | 'boolean' | 'date';
69
+ filter: FieldDataType;
69
70
  /**
70
71
  * Defines if a filter UI will be displayed for this column. [See example](slug:filtering_grid).
71
72
  *
@@ -94,7 +95,6 @@ export declare class ColumnComponent extends ColumnBase implements AfterViewInit
94
95
  get filterCellTemplateRef(): TemplateRef<any>;
95
96
  get filterMenuTemplateRef(): TemplateRef<any>;
96
97
  get displayTitle(): string;
97
- ngAfterViewInit(): void;
98
98
  static ɵfac: i0.ɵɵFactoryDeclaration<ColumnComponent, [{ optional: true; host: true; skipSelf: true; }, { optional: true; }]>;
99
99
  static ɵcmp: i0.ɵɵComponentDeclaration<ColumnComponent, "kendo-grid-column", never, { "field": { "alias": "field"; "required": false; }; "format": { "alias": "format"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "groupable": { "alias": "groupable"; "required": false; }; "editor": { "alias": "editor"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; }, {}, ["template", "groupHeaderTemplate", "groupHeaderColumnTemplate", "groupFooterTemplate", "editTemplate", "filterCellTemplate", "filterMenuTemplate"], never, true, never>;
100
100
  }
@@ -13,6 +13,7 @@ export declare class DomEventsService {
13
13
  cellMouseup: EventEmitter<any>;
14
14
  click: EventEmitter<any>;
15
15
  keydown: EventEmitter<any>;
16
+ shiftKeyup: EventEmitter<any>;
16
17
  focus: EventEmitter<any>;
17
18
  focusIn: EventEmitter<any>;
18
19
  focusOut: EventEmitter<any>;
@@ -0,0 +1,9 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ /**
6
+ * The data type of the field, associated with a Grid column.
7
+ * Used to determine the built-in editing and filtering UI for the supported most frequently used data types.
8
+ */
9
+ export type FieldDataType = 'text' | 'numeric' | 'date' | 'boolean';
package/directives.d.ts CHANGED
@@ -122,6 +122,7 @@ import { SelectionDirective } from "./selection/selection.directive";
122
122
  import { TemplateEditingDirective } from "./editing-directives/template-editing.directive";
123
123
  import { ReactiveEditingDirective } from "./editing-directives/reactive-editing.directive";
124
124
  import { InCellEditingDirective } from "./editing-directives/in-cell-editing.directive";
125
+ import { ExternalEditingDirective } from "./editing-directives/external-editing.directive";
125
126
  import { ExpandDetailsDirective } from "./rendering/details-expand.directive";
126
127
  import { ExpandGroupDirective } from "./rendering/groups-expand.directive";
127
128
  import { GroupBindingDirective } from "./grouping/group-scroll-binding.directive";
@@ -137,6 +138,7 @@ import { ExcelCommandToolbarDirective } from "./excel/excel-command-tool.directi
137
138
  import { AddCommandToolbarDirective } from "./editing/add-command-tool.directive";
138
139
  import { RowDragHandleTemplateDirective } from "./row-reordering/drag-handle-template.directive";
139
140
  import { RowDragHintTemplateDirective } from "./row-reordering/drag-hint-template.directive";
141
+ import { DialogFormComponent, FormComponent, FormFormFieldComponent } from "./editing/form";
140
142
  /**
141
143
  * @hidden
142
144
  *
@@ -224,13 +226,13 @@ export declare const KENDO_GRID_BODY_EXPORTS: readonly [typeof CommandColumnComp
224
226
  *
225
227
  * Utility array that contains the Grid module declarations
226
228
  */
227
- 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];
229
+ 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];
228
230
  /**
229
231
  * @hidden
230
232
  *
231
233
  * Utility array that contains the Grid module exports
232
234
  */
233
- 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];
235
+ 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];
234
236
  /**
235
237
  * @hidden
236
238
  *
@@ -246,4 +248,4 @@ export declare const KENDO_GRID_PDF_EXPORT: readonly [typeof PDFComponent, typeo
246
248
  /**
247
249
  * Utility array that contains all `Grid` related components and directives
248
250
  */
249
- 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];
251
+ 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];
@@ -0,0 +1,27 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ import { DialogContentBase, DialogRef } from '@progress/kendo-angular-dialog';
6
+ import { FormControlSettings, FormSettings } from './models';
7
+ import { FormGroup } from '@angular/forms';
8
+ import { SVGIcon } from '@progress/kendo-svg-icons';
9
+ import { LocalizationService } from '@progress/kendo-angular-l10n';
10
+ import * as i0 from "@angular/core";
11
+ /**
12
+ * @hidden
13
+ */
14
+ export declare class DialogFormComponent extends DialogContentBase {
15
+ private localization;
16
+ controls: FormControlSettings[];
17
+ formGroup: FormGroup;
18
+ formSettings: FormSettings;
19
+ saveIcon: SVGIcon;
20
+ cancelIcon: SVGIcon;
21
+ constructor(dialogRef: DialogRef, localization: LocalizationService);
22
+ save(): void;
23
+ cancel(): void;
24
+ messageFor(key: string): string;
25
+ static ɵfac: i0.ɵɵFactoryDeclaration<DialogFormComponent, never>;
26
+ 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>;
27
+ }
@@ -0,0 +1,24 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ import { AfterContentInit, ChangeDetectorRef } from '@angular/core';
6
+ import { FormControlSettings } from './models';
7
+ import { LocalizationService } from '@progress/kendo-angular-l10n';
8
+ import * as i0 from "@angular/core";
9
+ /**
10
+ * @hidden
11
+ */
12
+ export declare class FormFormFieldComponent implements AfterContentInit {
13
+ private localization;
14
+ private cdr;
15
+ control: FormControlSettings;
16
+ floatingLabel: boolean;
17
+ showError: boolean;
18
+ input: any;
19
+ constructor(localization: LocalizationService, cdr: ChangeDetectorRef);
20
+ ngAfterContentInit(): void;
21
+ messageFor(key: string, errorName: string, field: string): string;
22
+ static ɵfac: i0.ɵɵFactoryDeclaration<FormFormFieldComponent, never>;
23
+ 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>;
24
+ }
@@ -0,0 +1,28 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ import { EventEmitter, OnInit } from '@angular/core';
6
+ import { FormGroup } from '@angular/forms';
7
+ import { FormActionButton, FormControlSettings, FormSettings, FormSubmitEvent } from './models';
8
+ import * as i0 from "@angular/core";
9
+ /**
10
+ * @hidden
11
+ */
12
+ export declare class FormComponent implements OnInit {
13
+ controls: FormControlSettings[];
14
+ set formSettings(value: FormSettings);
15
+ get formSettings(): FormSettings;
16
+ formGroup: FormGroup;
17
+ set actionButtons(value: boolean | FormActionButton[]);
18
+ get actionButtons(): FormActionButton[];
19
+ formSubmit: EventEmitter<FormSubmitEvent>;
20
+ get componentIndex(): number;
21
+ private _formSettings;
22
+ private defaultActionButtons;
23
+ private _actionButtons;
24
+ ngOnInit(): void;
25
+ private normalizeActionButtonSettings;
26
+ static ɵfac: i0.ɵɵFactoryDeclaration<FormComponent, never>;
27
+ 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>;
28
+ }
@@ -0,0 +1,8 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ export * from './models';
6
+ export * from './form.component';
7
+ export * from './dialog-form.component';
8
+ export * from './form-formfield.component';
@@ -0,0 +1,196 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ import { TemplateRef, ViewContainerRef } from "@angular/core";
6
+ import { FormControl, FormGroup } from "@angular/forms";
7
+ import { ButtonFillMode, ButtonRounded, ButtonSize, ButtonThemeColor } from "@progress/kendo-angular-buttons";
8
+ import { ActionsLayout, DialogAnimation, DialogThemeColor } from "@progress/kendo-angular-dialog";
9
+ import { Orientation } from "@progress/kendo-angular-inputs";
10
+ import { SVGIcon } from "@progress/kendo-svg-icons";
11
+ import { FieldDataType } from "../../common/field-datatype";
12
+ /**
13
+ * @hidden
14
+ */
15
+ export interface FormControlSettings {
16
+ name: string;
17
+ label?: string;
18
+ hint?: string;
19
+ errors?: {
20
+ [key: string]: string;
21
+ };
22
+ dataType: FieldDataType;
23
+ formControl: FormControl;
24
+ orientation?: Orientation;
25
+ template?: TemplateRef<any>;
26
+ templateContext?: any;
27
+ }
28
+ /**
29
+ * The configurable settings of the built-in external editing form.
30
+ */
31
+ export interface FormSettings {
32
+ /**
33
+ * Allows customizing the label, hint, and error messages for each form control.
34
+ */
35
+ fields?: {
36
+ [key: string]: FormFieldSettings;
37
+ };
38
+ /**
39
+ * Sets the orientation of the elements within the form.
40
+ *
41
+ * @default 'vertical'
42
+ */
43
+ orientation?: Orientation;
44
+ /**
45
+ * Determines whether to display validation errors for each form control.
46
+ *
47
+ * @default true
48
+ */
49
+ showErrors?: boolean;
50
+ /**
51
+ * Determines whether to render `FloatingLabel` components instead of the default `Label` components.
52
+ *
53
+ * @default false
54
+ */
55
+ floatingLabels?: boolean;
56
+ }
57
+ /**
58
+ * The configurable settings of the form fields in the built-in external editing form.
59
+ */
60
+ export interface FormFieldSettings {
61
+ /**
62
+ * Use this option to pass custom error messages as key-value pairs where the key is the name of the error in
63
+ * the `FormControl` validators, and the value is the desired error message to be displayed in the form when the control is invalid.
64
+ *
65
+ * The default error message will follow the pattern `The "{fieldName}" field has "{errorName}" validation error`.
66
+ */
67
+ errors?: {
68
+ [key: string]: string;
69
+ };
70
+ /**
71
+ * Use this option to provide custom hint text. By default, no hint message will be displayed.
72
+ */
73
+ hint?: string;
74
+ /**
75
+ * Use this option to provide custom label for the respective form control.
76
+ * By default, the column `title` (or `field` when there is no `title` set) will be displayed.
77
+ */
78
+ label?: string;
79
+ }
80
+ /**
81
+ * The settings of the external editing Dialog.
82
+ */
83
+ export interface FormDialogSettings {
84
+ /**
85
+ * Sets the title of the Dialog. If `title` is omitted,
86
+ * the Dialog will not render a **Close** button.
87
+ */
88
+ title?: string;
89
+ /**
90
+ * Sets the CSS classes that will be rendered on the Dialog wrapper element.
91
+ * Supports the union type of values that [ngClass](link:site.data.urls.angular['ngclassapi']) accepts.
92
+ */
93
+ cssClass?: any;
94
+ /**
95
+ * Configures the Dialog opening animation ([see example]({% slug animations_dialog %})).
96
+ * By default the animation type is set to `translate` and its duration is `300ms`.
97
+ */
98
+ animation?: boolean | DialogAnimation;
99
+ /**
100
+ * Sets the HTML attributes of the Dialog wrapper element.
101
+ * The property accepts string key-value based pairs.
102
+ */
103
+ htmlAttributes?: {
104
+ [key: string]: string;
105
+ };
106
+ /**
107
+ * Specifies the width of the Dialog.
108
+ * A numeric value sets the width in pixels.
109
+ * A string value sets the width in arbitrary units&mdash;for example, `50%`.
110
+ */
111
+ width?: number | string;
112
+ /**
113
+ * Specifies the minimum width of the Dialog.
114
+ * A numeric value sets the minimum width in pixels.
115
+ * A string value sets the minimum width in arbitrary units&mdash;for example, `50%`.
116
+ */
117
+ minWidth?: number | string;
118
+ /**
119
+ * Specifies the maximum width of the Dialog.
120
+ * A numeric value sets the maximum width in pixels.
121
+ * A string value sets the maximum width in arbitrary units&mdash;for example, `50%`.
122
+ */
123
+ maxWidth?: number | string;
124
+ /**
125
+ * Specifies the height of the Dialog.
126
+ * A numeric value sets the height in pixels.
127
+ * A string value sets the height in arbitrary units&mdash;for example, `50%`.
128
+ */
129
+ height?: number | string;
130
+ /**
131
+ * Specifies the minimum height of the Dialog.
132
+ * A numeric value sets the minimum height in pixels.
133
+ * A string value sets the minimum height in arbitrary units&mdash;for example, `50%`.
134
+ */
135
+ minHeight?: number | string;
136
+ /**
137
+ * Specifies the maximum height of the Dialog.
138
+ * A numeric value sets the maximum height in pixels.
139
+ * A string value sets the maximum height in arbitrary units&mdash;for example, `50%`.
140
+ */
141
+ maxHeight?: number | string;
142
+ /**
143
+ * Defines the container in which the Dialog will be inserted.
144
+ * Specifying this option changes the place in the page hierarchy where the Dialog will be inserted.
145
+ * The styling of the Dialog will remain the same.
146
+ */
147
+ appendTo?: ViewContainerRef;
148
+ /**
149
+ * Specifies the title of the close button.
150
+ */
151
+ closeTitle?: string;
152
+ /**
153
+ * Specifies the layout of the action buttons in the Dialog.
154
+ */
155
+ actionsLayout?: ActionsLayout;
156
+ /**
157
+ * Specifies the theme color of the Dialog.
158
+ */
159
+ themeColor?: DialogThemeColor;
160
+ }
161
+ /**
162
+ * @hidden
163
+ */
164
+ export interface FormActionButton {
165
+ actionType: FormActionButtonType;
166
+ text?: string;
167
+ clickHandler?: FormActionCallback;
168
+ icon?: string;
169
+ svgIcon?: SVGIcon;
170
+ fillMode?: ButtonFillMode;
171
+ rounded?: ButtonRounded;
172
+ size?: ButtonSize;
173
+ themeColor?: ButtonThemeColor;
174
+ }
175
+ /**
176
+ * @hidden
177
+ */
178
+ export type FormActionButtonType = 'submit' | 'reset' | 'button';
179
+ /**
180
+ * @hidden
181
+ */
182
+ export type FormActionCallback = (event?: FormActionEvent) => any;
183
+ /**
184
+ * @hidden
185
+ */
186
+ export interface FormActionEvent {
187
+ originalEvent: Event;
188
+ actionType: FormActionButtonType;
189
+ }
190
+ /**
191
+ * @hidden
192
+ */
193
+ export interface FormSubmitEvent {
194
+ originalEvent: any;
195
+ formGroup: FormGroup;
196
+ }
@@ -5,9 +5,11 @@
5
5
  import { OnInit, OnDestroy } from '@angular/core';
6
6
  import { GridComponent } from '../grid.component';
7
7
  import { EditService } from './edit-service.interface';
8
- import { Subscription } from 'rxjs';
8
+ import { Subscription, Subject } from 'rxjs';
9
9
  import { LocalDataChangesService } from '../editing/local-data-changes.service';
10
10
  import { RemoveConfirmationCallback } from '../common/remove-confirmation';
11
+ import { DialogService } from '@progress/kendo-angular-dialog';
12
+ import { LocalizationService } from '@progress/kendo-angular-l10n';
11
13
  import * as i0 from "@angular/core";
12
14
  /**
13
15
  * @hidden
@@ -20,10 +22,15 @@ export declare abstract class EditingDirectiveBase implements OnInit, OnDestroy
20
22
  */
21
23
  set editService(value: EditService);
22
24
  get editService(): EditService;
25
+ removeConfirmationSubject: Subject<boolean>;
26
+ protected dialogService: DialogService;
27
+ protected localization: LocalizationService;
28
+ private defaultRemoveConfirmation;
23
29
  /**
24
30
  * A function that is called to confirm if the `dataItem` will be removed.
31
+ * Setting to `true` will result in displaying a default confirmation dialog.
25
32
  */
26
- removeConfirmation: RemoveConfirmationCallback;
33
+ removeConfirmation: boolean | RemoveConfirmationCallback;
27
34
  protected subscriptions: Subscription;
28
35
  protected defaultEditService: EditService;
29
36
  protected userEditService: EditService;
@@ -39,7 +46,7 @@ export declare abstract class EditingDirectiveBase implements OnInit, OnDestroy
39
46
  */
40
47
  ngOnDestroy(): void;
41
48
  protected createDefaultService(): EditService;
42
- protected addHandler(): void;
49
+ protected addHandler(_args?: any): void;
43
50
  protected saveHandler(args: any): void;
44
51
  protected cancelHandler({ rowIndex }: any): void;
45
52
  protected removeHandler({ dataItem }: any): void;
@@ -0,0 +1,46 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ import { GridComponent } from '../grid.component';
6
+ import { LocalDataChangesService } from '../editing/local-data-changes.service';
7
+ import { CreateFormGroup } from '../common/create-form-group';
8
+ import { EditingDirectiveBase } from './editing-directive-base';
9
+ import { FormDialogSettings, FormSettings } from '../editing/form';
10
+ import { FormGroup } from '@angular/forms';
11
+ import { EditEvent } from '../editing/edit-event-args.interface';
12
+ import * as i0 from "@angular/core";
13
+ /**
14
+ * A directive which encapsulates the editing operations of the Grid when using the
15
+ * External Form ([see example](slug:editing_directives_grid#external-editing)).
16
+ */
17
+ export declare class ExternalEditingDirective extends EditingDirectiveBase {
18
+ protected grid: GridComponent;
19
+ protected localDataChangesService: LocalDataChangesService;
20
+ /**
21
+ * The function that creates the `FormGroup` for the edited model.
22
+ */
23
+ createFormGroup: CreateFormGroup;
24
+ /**
25
+ * Allows you to customize form orientation, hints, labels and error messages.
26
+ */
27
+ formSettings: FormSettings;
28
+ /**
29
+ * Allows you to customize the Dialog that contains the edit form.
30
+ */
31
+ dialogSettings: FormDialogSettings;
32
+ constructor(grid: GridComponent, localDataChangesService: LocalDataChangesService);
33
+ ngOnInit(): void;
34
+ /**
35
+ * @hidden
36
+ * Opens a Dialog that contains the edit form.
37
+ */
38
+ openEditFormDialog(editEventArgs: EditEvent, formGroup: FormGroup, formSettings?: FormSettings): void;
39
+ protected createModel(args: any): any;
40
+ protected editHandler(args: any): void;
41
+ protected saveModel({ dataItem, formGroup, isNew }: any): any;
42
+ protected addHandler(args: any): void;
43
+ private normalizeFormSettings;
44
+ static ɵfac: i0.ɵɵFactoryDeclaration<ExternalEditingDirective, never>;
45
+ 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>;
46
+ }
@@ -131,15 +131,6 @@ export class ColumnChooserComponent {
131
131
  this.changeDetector.markForCheck();
132
132
  this.columnInfoService.changeVisibility(changed);
133
133
  }
134
- /**
135
- * @hidden
136
- */
137
- onShiftTab(e) {
138
- if (e.target.matches('.k-column-list-item')) {
139
- e.preventDefault();
140
- this.columnList.resetButton.nativeElement.focus();
141
- }
142
- }
143
134
  close(focusAnchor = false) {
144
135
  if (this.popupRef) {
145
136
  this.popupRef.close();
@@ -181,8 +172,7 @@ export class ColumnChooserComponent {
181
172
  [autoSync]="autoSync"
182
173
  [allowHideAll]="allowHideAll"
183
174
  (apply)="onApply($event)"
184
- (columnChange)="onChange($event)"
185
- (keydown.shift.tab)="onShiftTab($event)">
175
+ (columnChange)="onChange($event)">
186
176
  </kendo-grid-columnlist>
187
177
  </ng-template>
188
178
  `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: ColumnListComponent, selector: "kendo-grid-columnlist", inputs: ["columns", "autoSync", "ariaLabel", "allowHideAll", "applyText", "resetText", "actionsClass", "isLast", "isExpanded", "service"], outputs: ["reset", "apply", "columnChange"] }] });
@@ -215,8 +205,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
215
205
  [autoSync]="autoSync"
216
206
  [allowHideAll]="allowHideAll"
217
207
  (apply)="onApply($event)"
218
- (columnChange)="onChange($event)"
219
- (keydown.shift.tab)="onShiftTab($event)">
208
+ (columnChange)="onChange($event)">
220
209
  </kendo-grid-columnlist>
221
210
  </ng-template>
222
211
  `,