@progress/kendo-angular-grid 7.1.0-dev.202206060906 → 7.2.0

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 (41) hide show
  1. package/bundles/kendo-angular-grid.umd.js +1 -1
  2. package/columns/column-base.d.ts +2 -2
  3. package/columns/column.component.d.ts +1 -1
  4. package/columns/command-column.component.d.ts +1 -1
  5. package/columns/span-column.component.d.ts +1 -1
  6. package/common/single-popup.service.d.ts +1 -1
  7. package/data/change-event-args.interface.d.ts +1 -1
  8. package/databinding.directive.d.ts +2 -2
  9. package/editing/add-command.directive.d.ts +1 -1
  10. package/editing/cancel-command.directive.d.ts +1 -1
  11. package/editing/edit-command.directive.d.ts +1 -1
  12. package/editing/edit-template.directive.d.ts +1 -1
  13. package/editing/remove-command.directive.d.ts +1 -1
  14. package/editing/save-command.directive.d.ts +1 -1
  15. package/esm2015/columns/column.component.js +1 -1
  16. package/esm2015/columns/command-column.component.js +1 -1
  17. package/esm2015/columns/span-column.component.js +1 -1
  18. package/esm2015/common/single-popup.service.js +1 -1
  19. package/esm2015/databinding.directive.js +2 -2
  20. package/esm2015/editing/add-command.directive.js +1 -1
  21. package/esm2015/editing/cancel-command.directive.js +1 -1
  22. package/esm2015/editing/edit-command.directive.js +1 -1
  23. package/esm2015/editing/edit-template.directive.js +1 -1
  24. package/esm2015/editing/remove-command.directive.js +1 -1
  25. package/esm2015/editing/save-command.directive.js +1 -1
  26. package/esm2015/filtering/base-filter-cell.component.js +1 -1
  27. package/esm2015/filtering/filter.service.js +1 -1
  28. package/esm2015/filtering/menu/numeric-filter-menu-input.component.js +5 -3
  29. package/esm2015/filtering/menu/numeric-filter-menu.component.js +12 -2
  30. package/esm2015/grid.component.js +13 -13
  31. package/esm2015/package-metadata.js +1 -1
  32. package/esm2015/rendering/loading-template.directive.js +1 -1
  33. package/fesm2015/kendo-angular-grid.js +46 -34
  34. package/filtering/base-filter-cell.component.d.ts +1 -1
  35. package/filtering/filter.service.d.ts +1 -1
  36. package/filtering/menu/numeric-filter-menu-input.component.d.ts +2 -1
  37. package/filtering/menu/numeric-filter-menu.component.d.ts +7 -1
  38. package/grid.component.d.ts +13 -13
  39. package/navigation/navigable-settings.d.ts +1 -1
  40. package/package.json +5 -5
  41. package/rendering/loading-template.directive.d.ts +1 -1
@@ -2835,7 +2835,7 @@ const packageMetadata = {
2835
2835
  name: '@progress/kendo-angular-grid',
2836
2836
  productName: 'Kendo UI for Angular',
2837
2837
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
2838
- publishDate: 1654506318,
2838
+ publishDate: 1655880458,
2839
2839
  version: '',
2840
2840
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
2841
2841
  };
@@ -3009,7 +3009,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
3009
3009
  }] }]; } });
3010
3010
 
3011
3011
  /**
3012
- * Represents the column edit-cell template of the Grid ([see example]({% slug editing_template_forms_grid %})).
3012
+ * Represents the column edit-cell template of the Grid ([see example]({% slug inline_editing_grid %}#toc-using-reactive-forms)).
3013
3013
  * Helps to customize the content of the edited cells. To define the cell template, nest an `<ng-template>`
3014
3014
  * tag with the `kendoGridEditTemplate` directive inside a `<kendo-grid-column>` tag.
3015
3015
  *
@@ -3713,7 +3713,7 @@ class ColumnComponent extends ColumnBase {
3713
3713
  */
3714
3714
  this.groupable = true;
