@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.
- package/bundles/kendo-angular-grid.umd.js +1 -1
- package/columns/column-base.d.ts +2 -2
- package/columns/column.component.d.ts +1 -1
- package/columns/command-column.component.d.ts +1 -1
- package/columns/span-column.component.d.ts +1 -1
- package/common/single-popup.service.d.ts +1 -1
- package/data/change-event-args.interface.d.ts +1 -1
- package/databinding.directive.d.ts +2 -2
- package/editing/add-command.directive.d.ts +1 -1
- package/editing/cancel-command.directive.d.ts +1 -1
- package/editing/edit-command.directive.d.ts +1 -1
- package/editing/edit-template.directive.d.ts +1 -1
- package/editing/remove-command.directive.d.ts +1 -1
- package/editing/save-command.directive.d.ts +1 -1
- package/esm2015/columns/column.component.js +1 -1
- package/esm2015/columns/command-column.component.js +1 -1
- package/esm2015/columns/span-column.component.js +1 -1
- package/esm2015/common/single-popup.service.js +1 -1
- package/esm2015/databinding.directive.js +2 -2
- package/esm2015/editing/add-command.directive.js +1 -1
- package/esm2015/editing/cancel-command.directive.js +1 -1
- package/esm2015/editing/edit-command.directive.js +1 -1
- package/esm2015/editing/edit-template.directive.js +1 -1
- package/esm2015/editing/remove-command.directive.js +1 -1
- package/esm2015/editing/save-command.directive.js +1 -1
- package/esm2015/filtering/base-filter-cell.component.js +1 -1
- package/esm2015/filtering/filter.service.js +1 -1
- package/esm2015/filtering/menu/numeric-filter-menu-input.component.js +5 -3
- package/esm2015/filtering/menu/numeric-filter-menu.component.js +12 -2
- package/esm2015/grid.component.js +13 -13
- package/esm2015/package-metadata.js +1 -1
- package/esm2015/rendering/loading-template.directive.js +1 -1
- package/fesm2015/kendo-angular-grid.js +46 -34
- package/filtering/base-filter-cell.component.d.ts +1 -1
- package/filtering/filter.service.d.ts +1 -1
- package/filtering/menu/numeric-filter-menu-input.component.d.ts +2 -1
- package/filtering/menu/numeric-filter-menu.component.d.ts +7 -1
- package/grid.component.d.ts +13 -13
- package/navigation/navigable-settings.d.ts +1 -1
- package/package.json +5 -5
- 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:
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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]="
|
|
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]="
|
|
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
|
|
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`—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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
21264
|
-
* ([more information and examples]({% slug
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
}
|
package/grid.component.d.ts
CHANGED
|
@@ -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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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.
|
|
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": "@
|
|
91
|
+
"analyzeCommits": "@progress/semantic-prerelease/analyzeCommits",
|
|
92
92
|
"generateNotes": "@progress/kendo-angular-tasks/lib/generateNotes",
|
|
93
|
-
"getLastRelease": "@
|
|
94
|
-
"verifyConditions": "@
|
|
95
|
-
"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
|
|
10
|
+
* [see example]({% slug binding_grid %}#toc-loading-template).
|
|
11
11
|
*/
|
|
12
12
|
export declare class LoadingTemplateDirective {
|
|
13
13
|
templateRef: TemplateRef<any>;
|