@progress/kendo-angular-grid 7.0.0-next.202203311511 → 7.0.0-next.202204011628
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/common/provider.service.d.ts +10 -4
- package/editing-directives/editing-directive-base.d.ts +1 -1
- package/editing-directives/in-cell-editing.directive.d.ts +1 -1
- package/editing-directives/reactive-editing.directive.d.ts +1 -1
- package/esm2015/common/provider.service.js +10 -4
- package/esm2015/grid.component.js +9 -9
- package/esm2015/layout/resizable.directive.js +6 -6
- package/esm2015/package-metadata.js +1 -1
- package/esm2015/pdf/pdf.service.js +3 -0
- package/esm2015/rendering/toolbar/toolbar.component.js +5 -5
- package/esm2015/selection/selection-default.js +13 -13
- package/esm2015/selection/selection.directive.js +9 -9
- package/excel/excel.component.d.ts +1 -1
- package/fesm2015/kendo-angular-grid.js +60 -51
- package/filtering/base-filter-cell.component.d.ts +1 -1
- package/grid.component.d.ts +3 -3
- package/layout/resizable.directive.d.ts +3 -3
- package/package.json +2 -2
- package/pdf/pdf.service.d.ts +3 -0
- package/rendering/header/header.component.d.ts +1 -1
- package/rendering/toolbar/toolbar.component.d.ts +3 -3
- package/selection/selection-default.d.ts +3 -3
- package/selection/selection.directive.d.ts +3 -3
|
@@ -2822,7 +2822,7 @@ const packageMetadata = {
|
|
|
2822
2822
|
name: '@progress/kendo-angular-grid',
|
|
2823
2823
|
productName: 'Kendo UI for Angular',
|
|
2824
2824
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
2825
|
-
publishDate:
|
|
2825
|
+
publishDate: 1648830205,
|
|
2826
2826
|
version: '',
|
|
2827
2827
|
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'
|
|
2828
2828
|
};
|
|
@@ -4847,12 +4847,29 @@ class PairSet {
|
|
|
4847
4847
|
}
|
|
4848
4848
|
}
|
|
4849
4849
|
|
|
4850
|
+
/**
|
|
4851
|
+
* @hidden
|
|
4852
|
+
*
|
|
4853
|
+
* The Context service is used to provide common
|
|
4854
|
+
* services and DI tokens for a Grid instance.
|
|
4855
|
+
*
|
|
4856
|
+
* This keeps the constructor parameters stable
|
|
4857
|
+
* and a avoids dependency cycles between components.
|
|
4858
|
+
*/
|
|
4859
|
+
class ContextService {
|
|
4860
|
+
}
|
|
4861
|
+
ContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
4862
|
+
ContextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ContextService });
|
|
4863
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ContextService, decorators: [{
|
|
4864
|
+
type: Injectable
|
|
4865
|
+
}] });
|
|
4866
|
+
|
|
4850
4867
|
/**
|
|
4851
4868
|
* @hidden
|
|
4852
4869
|
*/
|
|
4853
4870
|
class Selection {
|
|
4854
|
-
constructor(
|
|
4855
|
-
this.
|
|
4871
|
+
constructor(ctx, cd) {
|
|
4872
|
+
this.ctx = ctx;
|
|
4856
4873
|
this.cd = cd;
|
|
4857
4874
|
/**
|
|
4858
4875
|
* Defines the collection that will store the selected item keys.
|
|
@@ -4867,7 +4884,7 @@ class Selection {
|
|
|
4867
4884
|
this.init();
|
|
4868
4885
|
}
|
|
4869
4886
|
get isCellSelectionMode() {
|
|
4870
|
-
return isPresent(this.grid.selectable) && this.grid.selectable['cell'];
|
|
4887
|
+
return isPresent(this.ctx.grid.selectable) && this.ctx.grid.selectable['cell'];
|
|
4871
4888
|
}
|
|
4872
4889
|
ngOnChanges(changes) {
|
|
4873
4890
|
// skip reinitialization if the user data is the same as the last state change
|
|
@@ -4876,11 +4893,11 @@ class Selection {
|
|
|
4876
4893
|
}
|
|
4877
4894
|
}
|
|
4878
4895
|
init() {
|
|
4879
|
-
if (!isPresent(this.grid.rowSelected)) {
|
|
4880
|
-
this.grid.rowSelected = (row) => this.rowSelectionState.has(this.getItemKey(row));
|
|
4896
|
+
if (!isPresent(this.ctx.grid.rowSelected)) {
|
|
4897
|
+
this.ctx.grid.rowSelected = (row) => this.rowSelectionState.has(this.getItemKey(row));
|
|
4881
4898
|
}
|
|
4882
|
-
if (!isPresent(this.grid.cellSelected)) {
|
|
4883
|
-
this.grid.cellSelected = (row, column, colIndex) => {
|
|
4899
|
+
if (!isPresent(this.ctx.grid.cellSelected)) {
|
|
4900
|
+
this.ctx.grid.cellSelected = (row, column, colIndex) => {
|
|
4884
4901
|
const contender = this.getSelectionItem(row, column, colIndex);
|
|
4885
4902
|
return {
|
|
4886
4903
|
selected: this.cellSelectionState.has(contender.itemKey, contender.columnKey),
|
|
@@ -4888,7 +4905,7 @@ class Selection {
|
|
|
4888
4905
|
};
|
|
4889
4906
|
};
|
|
4890
4907
|
}
|
|
4891
|
-
this.selectionChangeSubscription = this.grid
|
|
4908
|
+
this.selectionChangeSubscription = this.ctx.grid
|
|
4892
4909
|
.selectionChange
|
|
4893
4910
|
.subscribe(this.onSelectionChange.bind(this));
|
|
4894
4911
|
}
|
|
@@ -4941,7 +4958,7 @@ class Selection {
|
|
|
4941
4958
|
const itemKey = this.getItemKey(item);
|
|
4942
4959
|
this.rowSelectionState.delete(itemKey);
|
|
4943
4960
|
});
|
|
4944
|
-
if (this.grid.selectableSettings.mode === "single" && this.rowSelectionState.size > 0) {
|
|
4961
|
+
if (this.ctx.grid.selectableSettings.mode === "single" && this.rowSelectionState.size > 0) {
|
|
4945
4962
|
this.reset();
|
|
4946
4963
|
}
|
|
4947
4964
|
selection.selectedRows.forEach((item) => {
|
|
@@ -4953,7 +4970,7 @@ class Selection {
|
|
|
4953
4970
|
selection.deselectedCells.forEach(({ itemKey, columnKey }) => {
|
|
4954
4971
|
this.cellSelectionState.delete(itemKey, columnKey);
|
|
4955
4972
|
});
|
|
4956
|
-
if (this.grid.selectableSettings.mode === "single" && this.cellSelectionState.size > 0) {
|
|
4973
|
+
if (this.ctx.grid.selectableSettings.mode === "single" && this.cellSelectionState.size > 0) {
|
|
4957
4974
|
this.reset();
|
|
4958
4975
|
}
|
|
4959
4976
|
selection.selectedCells.forEach(({ itemKey, columnKey }) => {
|
|
@@ -4982,7 +4999,7 @@ class Selection {
|
|
|
4982
4999
|
Array.from(this.rowSelectionState);
|
|
4983
5000
|
}
|
|
4984
5001
|
}
|
|
4985
|
-
Selection.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Selection, deps: [{ token:
|
|
5002
|
+
Selection.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Selection, deps: [{ token: ContextService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
4986
5003
|
Selection.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: Selection, selector: "kendo-grid-selection-base", inputs: { selectedKeys: "selectedKeys", selectionKey: ["kendoGridSelectBy", "selectionKey"], columnKey: "columnKey" }, outputs: { selectedKeysChange: "selectedKeysChange" }, usesOnChanges: true, ngImport: i0 });
|
|
4987
5004
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Selection, decorators: [{
|
|
4988
5005
|
type: Directive,
|
|
@@ -4990,7 +5007,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
4990
5007
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
4991
5008
|
selector: 'kendo-grid-selection-base'
|
|
4992
5009
|
}]
|
|
4993
|
-
}], ctorParameters: function () { return [{ type:
|
|
5010
|
+
}], ctorParameters: function () { return [{ type: ContextService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { selectedKeys: [{
|
|
4994
5011
|
type: Input
|
|
4995
5012
|
}], selectionKey: [{
|
|
4996
5013
|
type: Input,
|
|
@@ -5499,6 +5516,9 @@ class PDFService {
|
|
|
5499
5516
|
draw(component, promise) {
|
|
5500
5517
|
this.emitEvent(this.drawPDF, { component, promise });
|
|
5501
5518
|
}
|
|
5519
|
+
/**
|
|
5520
|
+
* @hidden
|
|
5521
|
+
*/
|
|
5502
5522
|
emitEvent(emitter, args) {
|
|
5503
5523
|
if (emitter.observers.length === 0) {
|
|
5504
5524
|
if (isDevMode()) {
|
|
@@ -6486,17 +6506,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
6486
6506
|
type: Optional
|
|
6487
6507
|
}] }]; } });
|
|
6488
6508
|
|
|
6489
|
-
/**
|
|
6490
|
-
* @hidden
|
|
6491
|
-
*/
|
|
6492
|
-
class ProviderService {
|
|
6493
|
-
}
|
|
6494
|
-
ProviderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProviderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
6495
|
-
ProviderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProviderService });
|
|
6496
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ProviderService, decorators: [{
|
|
6497
|
-
type: Injectable
|
|
6498
|
-
}] });
|
|
6499
|
-
|
|
6500
6509
|
/**
|
|
6501
6510
|
* Creates a loading template that overrides the default loading indicator of the Grid Component.
|
|
6502
6511
|
* To define a loading template, nest an `<ng-template>` tag with the `kendoGridLoadingTemplate` directive inside the `<kendo-grid>` tag
|
|
@@ -6520,18 +6529,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
6520
6529
|
* @hidden
|
|
6521
6530
|
*/
|
|
6522
6531
|
class ToolbarComponent {
|
|
6523
|
-
constructor(
|
|
6524
|
-
this.
|
|
6532
|
+
constructor(ctx) {
|
|
6533
|
+
this.ctx = ctx;
|
|
6525
6534
|
this.context = {};
|
|
6526
6535
|
}
|
|
6527
6536
|
set position(value) {
|
|
6528
6537
|
this.context.position = value;
|
|
6529
6538
|
}
|
|
6530
6539
|
get toolbarTemplateRef() {
|
|
6531
|
-
return this.
|
|
6540
|
+
return this.ctx.grid.toolbarTemplate ? this.ctx.grid.toolbarTemplate.templateRef : undefined;
|
|
6532
6541
|
}
|
|
6533
6542
|
}
|
|
6534
|
-
ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ToolbarComponent, deps: [{ token:
|
|
6543
|
+
ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ToolbarComponent, deps: [{ token: ContextService }], target: i0.ɵɵFactoryTarget.Component });
|
|
6535
6544
|
ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ToolbarComponent, selector: "kendo-grid-toolbar", inputs: { position: "position" }, ngImport: i0, template: `
|
|
6536
6545
|
<ng-template
|
|
6537
6546
|
*ngIf="toolbarTemplateRef"
|
|
@@ -6553,7 +6562,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
6553
6562
|
</ng-template>
|
|
6554
6563
|
`
|
|
6555
6564
|
}]
|
|
6556
|
-
}], ctorParameters: function () { return [{ type:
|
|
6565
|
+
}], ctorParameters: function () { return [{ type: ContextService }]; }, propDecorators: { position: [{
|
|
6557
6566
|
type: Input
|
|
6558
6567
|
}] } });
|
|
6559
6568
|
|
|
@@ -16861,11 +16870,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
16861
16870
|
* @hidden
|
|
16862
16871
|
*/
|
|
16863
16872
|
class ResizableContainerDirective {
|
|
16864
|
-
constructor(el, renderer, resizeService,
|
|
16873
|
+
constructor(el, renderer, resizeService, ctx) {
|
|
16865
16874
|
this.el = el;
|
|
16866
16875
|
this.renderer = renderer;
|
|
16867
16876
|
this.resizeService = resizeService;
|
|
16868
|
-
this.
|
|
16877
|
+
this.ctx = ctx;
|
|
16869
16878
|
this.enabled = false;
|
|
16870
16879
|
}
|
|
16871
16880
|
set lockedWidth(value) {
|
|
@@ -16898,8 +16907,8 @@ class ResizableContainerDirective {
|
|
|
16898
16907
|
}
|
|
16899
16908
|
}
|
|
16900
16909
|
resize() {
|
|
16901
|
-
if (this.
|
|
16902
|
-
const containerElement = this.
|
|
16910
|
+
if (this.ctx.grid && this.ctx.grid.wrapper) {
|
|
16911
|
+
const containerElement = this.ctx.grid.wrapper.nativeElement;
|
|
16903
16912
|
const width = Math.max(containerElement.clientWidth - this._lockedWidth, 0);
|
|
16904
16913
|
if (this.enabled && width > 0) {
|
|
16905
16914
|
this.renderer.setStyle(this.el.nativeElement, "width", width + "px");
|
|
@@ -16910,14 +16919,14 @@ class ResizableContainerDirective {
|
|
|
16910
16919
|
}
|
|
16911
16920
|
}
|
|
16912
16921
|
}
|
|
16913
|
-
ResizableContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ResizableContainerDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: ResizeService }, { token:
|
|
16922
|
+
ResizableContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ResizableContainerDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: ResizeService }, { token: ContextService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
16914
16923
|
ResizableContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ResizableContainerDirective, selector: "[kendoGridResizableContainer]", inputs: { lockedWidth: "lockedWidth", kendoGridResizableContainer: "kendoGridResizableContainer" }, ngImport: i0 });
|
|
16915
16924
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ResizableContainerDirective, decorators: [{
|
|
16916
16925
|
type: Directive,
|
|
16917
16926
|
args: [{
|
|
16918
16927
|
selector: '[kendoGridResizableContainer]'
|
|
16919
16928
|
}]
|
|
16920
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: ResizeService }, { type:
|
|
16929
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: ResizeService }, { type: ContextService }]; }, propDecorators: { lockedWidth: [{
|
|
16921
16930
|
type: Input,
|
|
16922
16931
|
args: ['lockedWidth']
|
|
16923
16932
|
}], kendoGridResizableContainer: [{
|
|
@@ -18136,7 +18145,7 @@ const isInEditedCell = (element, gridElement) => closest(element, matchesClasses
|
|
|
18136
18145
|
* ```
|
|
18137
18146
|
*/
|
|
18138
18147
|
class GridComponent {
|
|
18139
|
-
constructor(supportService, selectionService, cellSelectionService, wrapper, groupInfoService, groupsService, changeNotification, detailsService, editService, filterService, pdfService, responsiveService, renderer, excelService, ngZone, scrollSyncService, domEvents, columnResizingService, changeDetectorRef, columnReorderService, columnInfoService, navigationService, sortService, scrollRequestService, localization,
|
|
18148
|
+
constructor(supportService, selectionService, cellSelectionService, wrapper, groupInfoService, groupsService, changeNotification, detailsService, editService, filterService, pdfService, responsiveService, renderer, excelService, ngZone, scrollSyncService, domEvents, columnResizingService, changeDetectorRef, columnReorderService, columnInfoService, navigationService, sortService, scrollRequestService, localization, ctx) {
|
|
18140
18149
|
this.supportService = supportService;
|
|
18141
18150
|
this.selectionService = selectionService;
|
|
18142
18151
|
this.cellSelectionService = cellSelectionService;
|
|
@@ -18162,7 +18171,7 @@ class GridComponent {
|
|
|
18162
18171
|
this.sortService = sortService;
|
|
18163
18172
|
this.scrollRequestService = scrollRequestService;
|
|
18164
18173
|
this.localization = localization;
|
|
18165
|
-
this.
|
|
18174
|
+
this.ctx = ctx;
|
|
18166
18175
|
/**
|
|
18167
18176
|
* Sets the data of the Grid. If an array is provided, the Grid automatically gets the total count
|
|
18168
18177
|
* ([more information and example]({% slug databinding_grid %})).
|
|
@@ -18439,7 +18448,7 @@ class GridComponent {
|
|
|
18439
18448
|
this.rtl = false;
|
|
18440
18449
|
this._rowClass = () => null;
|
|
18441
18450
|
validatePackage(packageMetadata);
|
|
18442
|
-
this.
|
|
18451
|
+
this.ctx.grid = this;
|
|
18443
18452
|
this.localizationSubscription = this.localization.changes.subscribe(({ rtl }) => {
|
|
18444
18453
|
this.rtl = rtl;
|
|
18445
18454
|
this.direction = this.rtl ? 'rtl' : 'ltr';
|
|
@@ -19668,7 +19677,7 @@ class GridComponent {
|
|
|
19668
19677
|
return;
|
|
19669
19678
|
}
|
|
19670
19679
|
if (!this.selectionDirective && !isPresent(this.defaultSelection)) {
|
|
19671
|
-
this.defaultSelection = new Selection(this, this.changeDetectorRef);
|
|
19680
|
+
this.defaultSelection = new Selection(this.ctx, this.changeDetectorRef);
|
|
19672
19681
|
}
|
|
19673
19682
|
const cellSelectionMode = this.selectable['cell'];
|
|
19674
19683
|
const activeService = cellSelectionMode ? this.cellSelectionService : this.selectionService;
|
|
@@ -20078,7 +20087,7 @@ class GridComponent {
|
|
|
20078
20087
|
return previousValue.cell !== currentValue.cell;
|
|
20079
20088
|
}
|
|
20080
20089
|
}
|
|
20081
|
-
GridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GridComponent, deps: [{ token: BrowserSupportService }, { token: SelectionService }, { token: CellSelectionService }, { token: i0.ElementRef }, { token: GroupInfoService }, { token: GroupsService }, { token: ChangeNotificationService }, { token: DetailsService }, { token: EditService }, { token: FilterService }, { token: PDFService }, { token: ResponsiveService }, { token: i0.Renderer2 }, { token: ExcelService }, { token: i0.NgZone }, { token: ScrollSyncService }, { token: DomEventsService }, { token: ColumnResizingService }, { token: i0.ChangeDetectorRef }, { token: ColumnReorderService }, { token: ColumnInfoService }, { token: NavigationService }, { token: SortService }, { token: ScrollRequestService }, { token: i1.LocalizationService }, { token:
|
|
20090
|
+
GridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GridComponent, deps: [{ token: BrowserSupportService }, { token: SelectionService }, { token: CellSelectionService }, { token: i0.ElementRef }, { token: GroupInfoService }, { token: GroupsService }, { token: ChangeNotificationService }, { token: DetailsService }, { token: EditService }, { token: FilterService }, { token: PDFService }, { token: ResponsiveService }, { token: i0.Renderer2 }, { token: ExcelService }, { token: i0.NgZone }, { token: ScrollSyncService }, { token: DomEventsService }, { token: ColumnResizingService }, { token: i0.ChangeDetectorRef }, { token: ColumnReorderService }, { token: ColumnInfoService }, { token: NavigationService }, { token: SortService }, { token: ScrollRequestService }, { token: i1.LocalizationService }, { token: ContextService }], target: i0.ɵɵFactoryTarget.Component });
|
|
20082
20091
|
GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: GridComponent, selector: "kendo-grid", inputs: { data: "data", pageSize: "pageSize", height: "height", rowHeight: "rowHeight", detailRowHeight: "detailRowHeight", skip: "skip", scrollable: "scrollable", selectable: "selectable", sort: "sort", trackBy: "trackBy", filter: "filter", group: "group", virtualColumns: "virtualColumns", filterable: "filterable", sortable: "sortable", pageable: "pageable", groupable: "groupable", navigable: "navigable", navigatable: "navigatable", autoSize: "autoSize", rowClass: "rowClass", rowSticky: "rowSticky", rowSelected: "rowSelected", cellSelected: "cellSelected", resizable: "resizable", reorderable: "reorderable", loading: "loading", columnMenu: "columnMenu", hideHeader: "hideHeader", isDetailExpanded: "isDetailExpanded", isGroupExpanded: "isGroupExpanded" }, outputs: { filterChange: "filterChange", pageChange: "pageChange", groupChange: "groupChange", sortChange: "sortChange", selectionChange: "selectionChange", dataStateChange: "dataStateChange", groupExpand: "groupExpand", groupCollapse: "groupCollapse", detailExpand: "detailExpand", detailCollapse: "detailCollapse", edit: "edit", cancel: "cancel", save: "save", remove: "remove", add: "add", cellClose: "cellClose", cellClick: "cellClick", pdfExport: "pdfExport", excelExport: "excelExport", columnResize: "columnResize", columnReorder: "columnReorder", columnVisibilityChange: "columnVisibilityChange", columnLockedChange: "columnLockedChange", columnStickyChange: "columnStickyChange", scrollBottom: "scrollBottom", contentScroll: "contentScroll" }, host: { properties: { "attr.dir": "this.dir", "class.k-grid": "this.hostClasses", "class.k-grid-lockedcolumns": "this.lockedClasses", "class.k-grid-virtual": "this.virtualClasses", "class.k-grid-no-scrollbar": "this.noScrollbarClass" } }, providers: [
|
|
20083
20092
|
BrowserSupportService,
|
|
20084
20093
|
LocalizationService,
|
|
@@ -20119,7 +20128,7 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
|
|
|
20119
20128
|
IdService,
|
|
20120
20129
|
ScrollRequestService,
|
|
20121
20130
|
SortService,
|
|
20122
|
-
|
|
20131
|
+
ContextService
|
|
20123
20132
|
], queries: [{ propertyName: "columns", predicate: ColumnBase }, { propertyName: "detailTemplateChildren", predicate: DetailTemplateDirective }, { propertyName: "cellLoadingTemplateChildren", predicate: CellLoadingTemplateDirective }, { propertyName: "loadingTemplateChildren", predicate: LoadingTemplateDirective }, { propertyName: "noRecordsTemplateChildren", predicate: NoRecordsTemplateDirective }, { propertyName: "pagerTemplateChildren", predicate: PagerTemplateDirective }, { propertyName: "toolbarTemplateChildren", predicate: ToolbarTemplateDirective }, { propertyName: "columnMenuTemplates", predicate: ColumnMenuTemplateDirective }], viewQueries: [{ propertyName: "lockedHeader", first: true, predicate: ["lockedHeader"], descendants: true }, { propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "ariaRoot", first: true, predicate: ["ariaRoot"], descendants: true, static: true }, { propertyName: "footer", predicate: ["footer"], descendants: true }], exportAs: ["kendoGrid"], usesOnChanges: true, ngImport: i0, template: `
|
|
20124
20133
|
<ng-container kendoGridLocalizedMessages
|
|
20125
20134
|
i18n-groupPanelEmpty="kendo.grid.groupPanelEmpty|The label visible in the Grid group panel when it is empty"
|
|
@@ -20614,7 +20623,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
20614
20623
|
IdService,
|
|
20615
20624
|
ScrollRequestService,
|
|
20616
20625
|
SortService,
|
|
20617
|
-
|
|
20626
|
+
ContextService
|
|
20618
20627
|
],
|
|
20619
20628
|
selector: 'kendo-grid',
|
|
20620
20629
|
styles: [
|
|
@@ -21080,7 +21089,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
21080
21089
|
<kendo-grid-toolbar class="k-toolbar k-grid-toolbar k-grid-toolbar-bottom" *ngIf="showBottomToolbar" position="bottom"></kendo-grid-toolbar>
|
|
21081
21090
|
`
|
|
21082
21091
|
}]
|
|
21083
|
-
}], ctorParameters: function () { return [{ type: BrowserSupportService }, { type: SelectionService }, { type: CellSelectionService }, { type: i0.ElementRef }, { type: GroupInfoService }, { type: GroupsService }, { type: ChangeNotificationService }, { type: DetailsService }, { type: EditService }, { type: FilterService }, { type: PDFService }, { type: ResponsiveService }, { type: i0.Renderer2 }, { type: ExcelService }, { type: i0.NgZone }, { type: ScrollSyncService }, { type: DomEventsService }, { type: ColumnResizingService }, { type: i0.ChangeDetectorRef }, { type: ColumnReorderService }, { type: ColumnInfoService }, { type: NavigationService }, { type: SortService }, { type: ScrollRequestService }, { type: i1.LocalizationService }, { type:
|
|
21092
|
+
}], ctorParameters: function () { return [{ type: BrowserSupportService }, { type: SelectionService }, { type: CellSelectionService }, { type: i0.ElementRef }, { type: GroupInfoService }, { type: GroupsService }, { type: ChangeNotificationService }, { type: DetailsService }, { type: EditService }, { type: FilterService }, { type: PDFService }, { type: ResponsiveService }, { type: i0.Renderer2 }, { type: ExcelService }, { type: i0.NgZone }, { type: ScrollSyncService }, { type: DomEventsService }, { type: ColumnResizingService }, { type: i0.ChangeDetectorRef }, { type: ColumnReorderService }, { type: ColumnInfoService }, { type: NavigationService }, { type: SortService }, { type: ScrollRequestService }, { type: i1.LocalizationService }, { type: ContextService }]; }, propDecorators: { data: [{
|
|
21084
21093
|
type: Input
|
|
21085
21094
|
}], pageSize: [{
|
|
21086
21095
|
type: Input
|
|
@@ -21407,18 +21416,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
21407
21416
|
* ([see example]({% slug selection_grid %}#toc-during-data-operations)).
|
|
21408
21417
|
*/
|
|
21409
21418
|
class SelectionDirective extends Selection {
|
|
21410
|
-
constructor(
|
|
21411
|
-
super(
|
|
21412
|
-
this.
|
|
21419
|
+
constructor(ctx, cd) {
|
|
21420
|
+
super(ctx, cd);
|
|
21421
|
+
this.ctx = ctx;
|
|
21413
21422
|
}
|
|
21414
21423
|
/**
|
|
21415
21424
|
* @hidden
|
|
21416
21425
|
*/
|
|
21417
21426
|
ngOnInit() {
|
|
21418
|
-
if (this.grid.selectable === false) {
|
|
21419
|
-
this.grid.selectable = true;
|
|
21427
|
+
if (this.ctx.grid.selectable === false) {
|
|
21428
|
+
this.ctx.grid.selectable = true;
|
|
21420
21429
|
}
|
|
21421
|
-
this.grid.selectionDirective = this;
|
|
21430
|
+
this.ctx.grid.selectionDirective = this;
|
|
21422
21431
|
}
|
|
21423
21432
|
/**
|
|
21424
21433
|
* @hidden
|
|
@@ -21427,14 +21436,14 @@ class SelectionDirective extends Selection {
|
|
|
21427
21436
|
super.destroy();
|
|
21428
21437
|
}
|
|
21429
21438
|
}
|
|
21430
|
-
SelectionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SelectionDirective, deps: [{ token:
|
|
21439
|
+
SelectionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SelectionDirective, deps: [{ token: ContextService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
21431
21440
|
SelectionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SelectionDirective, selector: "[kendoGridSelectBy]", usesInheritance: true, ngImport: i0 });
|
|
21432
21441
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SelectionDirective, decorators: [{
|
|
21433
21442
|
type: Directive,
|
|
21434
21443
|
args: [{
|
|
21435
21444
|
selector: '[kendoGridSelectBy]'
|
|
21436
21445
|
}]
|
|
21437
|
-
}], ctorParameters: function () { return [{ type:
|
|
21446
|
+
}], ctorParameters: function () { return [{ type: ContextService }, { type: i0.ChangeDetectorRef }]; } });
|
|
21438
21447
|
|
|
21439
21448
|
/**
|
|
21440
21449
|
* A directive which controls the expanded state of the master detail rows.
|
|
@@ -7,7 +7,7 @@ import { FilterService } from './filter.service';
|
|
|
7
7
|
import { CompositeFilterDescriptor, FilterDescriptor } from '@progress/kendo-data-query';
|
|
8
8
|
import { FilterOperatorBase } from './operators/filter-operator.base';
|
|
9
9
|
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
10
|
-
import { FilterOperator } from '
|
|
10
|
+
import { FilterOperator } from '../common/filter-operator.interface';
|
|
11
11
|
import * as i0 from "@angular/core";
|
|
12
12
|
/**
|
|
13
13
|
* @hidden
|
package/grid.component.d.ts
CHANGED
|
@@ -71,7 +71,7 @@ import { CellSelectionService } from './selection/cell-selection.service';
|
|
|
71
71
|
import { ColumnStickyChangeEvent } from './column-menu/column-sticky-change-event';
|
|
72
72
|
import { GroupRowArgs } from './grouping/group-rows-args.interface';
|
|
73
73
|
import { CellLoadingTemplateDirective } from './rendering/cell-loading.template.directive';
|
|
74
|
-
import {
|
|
74
|
+
import { ContextService } from './common/provider.service';
|
|
75
75
|
import { LoadingTemplateDirective } from './rendering/loading-template.directive';
|
|
76
76
|
import * as i0 from "@angular/core";
|
|
77
77
|
/**
|
|
@@ -130,7 +130,7 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
|
|
|
130
130
|
private sortService;
|
|
131
131
|
private scrollRequestService;
|
|
132
132
|
private localization;
|
|
133
|
-
private
|
|
133
|
+
private ctx;
|
|
134
134
|
/**
|
|
135
135
|
* Sets the data of the Grid. If an array is provided, the Grid automatically gets the total count
|
|
136
136
|
* ([more information and example]({% slug databinding_grid %})).
|
|
@@ -656,7 +656,7 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
|
|
|
656
656
|
private columnRangeChangeSubscription;
|
|
657
657
|
private rtl;
|
|
658
658
|
private _rowSticky;
|
|
659
|
-
constructor(supportService: BrowserSupportService, selectionService: SelectionService, cellSelectionService: CellSelectionService, wrapper: ElementRef, groupInfoService: GroupInfoService, groupsService: GroupsService, changeNotification: ChangeNotificationService, detailsService: DetailsService, editService: EditService, filterService: FilterService, pdfService: PDFService, responsiveService: ResponsiveService, renderer: Renderer2, excelService: ExcelService, ngZone: NgZone, scrollSyncService: ScrollSyncService, domEvents: DomEventsService, columnResizingService: ColumnResizingService, changeDetectorRef: ChangeDetectorRef, columnReorderService: ColumnReorderService, columnInfoService: ColumnInfoService, navigationService: NavigationService, sortService: SortService, scrollRequestService: ScrollRequestService, localization: LocalizationService,
|
|
659
|
+
constructor(supportService: BrowserSupportService, selectionService: SelectionService, cellSelectionService: CellSelectionService, wrapper: ElementRef, groupInfoService: GroupInfoService, groupsService: GroupsService, changeNotification: ChangeNotificationService, detailsService: DetailsService, editService: EditService, filterService: FilterService, pdfService: PDFService, responsiveService: ResponsiveService, renderer: Renderer2, excelService: ExcelService, ngZone: NgZone, scrollSyncService: ScrollSyncService, domEvents: DomEventsService, columnResizingService: ColumnResizingService, changeDetectorRef: ChangeDetectorRef, columnReorderService: ColumnReorderService, columnInfoService: ColumnInfoService, navigationService: NavigationService, sortService: SortService, scrollRequestService: ScrollRequestService, localization: LocalizationService, ctx: ContextService);
|
|
660
660
|
/**
|
|
661
661
|
* Expands the specified master row ([see example]({% slug hierarchy_grid %})).
|
|
662
662
|
*
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { ElementRef, OnDestroy, Renderer2 } from '@angular/core';
|
|
6
6
|
import { ResizeService } from "./resize.service";
|
|
7
|
-
import {
|
|
7
|
+
import { ContextService } from './../common/provider.service';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
/**
|
|
10
10
|
* @hidden
|
|
@@ -13,13 +13,13 @@ export declare class ResizableContainerDirective implements OnDestroy {
|
|
|
13
13
|
private el;
|
|
14
14
|
private renderer;
|
|
15
15
|
private resizeService;
|
|
16
|
-
private
|
|
16
|
+
private ctx;
|
|
17
17
|
private _lockedWidth;
|
|
18
18
|
set lockedWidth(value: number);
|
|
19
19
|
set kendoGridResizableContainer(enabled: boolean);
|
|
20
20
|
private enabled;
|
|
21
21
|
private resizeSubscription;
|
|
22
|
-
constructor(el: ElementRef, renderer: Renderer2, resizeService: ResizeService,
|
|
22
|
+
constructor(el: ElementRef, renderer: Renderer2, resizeService: ResizeService, ctx: ContextService);
|
|
23
23
|
ngOnDestroy(): void;
|
|
24
24
|
private attachResize;
|
|
25
25
|
private resize;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-grid",
|
|
3
|
-
"version": "7.0.0-next.
|
|
3
|
+
"version": "7.0.0-next.202204011628",
|
|
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",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"dependencies": {
|
|
32
32
|
"@progress/kendo-common": "^0.2.0",
|
|
33
33
|
"@progress/kendo-file-saver": "^1.0.0",
|
|
34
|
-
"@progress/kendo-schematics": "^
|
|
34
|
+
"@progress/kendo-schematics": "^3.0.0",
|
|
35
35
|
"tslib": "^2.3.1"
|
|
36
36
|
},
|
|
37
37
|
"peerDependencies": {
|
package/pdf/pdf.service.d.ts
CHANGED
|
@@ -15,6 +15,9 @@ export declare class PDFService {
|
|
|
15
15
|
exporting: boolean;
|
|
16
16
|
save(component: any): void;
|
|
17
17
|
draw(component: any, promise: any): void;
|
|
18
|
+
/**
|
|
19
|
+
* @hidden
|
|
20
|
+
*/
|
|
18
21
|
protected emitEvent(emitter: any, args: any): void;
|
|
19
22
|
static ɵfac: i0.ɵɵFactoryDeclaration<PDFService, never>;
|
|
20
23
|
static ɵprov: i0.ɵɵInjectableDeclaration<PDFService>;
|
|
@@ -22,7 +22,7 @@ import { ColumnReorderService } from '../../dragdrop/column-reorder.service';
|
|
|
22
22
|
import { SortService } from '../../common/sort.service';
|
|
23
23
|
import { FilterMenuComponent } from '../../filtering/menu/filter-menu.component';
|
|
24
24
|
import { ColumnMenuComponent } from '../../column-menu/column-menu.component';
|
|
25
|
-
import { ColumnMenuSettings } from '
|
|
25
|
+
import { ColumnMenuSettings } from '../../column-menu/column-menu-settings.interface';
|
|
26
26
|
import * as i0 from "@angular/core";
|
|
27
27
|
/**
|
|
28
28
|
* @hidden
|
|
@@ -3,17 +3,17 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { TemplateRef } from '@angular/core';
|
|
6
|
-
import {
|
|
6
|
+
import { ContextService } from './../../common/provider.service';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
/**
|
|
9
9
|
* @hidden
|
|
10
10
|
*/
|
|
11
11
|
export declare class ToolbarComponent {
|
|
12
|
-
private
|
|
12
|
+
private ctx;
|
|
13
13
|
context: any;
|
|
14
14
|
set position(value: 'top' | 'bottom');
|
|
15
15
|
get toolbarTemplateRef(): TemplateRef<any>;
|
|
16
|
-
constructor(
|
|
16
|
+
constructor(ctx: ContextService);
|
|
17
17
|
static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarComponent, never>;
|
|
18
18
|
static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarComponent, "kendo-grid-toolbar", never, { "position": "position"; }, {}, never, never>;
|
|
19
19
|
}
|
|
@@ -3,18 +3,18 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { EventEmitter, ChangeDetectorRef, SimpleChanges } from '@angular/core';
|
|
6
|
-
import { GridComponent } from "../grid.component";
|
|
7
6
|
import { Subscription } from "rxjs";
|
|
8
7
|
import { RowArgs } from "../rendering/common/row-args";
|
|
9
8
|
import { SelectionEvent, CellSelectionItem } from "./types";
|
|
10
9
|
import { ColumnComponent } from '../columns/column.component';
|
|
11
10
|
import { PairSet } from './pair-set';
|
|
11
|
+
import { ContextService } from '../common/provider.service';
|
|
12
12
|
import * as i0 from "@angular/core";
|
|
13
13
|
/**
|
|
14
14
|
* @hidden
|
|
15
15
|
*/
|
|
16
16
|
export declare class Selection {
|
|
17
|
-
protected
|
|
17
|
+
protected ctx: ContextService;
|
|
18
18
|
protected cd: ChangeDetectorRef;
|
|
19
19
|
/**
|
|
20
20
|
* Defines the collection that will store the selected item keys.
|
|
@@ -40,7 +40,7 @@ export declare class Selection {
|
|
|
40
40
|
protected lastSelectionState: any[];
|
|
41
41
|
protected selectionChangeSubscription: Subscription;
|
|
42
42
|
private get isCellSelectionMode();
|
|
43
|
-
constructor(
|
|
43
|
+
constructor(ctx: ContextService, cd: ChangeDetectorRef);
|
|
44
44
|
ngOnChanges(changes: SimpleChanges): void;
|
|
45
45
|
protected init(): void;
|
|
46
46
|
/**
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
|
|
6
|
-
import {
|
|
6
|
+
import { ContextService } from '../common/provider.service';
|
|
7
7
|
import { Selection } from "./selection-default";
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
/**
|
|
@@ -11,8 +11,8 @@ import * as i0 from "@angular/core";
|
|
|
11
11
|
* ([see example]({% slug selection_grid %}#toc-during-data-operations)).
|
|
12
12
|
*/
|
|
13
13
|
export declare class SelectionDirective extends Selection implements OnInit, OnDestroy {
|
|
14
|
-
protected
|
|
15
|
-
constructor(
|
|
14
|
+
protected ctx: ContextService;
|
|
15
|
+
constructor(ctx: ContextService, cd: ChangeDetectorRef);
|
|
16
16
|
/**
|
|
17
17
|
* @hidden
|
|
18
18
|
*/
|