3715
3715
  /**
3716
- * Defines the editor type ([see example]({% slug editing_reactive_forms_grid %}#toc-setup)).
3716
+ * Defines the editor type ([see example]({% slug inline_editing_grid %}#toc-using-reactive-forms)).
3717
3717
  * Used when the column enters the edit mode. The default value is `text`.
3718
3718
  *
3719
3719
  * @example
@@ -3864,7 +3864,7 @@ function isSpanColumnComponent(column) {
3864
3864
  * header and footer cells are retained ([see example]({% slug spanned_columns_grid %})).
3865
3865
  * Enables you to achieve more flexible layout while keeping the built-in UI element for
3866
3866
  * [sorting]({% slug sorting_grid %}), [filtering]({% slug filtering_grid %}), and
3867
- * [grouping]({% slug groupingbasics_grid %}). Wrap the columns that will be
3867
+ * [grouping]({% slug grouping_grid %}). Wrap the columns that will be
3868
3868
  * merged inside the `<kendo-grid-span-column>` tag.
3869
3869
  *
3870
3870
  * @example
@@ -5408,7 +5408,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
5408
5408
 
5409
5409
  /**
5410
5410
  * Represents a service to set the filter descriptor
5411
- * ([see example]({% slug reusablecustomfilters_grid %})).
5411
+ * ([see example]({% slug filter_row %}#toc-custom-filter-row-components)).
5412
5412
  */
5413
5413
  class FilterService {
5414
5414
  /**
@@ -5986,7 +5986,7 @@ class PopupCloseEvent extends PreventableEvent {
5986
5986
  const DEFAULT_POPUP_CLASS = 'k-grid-filter-popup';
5987
5987
  /**
5988
5988
  * The service that is used for the popups of the filter and column menus
5989
- * ([see example]({% slug reusablecustomfilters_grid %}#toc-filter-menu-with-popup)).
5989
+ * ([see example]({% slug filter_menu %}#toc-custom-filter-row-components)#toc-filter-menu-with-popup).
5990
5990
  */
5991
5991
  class SinglePopupService {
5992
5992
  constructor(popupService, renderer, ngZone, scrollSyncService, localization) {
@@ -6528,7 +6528,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
6528
6528
  /**
6529
6529
  * Creates a loading template that overrides the default loading indicator of the Grid Component.
6530
6530
  * To define a loading template, nest an `<ng-template>` tag with the `kendoGridLoadingTemplate` directive inside the `<kendo-grid>` tag
6531
- * [see example]({% slug databinding_grid %}#toc-loading-template).
6531
+ * [see example]({% slug binding_grid %}#toc-loading-template).
6532
6532
  */
6533
6533
  class LoadingTemplateDirective {
6534
6534
  constructor(templateRef) {
@@ -8757,7 +8757,7 @@ const localizeOperators = operators => localization => Object.keys(operators).ma
8757
8757
  value: operators[key]
8758
8758
  }));
8759
8759
  /**
8760
- * An abstract base class for the filter-cell component ([see example]({% slug reusablecustomfilters_grid %}#toc-filter-row)).
8760
+ * An abstract base class for the filter-cell component ([see example]({% slug filter_row %}#toc-custom-filter-row-components)).
8761
8761
  */
8762
8762
  class BaseFilterCellComponent {
8763
8763
  constructor(filterService) {
@@ -9695,7 +9695,7 @@ class NumericFilterMenuInputComponent {
9695
9695
  }
9696
9696
  }
9697
9697
  NumericFilterMenuInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NumericFilterMenuInputComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
9698
- NumericFilterMenuInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: NumericFilterMenuInputComponent, selector: "kendo-grid-numeric-filter-menu-input", inputs: { operators: "operators", column: "column", filter: "filter", operator: "operator", currentFilter: "currentFilter", filterService: "filterService", isFirstDropDown: "isFirstDropDown", menuTabbingService: "menuTabbingService", step: "step", min: "min", max: "max", spinners: "spinners", decimals: "decimals", format: "format" }, ngImport: i0, template: `
9698
+ NumericFilterMenuInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: NumericFilterMenuInputComponent, selector: "kendo-grid-numeric-filter-menu-input", inputs: { operators: "operators", column: "column", filter: "filter", operator: "operator", currentFilter: "currentFilter", filterService: "filterService", filterDelay: "filterDelay", isFirstDropDown: "isFirstDropDown", menuTabbingService: "menuTabbingService", step: "step", min: "min", max: "max", spinners: "spinners", decimals: "decimals", format: "format" }, ngImport: i0, template: `
9699
9699
  <kendo-grid-filter-menu-input-wrapper
9700
9700
  [column]="column"
9701
9701
  [filter]="filter"
@@ -9709,7 +9709,7 @@ NumericFilterMenuInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
9709
9709
  <kendo-numerictextbox
9710
9710
  kendoFilterInput
9711
9711
  [columnLabel]="columnLabel"
9712
- [filterDelay]="0"
9712
+ [filterDelay]="filterDelay"
9713
9713
  [autoCorrect]="true"
9714
9714
  [value]="currentFilter?.value"
9715
9715
  [format]="format"
@@ -9745,7 +9745,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
9745
9745
  <kendo-numerictextbox
9746
9746
  kendoFilterInput
9747
9747
  [columnLabel]="columnLabel"
9748
- [filterDelay]="0"
9748
+ [filterDelay]="filterDelay"
9749
9749
  [autoCorrect]="true"
9750
9750
  [value]="currentFilter?.value"
9751
9751
  [format]="format"
@@ -9776,6 +9776,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
9776
9776
  type: Input
9777
9777
  }], filterService: [{
9778
9778
  type: Input
9779
+ }], filterDelay: [{
9780
+ type: Input
9779
9781
  }], isFirstDropDown: [{
9780
9782
  type: Input
9781
9783
  }], menuTabbingService: [{
@@ -9824,6 +9826,12 @@ class NumericFilterMenuComponent extends NumericFilterComponent {
9824
9826
  * Determines if the inputs of second criteria will displayed.
9825
9827
  */
9826
9828
  this.extra = true;
9829
+ /**
9830
+ * Determines the delay (in milliseconds) before creating a filter descriptor based on the value. A value of 0 indicates no delay. The default value is 500.
9831
+ *
9832
+ * @default 500
9833
+ */
9834
+ this.filterDelay = 500;
9827
9835
  }
9828
9836
  /**
9829
9837
  * @hidden
@@ -9851,13 +9859,14 @@ class NumericFilterMenuComponent extends NumericFilterComponent {
9851
9859
  }
9852
9860
  }
9853
9861
  NumericFilterMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NumericFilterMenuComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
9854
- NumericFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: NumericFilterMenuComponent, selector: "kendo-grid-numeric-filter-menu", inputs: { column: "column", filter: "filter", extra: "extra", filterService: "filterService", menuTabbingService: "menuTabbingService" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, usesInheritance: true, ngImport: i0, template: `
9862
+ NumericFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: NumericFilterMenuComponent, selector: "kendo-grid-numeric-filter-menu", inputs: { column: "column", filter: "filter", extra: "extra", filterService: "filterService", filterDelay: "filterDelay", menuTabbingService: "menuTabbingService" }, host: { properties: { "class.k-filtercell": "this.hostClasses" } }, usesInheritance: true, ngImport: i0, template: `
9855
9863
  <kendo-grid-numeric-filter-menu-input
9856
9864
  [currentFilter]="firstFilter"
9857
9865
  [operators]="operators"
9858
9866
  [filterService]="filterService"
9859
9867
  [column]="column"
9860
9868
  [filter]="filter"
9869
+ [filterDelay]="filterDelay"
9861
9870
  [format]="format"
9862
9871
  [decimals]="decimals"
9863
9872
  [spinners]="spinners"
@@ -9896,7 +9905,7 @@ NumericFilterMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
9896
9905
  [menuTabbingService]="menuTabbingService"
9897
9906
  >
9898
9907
  </kendo-grid-numeric-filter-menu-input>
9899
- `, isInline: true, components: [{ type: NumericFilterMenuInputComponent, selector: "kendo-grid-numeric-filter-menu-input", inputs: ["operators", "column", "filter", "operator", "currentFilter", "filterService", "isFirstDropDown", "menuTabbingService", "step", "min", "max", "spinners", "decimals", "format"] }, { type: i1$4.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["iconClass", "loading", "data", "value", "textField", "valueField", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: FilterMenuDropDownListDirective, selector: "[kendoFilterMenuDropDown]", inputs: ["filterMenuDropDownLabel"] }] });
9908
+ `, isInline: true, components: [{ type: NumericFilterMenuInputComponent, selector: "kendo-grid-numeric-filter-menu-input", inputs: ["operators", "column", "filter", "operator", "currentFilter", "filterService", "filterDelay", "isFirstDropDown", "menuTabbingService", "step", "min", "max", "spinners", "decimals", "format"] }, { type: i1$4.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["iconClass", "loading", "data", "value", "textField", "valueField", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: FilterMenuDropDownListDirective, selector: "[kendoFilterMenuDropDown]", inputs: ["filterMenuDropDownLabel"] }] });
9900
9909
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: NumericFilterMenuComponent, decorators: [{
9901
9910
  type: Component,
9902
9911
  args: [{
@@ -9908,6 +9917,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
9908
9917
  [filterService]="filterService"
9909
9918
  [column]="column"
9910
9919
  [filter]="filter"
9920
+ [filterDelay]="filterDelay"
9911
9921
  [format]="format"
9912
9922
  [decimals]="decimals"
9913
9923
  [spinners]="spinners"
@@ -9959,6 +9969,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
9959
9969
  type: Input
9960
9970
  }], filterService: [{
9961
9971
  type: Input
9972
+ }], filterDelay: [{
9973
+ type: Input
9962
9974
  }], menuTabbingService: [{
9963
9975
  type: Input
9964
9976
  }] } });
@@ -15161,7 +15173,7 @@ const IGNORE_CONTAINER_CLASSES = 'k-grid k-grid-ignore-click';
15161
15173
  * column inside an `<ng-template>` tag. The template context is set to the current
15162
15174
  * data item. For more information and examples on using the passed fields
15163
15175
  * and the command directives, refer to the article on
15164
- * [editing the Grid in Angular Reactive Forms]({% slug editing_reactive_forms_grid %}).
15176
+ * [editing the Grid in Angular Reactive Forms]({% slug inline_editing_grid %}#toc-using-reactive-forms).
15165
15177
  *
15166
15178
  * The following additional fields are passed:
15167
15179
  * - `columnIndex`&mdash;The current column index.
@@ -18165,7 +18177,7 @@ class GridComponent {
18165
18177
  this.ctx = ctx;
18166
18178
  /**
18167
18179
  * Sets the data of the Grid. If an array is provided, the Grid automatically gets the total count
18168
- * ([more information and example]({% slug databinding_grid %})).
18180
+ * ([more information and example]({% slug binding_grid %})).
18169
18181
  */
18170
18182
  this.data = [];
18171
18183
  /**
@@ -18253,7 +18265,7 @@ class GridComponent {
18253
18265
  this.pageable = false;
18254
18266
  /**
18255
18267
  * If set to `true`, the user can group the Grid by dragging the column header cells.
18256
- * By default, grouping is disabled ([see example]({% slug groupingbasics_grid %})).
18268
+ * By default, grouping is disabled ([see example]({% slug grouping_grid %})).
18257
18269
  */
18258
18270
  this.groupable = false;
18259
18271
  /**
@@ -18279,7 +18291,7 @@ class GridComponent {
18279
18291
  */
18280
18292
  this.reorderable = false;
18281
18293
  /**
18282
- * Specifies if the loading indicator of the Grid will be displayed ([see example]({% slug databinding_grid %})).
18294
+ * Specifies if the loading indicator of the Grid will be displayed ([see example]({% slug binding_grid %})).
18283
18295
  *
18284
18296
  * @default false
18285
18297
  */
@@ -18308,7 +18320,7 @@ class GridComponent {
18308
18320
  this.pageChange = new EventEmitter();
18309
18321
  /**
18310
18322
  * Fires when the grouping of the Grid is changed.
18311
- * You have to handle the event yourself and group the data ([see example]({% slug groupingbasics_grid %})).
18323
+ * You have to handle the event yourself and group the data ([see example]({% slug grouping_grid %})).
18312
18324
  */
18313
18325
  this.groupChange = new ZoneAwareEventEmitter(this.ngZone);
18314
18326
  /**
@@ -18343,27 +18355,27 @@ class GridComponent {
18343
18355
  this.detailCollapse = new EventEmitter();
18344
18356
  /**
18345
18357
  * Fires when the user clicks the **Edit** command button to edit a row
18346
- * ([see example]({% slug editing_template_forms_grid %}#toc-editing-records)).
18358
+ * ([see example]({% slug inline_editing_grid %}#toc-editing-records-1).
18347
18359
  */
18348
18360
  this.edit = new EventEmitter();
18349
18361
  /**
18350
18362
  * Fires when the user clicks the **Cancel** command button to close a row
18351
- * ([see example]({% slug editing_template_forms_grid %}#toc-cancelling-editing)).
18363
+ * ([see example]({% slug inline_editing_grid %}#toc-canceling-editing-1)).
18352
18364
  */
18353
18365
  this.cancel = new EventEmitter();
18354
18366
  /**
18355
18367
  * Fires when the user clicks the **Save** command button to save changes in a row
18356
- * ([see example]({% slug editing_template_forms_grid %}#toc-saving-records)).
18368
+ * ([see example]({% slug inline_editing_grid %}#toc-saving-records-1)).
18357
18369
  */
18358
18370
  this.save = new EventEmitter();
18359
18371
  /**
18360
18372
  * Fires when the user clicks the **Remove** command button to remove a row
18361
- * ([see example]({% slug editing_template_forms_grid %}#toc-removing-records)).
18373
+ * ([see example]({% slug inline_editing_grid %}#toc-removing-records-1)).
18362
18374
  */
18363
18375
  this.remove = new EventEmitter();
18364
18376
  /**
18365
18377
  * Fires when the user clicks the **Add** command button to add a new row
18366
- * ([see example]({% slug editing_template_forms_grid %}#toc-adding-records)).
18378
+ * ([see example]({% slug inline_editing_grid %}#toc-adding-records-1)).
18367
18379
  */
18368
18380
  this.add = new EventEmitter();
18369
18381
  /**
@@ -18495,7 +18507,7 @@ class GridComponent {
18495
18507
  return this._sort;
18496
18508
  }
18497
18509
  /**
18498
- * The descriptors by which the data will be grouped ([see example]({% slug groupingbasics_grid %})).
18510
+ * The descriptors by which the data will be grouped ([see example]({% slug grouping_grid %})).
18499
18511
  */
18500
18512
  set group(value) {
18501
18513
  if (isArray(value)) {
@@ -19130,7 +19142,7 @@ class GridComponent {
19130
19142
  return this.localization.get('gridLabel');
19131
19143
  }
19132
19144
  /**
19133
- * Switches the specified table row in the edit mode ([see example]({% slug editing_template_forms_grid %}#toc-editing-records)).
19145
+ * Switches the specified table row in the edit mode ([see example]({% slug inline_editing_grid %}#toc-editing-records-1)).
19134
19146
  *
19135
19147
  * @param rowIndex - The data row index that will be switched in the edit mode.
19136
19148
  * @param group - The [FormGroup]({{ site.data.urls.angular['formgroupapi'] }})
@@ -19148,7 +19160,7 @@ class GridComponent {
19148
19160
  this.focusEditElement(target);
19149
19161
  }
19150
19162
  /**
19151
- * Closes the editor for a given row ([see example]({% slug editing_template_forms_grid %}#toc-cancelling-editing)).
19163
+ * Closes the editor for a given row ([see example]({% slug inline_editing_grid %}#toc-canceling-editing-1)).
19152
19164
  *
19153
19165
  * @param {number} index - The row index that will be switched out of the edit mode. If no index is provided, it is assumed
19154
19166
  * that the new item editor will be closed.
@@ -19157,7 +19169,7 @@ class GridComponent {
19157
19169
  this.editService.close(index);
19158
19170
  }
19159
19171
  /**
19160
- * Creates a new row editor ([see example]({% slug editing_template_forms_grid %}#toc-adding-records)).
19172
+ * Creates a new row editor ([see example]({% slug inline_editing_grid %}#toc-adding-records-1)).
19161
19173
  *
19162
19174
  * @param {FormGroup} group - The [FormGroup]({{ site.data.urls.angular['formgroupapi'] }}) that describes
19163
19175
  * the edit form. If called with a data item, it will build the `FormGroup` from the data item fields.
@@ -21260,8 +21272,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
21260
21272
 
21261
21273
  /**
21262
21274
  * A directive which encapsulates the in-memory handling of data operations such as [paging]({% slug paging_grid %}),
21263
- * [sorting]({% slug sorting_grid %}), and [grouping]({% slug groupingbasics_grid %})
21264
- * ([more information and examples]({% slug automaticoperations_grid %})).
21275
+ * [sorting]({% slug sorting_grid %}), and [grouping]({% slug grouping_grid %})
21276
+ * ([more information and examples]({% slug local_data_grid %}#toc-using-the-data-binding-directive)).
21265
21277
  */
21266
21278
  class DataBindingDirective {
21267
21279
  constructor(grid, changeDetector, localDataChangesService) {
@@ -23249,7 +23261,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
23249
23261
  * element inside a [CommandColumnComponent]({% slug api_grid_commandcolumncomponent %}).
23250
23262
  * When an associated button with the directive is clicked, the
23251
23263
  * [edit]({% slug api_grid_gridcomponent %}#toc-edit) event
23252
- * is triggered ([see example]({% slug editing_grid %})).
23264
+ * is triggered ([see example]({% slug basics_editing_grid %})).
23253
23265
  *
23254
23266
  * > When the row is in the edit mode, the button with `kendoGridEditCommand` is automatically hidden.
23255
23267
  *
@@ -23321,7 +23333,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
23321
23333
  * element inside a [CommandColumnComponent]({% slug api_grid_commandcolumncomponent %}).
23322
23334
  * When an associated button with the directive is clicked, the
23323
23335
  * [cancel]({% slug api_grid_gridcomponent %}#toc-cancel) event
23324
- * is triggered ([see example]({% slug editing_grid %})).
23336
+ * is triggered ([see example]({% slug basics_editing_grid %})).
23325
23337
  *
23326
23338
  * > When the row is not in the edit mode, the button with the `kendoGridCancelCommand` is automatically hidden.
23327
23339
  *
@@ -23407,7 +23419,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
23407
23419
  * element inside a [CommandColumnComponent]({% slug api_grid_commandcolumncomponent %}).
23408
23420
  * When an associated button with the directive is clicked, the
23409
23421
  * [save]({% slug api_grid_gridcomponent %}#toc-save) event
23410
- * is triggered ([see example]({% slug editing_grid %})).
23422
+ * is triggered ([see example]({% slug basics_editing_grid %})).
23411
23423
  *
23412
23424
  * > When the row is not in the edit mode, the button with `kendoGridSaveCommand` is automatically hidden.
23413
23425
  *
@@ -23493,7 +23505,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
23493
23505
  * inside a [CommandColumnComponent]({% slug api_grid_commandcolumncomponent %}).
23494
23506
  * When an associated button with the directive is clicked, the
23495
23507
  * [remove event]({% slug api_grid_gridcomponent %}#toc-remove)
23496
- * is triggered ([see example]({% slug editing_reactive_forms_grid %})).
23508
+ * is triggered ([see example]({% slug inline_editing_grid %}#toc-using-reactive-forms))).
23497
23509
  *
23498
23510
  * > When the row is in the edit mode, the button with the `kendoGridRemoveCommand` is automatically hidden.
23499
23511
  *
@@ -23564,7 +23576,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
23564
23576
  * `button` element inside a [ToolbarTemplate]({% slug api_grid_commandcolumncomponent %}).
23565
23577
  * When an associated button with the directive is clicked, the
23566
23578
  * [add]({% slug api_grid_gridcomponent %}#toc-add) event is triggered
23567
- * ([see example]({% slug editing_grid %})).
23579
+ * ([see example]({% slug basics_editing_grid %})).
23568
23580
  *
23569
23581
  * @example
23570
23582
  * ```html-no-run
@@ -44,7 +44,7 @@ export declare const localizeOperators: (operators: any) => (localization: any)
44
44
  value: any;
45
45
  }[];
46
46
  /**
47
- * An abstract base class for the filter-cell component ([see example]({% slug reusablecustomfilters_grid %}#toc-filter-row)).
47
+ * An abstract base class for the filter-cell component ([see example]({% slug filter_row %}#toc-custom-filter-row-components)).
48
48
  */
49
49
  export declare abstract class BaseFilterCellComponent implements AfterContentInit, OnDestroy {
50
50
  protected filterService: FilterService;
@@ -8,7 +8,7 @@ import { MenuTabbingService } from './menu/menu-tabbing.service';
8
8
  import * as i0 from "@angular/core";
9
9
  /**
10
10
  * Represents a service to set the filter descriptor
11
- * ([see example]({% slug reusablecustomfilters_grid %})).
11
+ * ([see example]({% slug filter_row %}#toc-custom-filter-row-components)).
12
12
  */
13
13
  export declare class FilterService {
14
14
  /**
@@ -22,6 +22,7 @@ export declare class NumericFilterMenuInputComponent {
22
22
  operator: string;
23
23
  currentFilter: FilterDescriptor;
24
24
  filterService: FilterService;
25
+ filterDelay: number;
25
26
  isFirstDropDown: boolean;
26
27
  menuTabbingService: MenuTabbingService;
27
28
  /**
@@ -63,5 +64,5 @@ export declare class NumericFilterMenuInputComponent {
63
64
  */
64
65
  get columnLabel(): string;
65
66
  static ɵfac: i0.ɵɵFactoryDeclaration<NumericFilterMenuInputComponent, never>;
66
- static ɵcmp: i0.ɵɵComponentDeclaration<NumericFilterMenuInputComponent, "kendo-grid-numeric-filter-menu-input", never, { "operators": "operators"; "column": "column"; "filter": "filter"; "operator": "operator"; "currentFilter": "currentFilter"; "filterService": "filterService"; "isFirstDropDown": "isFirstDropDown"; "menuTabbingService": "menuTabbingService"; "step": "step"; "min": "min"; "max": "max"; "spinners": "spinners"; "decimals": "decimals"; "format": "format"; }, {}, never, never>;
67
+ static ɵcmp: i0.ɵɵComponentDeclaration<NumericFilterMenuInputComponent, "kendo-grid-numeric-filter-menu-input", never, { "operators": "operators"; "column": "column"; "filter": "filter"; "operator": "operator"; "currentFilter": "currentFilter"; "filterService": "filterService"; "filterDelay": "filterDelay"; "isFirstDropDown": "isFirstDropDown"; "menuTabbingService": "menuTabbingService"; "step": "step"; "min": "min"; "max": "max"; "spinners": "spinners"; "decimals": "decimals"; "format": "format"; }, {}, never, never>;
67
68
  }
@@ -53,6 +53,12 @@ export declare class NumericFilterMenuComponent extends NumericFilterComponent {
53
53
  * The `FilterService` instance which is responsible for handling the changes in the filter descriptor.
54
54
  */
55
55
  filterService: FilterService;
56
+ /**
57
+ * Determines the delay (in milliseconds) before creating a filter descriptor based on the value. A value of 0 indicates no delay. The default value is 500.
58
+ *
59
+ * @default 500
60
+ */
61
+ filterDelay: number;
56
62
  /**
57
63
  * @hidden
58
64
  */
@@ -64,5 +70,5 @@ export declare class NumericFilterMenuComponent extends NumericFilterComponent {
64
70
  get filterMenuDropDownLabel(): string;
65
71
  protected localizationChange(): void;
66
72
  static ɵfac: i0.ɵɵFactoryDeclaration<NumericFilterMenuComponent, never>;
67
- static ɵcmp: i0.ɵɵComponentDeclaration<NumericFilterMenuComponent, "kendo-grid-numeric-filter-menu", never, { "column": "column"; "filter": "filter"; "extra": "extra"; "filterService": "filterService"; "menuTabbingService": "menuTabbingService"; }, {}, never, never>;
73
+ static ɵcmp: i0.ɵɵComponentDeclaration<NumericFilterMenuComponent, "kendo-grid-numeric-filter-menu", never, { "column": "column"; "filter": "filter"; "extra": "extra"; "filterService": "filterService"; "filterDelay": "filterDelay"; "menuTabbingService": "menuTabbingService"; }, {}, never, never>;
68
74
  }
@@ -134,7 +134,7 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
134
134
  private ctx;
135
135
  /**
136
136
  * Sets the data of the Grid. If an array is provided, the Grid automatically gets the total count
137
- * ([more information and example]({% slug databinding_grid %})).
137
+ * ([more information and example]({% slug binding_grid %})).
138
138
  */
139
139
  data: Array<any> | GridDataResult | null;
140
140
  /**
@@ -233,7 +233,7 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
233
233
  */
234
234
  filter: CompositeFilterDescriptor | null | undefined;
235
235
  /**
236
- * The descriptors by which the data will be grouped ([see example]({% slug groupingbasics_grid %})).
236
+ * The descriptors by which the data will be grouped ([see example]({% slug grouping_grid %})).
237
237
  */
238
238
  set group(value: Array<GroupDescriptor> | null | undefined);
239
239
  /**
@@ -301,7 +301,7 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
301
301
  pageable: PagerSettings | boolean;
302
302
  /**
303
303
  * If set to `true`, the user can group the Grid by dragging the column header cells.
304
- * By default, grouping is disabled ([see example]({% slug groupingbasics_grid %})).
304
+ * By default, grouping is disabled ([see example]({% slug grouping_grid %})).
305
305
  */
306
306
  groupable: GroupableSettings | boolean;
307
307
  /**
@@ -423,7 +423,7 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
423
423
  */
424
424
  reorderable: boolean;
425
425
  /**
426
- * Specifies if the loading indicator of the Grid will be displayed ([see example]({% slug databinding_grid %})).
426
+ * Specifies if the loading indicator of the Grid will be displayed ([see example]({% slug binding_grid %})).
427
427
  *
428
428
  * @default false
429
429
  */
@@ -452,7 +452,7 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
452
452
  pageChange: EventEmitter<PageChangeEvent>;
453
453
  /**
454
454
  * Fires when the grouping of the Grid is changed.
455
- * You have to handle the event yourself and group the data ([see example]({% slug groupingbasics_grid %})).
455
+ * You have to handle the event yourself and group the data ([see example]({% slug grouping_grid %})).
456
456
  */
457
457
  groupChange: EventEmitter<Array<GroupDescriptor>>;
458
458
  /**
@@ -487,27 +487,27 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
487
487
  detailCollapse: EventEmitter<DetailCollapseEvent>;
488
488
  /**
489
489
  * Fires when the user clicks the **Edit** command button to edit a row
490
- * ([see example]({% slug editing_template_forms_grid %}#toc-editing-records)).
490
+ * ([see example]({% slug inline_editing_grid %}#toc-editing-records-1).
491
491
  */
492
492
  edit: EventEmitter<EditEvent>;
493
493
  /**
494
494
  * Fires when the user clicks the **Cancel** command button to close a row
495
- * ([see example]({% slug editing_template_forms_grid %}#toc-cancelling-editing)).
495
+ * ([see example]({% slug inline_editing_grid %}#toc-canceling-editing-1)).
496
496
  */
497
497
  cancel: EventEmitter<CancelEvent>;
498
498
  /**
499
499
  * Fires when the user clicks the **Save** command button to save changes in a row
500
- * ([see example]({% slug editing_template_forms_grid %}#toc-saving-records)).
500
+ * ([see example]({% slug inline_editing_grid %}#toc-saving-records-1)).
501
501
  */
502
502
  save: EventEmitter<SaveEvent>;
503
503
  /**
504
504
  * Fires when the user clicks the **Remove** command button to remove a row
505
- * ([see example]({% slug editing_template_forms_grid %}#toc-removing-records)).
505
+ * ([see example]({% slug inline_editing_grid %}#toc-removing-records-1)).
506
506
  */
507
507
  remove: EventEmitter<RemoveEvent>;
508
508
  /**
509
509
  * Fires when the user clicks the **Add** command button to add a new row
510
- * ([see example]({% slug editing_template_forms_grid %}#toc-adding-records)).
510
+ * ([see example]({% slug inline_editing_grid %}#toc-adding-records-1)).
511
511
  */
512
512
  add: EventEmitter<AddEvent>;
513
513
  /**
@@ -745,7 +745,7 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
745
745
  */
746
746
  get ariaLabel(): string;
747
747
  /**
748
- * Switches the specified table row in the edit mode ([see example]({% slug editing_template_forms_grid %}#toc-editing-records)).
748
+ * Switches the specified table row in the edit mode ([see example]({% slug inline_editing_grid %}#toc-editing-records-1)).
749
749
  *
750
750
  * @param rowIndex - The data row index that will be switched in the edit mode.
751
751
  * @param group - The [FormGroup]({{ site.data.urls.angular['formgroupapi'] }})
@@ -754,14 +754,14 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
754
754
  */
755
755
  editRow(rowIndex: number, group?: FormGroup, options?: EditRowOptions): void;
756
756
  /**
757
- * Closes the editor for a given row ([see example]({% slug editing_template_forms_grid %}#toc-cancelling-editing)).
757
+ * Closes the editor for a given row ([see example]({% slug inline_editing_grid %}#toc-canceling-editing-1)).
758
758
  *
759
759
  * @param {number} index - The row index that will be switched out of the edit mode. If no index is provided, it is assumed
760
760
  * that the new item editor will be closed.
761
761
  */
762
762
  closeRow(index?: number): void;
763
763
  /**
764
- * Creates a new row editor ([see example]({% slug editing_template_forms_grid %}#toc-adding-records)).
764
+ * Creates a new row editor ([see example]({% slug inline_editing_grid %}#toc-adding-records-1)).
765
765
  *
766
766
  * @param {FormGroup} group - The [FormGroup]({{ site.data.urls.angular['formgroupapi'] }}) that describes
767
767
  * the edit form. If called with a data item, it will build the `FormGroup` from the data item fields.
@@ -3,7 +3,7 @@
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  /**
6
- * Represents the possible navigable sections of the Grid.
6
+ * Represents the possible navigable sections of the Grid ([see example]({% slug keyboard_navigation_grid %}#toc-navigable-sections)).
7
7
  */
8
8
  export declare type GridNavigableSection = 'pager' | 'table';
9
9
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-grid",
3
- "version": "7.1.0-dev.202206060906",
3
+ "version": "7.2.0",
4
4
  "description": "Kendo UI Grid for Angular - high performance data grid with paging, filtering, virtualization, CRUD, and more.",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -88,11 +88,11 @@
88
88
  "fallbackTags": {
89
89
  "dev": "latest"
90
90
  },
91
- "analyzeCommits": "@telerik/semantic-prerelease/analyzeCommits",
91
+ "analyzeCommits": "@progress/semantic-prerelease/analyzeCommits",
92
92
  "generateNotes": "@progress/kendo-angular-tasks/lib/generateNotes",
93
- "getLastRelease": "@telerik/semantic-prerelease/getLastRelease",
94
- "verifyConditions": "@telerik/semantic-prerelease/verifyConditions",
95
- "verifyRelease": "@telerik/semantic-prerelease/verifyRelease"
93
+ "getLastRelease": "@progress/semantic-prerelease/getLastRelease",
94
+ "verifyConditions": "@progress/semantic-prerelease/verifyConditions",
95
+ "verifyRelease": "@progress/semantic-prerelease/verifyRelease"
96
96
  },
97
97
  "main": "bundles/kendo-angular-grid.umd.js",
98
98
  "module": "fesm2015/kendo-angular-grid.js",
@@ -7,7 +7,7 @@ import * as i0 from "@angular/core";
7
7
  /**
8
8
  * Creates a loading template that overrides the default loading indicator of the Grid Component.
9
9
  * To define a loading template, nest an `<ng-template>` tag with the `kendoGridLoadingTemplate` directive inside the `<kendo-grid>` tag
10
- * [see example]({% slug databinding_grid %}#toc-loading-template).
10
+ * [see example]({% slug binding_grid %}#toc-loading-template).
11
11
  */
12
12
  export declare class LoadingTemplateDirective {
13
13
  templateRef: TemplateRef<any>;