@progress/kendo-angular-grid 7.0.0-next.202204010918 → 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 +9 -3
- 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 +2 -2
- package/esm2015/selection/selection.directive.js +2 -2
- package/fesm2015/kendo-angular-grid.js +37 -28
- 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/toolbar/toolbar.component.d.ts +3 -3
- package/selection/selection-default.d.ts +3 -3
- package/selection/selection.directive.d.ts +3 -3
|
@@ -6,9 +6,15 @@ import type { GridComponent } from '../grid.component';
|
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
/**
|
|
8
8
|
* @hidden
|
|
9
|
+
*
|
|
10
|
+
* The Context service is used to provide common
|
|
11
|
+
* services and DI tokens for a Grid instance.
|
|
12
|
+
*
|
|
13
|
+
* This keeps the constructor parameters stable
|
|
14
|
+
* and a avoids dependency cycles between components.
|
|
9
15
|
*/
|
|
10
|
-
export declare class
|
|
16
|
+
export declare class ContextService {
|
|
11
17
|
grid: GridComponent;
|
|
12
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
13
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<
|
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ContextService, never>;
|
|
19
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ContextService>;
|
|
14
20
|
}
|
|
@@ -6,11 +6,17 @@ import { Injectable } from '@angular/core';
|
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
/**
|
|
8
8
|
* @hidden
|
|
9
|
+
*
|
|
10
|
+
* The Context service is used to provide common
|
|
11
|
+
* services and DI tokens for a Grid instance.
|
|
12
|
+
*
|
|
13
|
+
* This keeps the constructor parameters stable
|
|
14
|
+
* and a avoids dependency cycles between components.
|
|
9
15
|
*/
|
|
10
|
-
export class
|
|
16
|
+
export class ContextService {
|
|
11
17
|
}
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type:
|
|
18
|
+
ContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
19
|
+
ContextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ContextService });
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ContextService, decorators: [{
|
|
15
21
|
type: Injectable
|
|
16
22
|
}] });
|
|
@@ -69,7 +69,7 @@ import { defaultTrackBy } from './common/default-track-by';
|
|
|
69
69
|
import { CellSelectionService } from './selection/cell-selection.service';
|
|
70
70
|
import { ColumnStickyChangeEvent } from './column-menu/column-sticky-change-event';
|
|
71
71
|
import { CellLoadingTemplateDirective } from './rendering/cell-loading.template.directive';
|
|
72
|
-
import {
|
|
72
|
+
import { ContextService } from './common/provider.service';
|
|
73
73
|
import { LoadingTemplateDirective } from './rendering/loading-template.directive';
|
|
74
74
|
import * as i0 from "@angular/core";
|
|
75
75
|
import * as i1 from "./layout/browser-support.service";
|
|
@@ -158,7 +158,7 @@ const isInEditedCell = (element, gridElement) => closest(element, matchesClasses
|
|
|
158
158
|
* ```
|
|
159
159
|
*/
|
|
160
160
|
export class GridComponent {
|
|
161
|
-
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,
|
|
161
|
+
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) {
|
|
162
162
|
this.supportService = supportService;
|
|
163
163
|
this.selectionService = selectionService;
|
|
164
164
|
this.cellSelectionService = cellSelectionService;
|
|
@@ -184,7 +184,7 @@ export class GridComponent {
|
|
|
184
184
|
this.sortService = sortService;
|
|
185
185
|
this.scrollRequestService = scrollRequestService;
|
|
186
186
|
this.localization = localization;
|
|
187
|
-
this.
|
|
187
|
+
this.ctx = ctx;
|
|
188
188
|
/**
|
|
189
189
|
* Sets the data of the Grid. If an array is provided, the Grid automatically gets the total count
|
|
190
190
|
* ([more information and example]({% slug databinding_grid %})).
|
|
@@ -461,7 +461,7 @@ export class GridComponent {
|
|
|
461
461
|
this.rtl = false;
|
|
462
462
|
this._rowClass = () => null;
|
|
463
463
|
validatePackage(packageMetadata);
|
|
464
|
-
this.
|
|
464
|
+
this.ctx.grid = this;
|
|
465
465
|
this.localizationSubscription = this.localization.changes.subscribe(({ rtl }) => {
|
|
466
466
|
this.rtl = rtl;
|
|
467
467
|
this.direction = this.rtl ? 'rtl' : 'ltr';
|
|
@@ -1690,7 +1690,7 @@ export class GridComponent {
|
|
|
1690
1690
|
return;
|
|
1691
1691
|
}
|
|
1692
1692
|
if (!this.selectionDirective && !isPresent(this.defaultSelection)) {
|
|
1693
|
-
this.defaultSelection = new Selection(this.
|
|
1693
|
+
this.defaultSelection = new Selection(this.ctx, this.changeDetectorRef);
|
|
1694
1694
|
}
|
|
1695
1695
|
const cellSelectionMode = this.selectable['cell'];
|
|
1696
1696
|
const activeService = cellSelectionMode ? this.cellSelectionService : this.selectionService;
|
|
@@ -2100,7 +2100,7 @@ export class GridComponent {
|
|
|
2100
2100
|
return previousValue.cell !== currentValue.cell;
|
|
2101
2101
|
}
|
|
2102
2102
|
}
|
|
2103
|
-
GridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GridComponent, deps: [{ token: i1.BrowserSupportService }, { token: i2.SelectionService }, { token: i3.CellSelectionService }, { token: i0.ElementRef }, { token: i4.GroupInfoService }, { token: i5.GroupsService }, { token: i6.ChangeNotificationService }, { token: i7.DetailsService }, { token: i8.EditService }, { token: i9.FilterService }, { token: i10.PDFService }, { token: i11.ResponsiveService }, { token: i0.Renderer2 }, { token: i12.ExcelService }, { token: i0.NgZone }, { token: i13.ScrollSyncService }, { token: i14.DomEventsService }, { token: i15.ColumnResizingService }, { token: i0.ChangeDetectorRef }, { token: i16.ColumnReorderService }, { token: i17.ColumnInfoService }, { token: i18.NavigationService }, { token: i19.SortService }, { token: i20.ScrollRequestService }, { token: i21.LocalizationService }, { token: i22.
|
|
2103
|
+
GridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: GridComponent, deps: [{ token: i1.BrowserSupportService }, { token: i2.SelectionService }, { token: i3.CellSelectionService }, { token: i0.ElementRef }, { token: i4.GroupInfoService }, { token: i5.GroupsService }, { token: i6.ChangeNotificationService }, { token: i7.DetailsService }, { token: i8.EditService }, { token: i9.FilterService }, { token: i10.PDFService }, { token: i11.ResponsiveService }, { token: i0.Renderer2 }, { token: i12.ExcelService }, { token: i0.NgZone }, { token: i13.ScrollSyncService }, { token: i14.DomEventsService }, { token: i15.ColumnResizingService }, { token: i0.ChangeDetectorRef }, { token: i16.ColumnReorderService }, { token: i17.ColumnInfoService }, { token: i18.NavigationService }, { token: i19.SortService }, { token: i20.ScrollRequestService }, { token: i21.LocalizationService }, { token: i22.ContextService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2104
2104
|
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: [
|
|
2105
2105
|
BrowserSupportService,
|
|
2106
2106
|
LocalizationService,
|
|
@@ -2141,7 +2141,7 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
|
|
|
2141
2141
|
IdService,
|
|
2142
2142
|
ScrollRequestService,
|
|
2143
2143
|
SortService,
|
|
2144
|
-
|
|
2144
|
+
ContextService
|
|
2145
2145
|
], 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: `
|
|
2146
2146
|
<ng-container kendoGridLocalizedMessages
|
|
2147
2147
|
i18n-groupPanelEmpty="kendo.grid.groupPanelEmpty|The label visible in the Grid group panel when it is empty"
|
|
@@ -2636,7 +2636,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
2636
2636
|
IdService,
|
|
2637
2637
|
ScrollRequestService,
|
|
2638
2638
|
SortService,
|
|
2639
|
-
|
|
2639
|
+
ContextService
|
|
2640
2640
|
],
|
|
2641
2641
|
selector: 'kendo-grid',
|
|
2642
2642
|
styles: [
|
|
@@ -3102,7 +3102,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
3102
3102
|
<kendo-grid-toolbar class="k-toolbar k-grid-toolbar k-grid-toolbar-bottom" *ngIf="showBottomToolbar" position="bottom"></kendo-grid-toolbar>
|
|
3103
3103
|
`
|
|
3104
3104
|
}]
|
|
3105
|
-
}], ctorParameters: function () { return [{ type: i1.BrowserSupportService }, { type: i2.SelectionService }, { type: i3.CellSelectionService }, { type: i0.ElementRef }, { type: i4.GroupInfoService }, { type: i5.GroupsService }, { type: i6.ChangeNotificationService }, { type: i7.DetailsService }, { type: i8.EditService }, { type: i9.FilterService }, { type: i10.PDFService }, { type: i11.ResponsiveService }, { type: i0.Renderer2 }, { type: i12.ExcelService }, { type: i0.NgZone }, { type: i13.ScrollSyncService }, { type: i14.DomEventsService }, { type: i15.ColumnResizingService }, { type: i0.ChangeDetectorRef }, { type: i16.ColumnReorderService }, { type: i17.ColumnInfoService }, { type: i18.NavigationService }, { type: i19.SortService }, { type: i20.ScrollRequestService }, { type: i21.LocalizationService }, { type: i22.
|
|
3105
|
+
}], ctorParameters: function () { return [{ type: i1.BrowserSupportService }, { type: i2.SelectionService }, { type: i3.CellSelectionService }, { type: i0.ElementRef }, { type: i4.GroupInfoService }, { type: i5.GroupsService }, { type: i6.ChangeNotificationService }, { type: i7.DetailsService }, { type: i8.EditService }, { type: i9.FilterService }, { type: i10.PDFService }, { type: i11.ResponsiveService }, { type: i0.Renderer2 }, { type: i12.ExcelService }, { type: i0.NgZone }, { type: i13.ScrollSyncService }, { type: i14.DomEventsService }, { type: i15.ColumnResizingService }, { type: i0.ChangeDetectorRef }, { type: i16.ColumnReorderService }, { type: i17.ColumnInfoService }, { type: i18.NavigationService }, { type: i19.SortService }, { type: i20.ScrollRequestService }, { type: i21.LocalizationService }, { type: i22.ContextService }]; }, propDecorators: { data: [{
|
|
3106
3106
|
type: Input
|
|
3107
3107
|
}], pageSize: [{
|
|
3108
3108
|
type: Input
|
|
@@ -10,11 +10,11 @@ import * as i2 from "./../common/provider.service";
|
|
|
10
10
|
* @hidden
|
|
11
11
|
*/
|
|
12
12
|
export class ResizableContainerDirective {
|
|
13
|
-
constructor(el, renderer, resizeService,
|
|
13
|
+
constructor(el, renderer, resizeService, ctx) {
|
|
14
14
|
this.el = el;
|
|
15
15
|
this.renderer = renderer;
|
|
16
16
|
this.resizeService = resizeService;
|
|
17
|
-
this.
|
|
17
|
+
this.ctx = ctx;
|
|
18
18
|
this.enabled = false;
|
|
19
19
|
}
|
|
20
20
|
set lockedWidth(value) {
|
|
@@ -47,8 +47,8 @@ export class ResizableContainerDirective {
|
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
49
|
resize() {
|
|
50
|
-
if (this.
|
|
51
|
-
const containerElement = this.
|
|
50
|
+
if (this.ctx.grid && this.ctx.grid.wrapper) {
|
|
51
|
+
const containerElement = this.ctx.grid.wrapper.nativeElement;
|
|
52
52
|
const width = Math.max(containerElement.clientWidth - this._lockedWidth, 0);
|
|
53
53
|
if (this.enabled && width > 0) {
|
|
54
54
|
this.renderer.setStyle(this.el.nativeElement, "width", width + "px");
|
|
@@ -59,14 +59,14 @@ export class ResizableContainerDirective {
|
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
61
|
}
|
|
62
|
-
ResizableContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ResizableContainerDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.ResizeService }, { token: i2.
|
|
62
|
+
ResizableContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ResizableContainerDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.ResizeService }, { token: i2.ContextService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
63
63
|
ResizableContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ResizableContainerDirective, selector: "[kendoGridResizableContainer]", inputs: { lockedWidth: "lockedWidth", kendoGridResizableContainer: "kendoGridResizableContainer" }, ngImport: i0 });
|
|
64
64
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ResizableContainerDirective, decorators: [{
|
|
65
65
|
type: Directive,
|
|
66
66
|
args: [{
|
|
67
67
|
selector: '[kendoGridResizableContainer]'
|
|
68
68
|
}]
|
|
69
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.ResizeService }, { type: i2.
|
|
69
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.ResizeService }, { type: i2.ContextService }]; }, propDecorators: { lockedWidth: [{
|
|
70
70
|
type: Input,
|
|
71
71
|
args: ['lockedWidth']
|
|
72
72
|
}], kendoGridResizableContainer: [{
|
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-grid',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
12
|
+
publishDate: 1648830205,
|
|
13
13
|
version: '',
|
|
14
14
|
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'
|
|
15
15
|
};
|
|
@@ -10,18 +10,18 @@ import * as i2 from "@angular/common";
|
|
|
10
10
|
* @hidden
|
|
11
11
|
*/
|
|
12
12
|
export class ToolbarComponent {
|
|
13
|
-
constructor(
|
|
14
|
-
this.
|
|
13
|
+
constructor(ctx) {
|
|
14
|
+
this.ctx = ctx;
|
|
15
15
|
this.context = {};
|
|
16
16
|
}
|
|
17
17
|
set position(value) {
|
|
18
18
|
this.context.position = value;
|
|
19
19
|
}
|
|
20
20
|
get toolbarTemplateRef() {
|
|
21
|
-
return this.
|
|
21
|
+
return this.ctx.grid.toolbarTemplate ? this.ctx.grid.toolbarTemplate.templateRef : undefined;
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
|
-
ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.
|
|
24
|
+
ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
|
|
25
25
|
ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ToolbarComponent, selector: "kendo-grid-toolbar", inputs: { position: "position" }, ngImport: i0, template: `
|
|
26
26
|
<ng-template
|
|
27
27
|
*ngIf="toolbarTemplateRef"
|
|
@@ -43,6 +43,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
43
43
|
</ng-template>
|
|
44
44
|
`
|
|
45
45
|
}]
|
|
46
|
-
}], ctorParameters: function () { return [{ type: i1.
|
|
46
|
+
}], ctorParameters: function () { return [{ type: i1.ContextService }]; }, propDecorators: { position: [{
|
|
47
47
|
type: Input
|
|
48
48
|
}] } });
|
|
@@ -142,7 +142,7 @@ export class Selection {
|
|
|
142
142
|
Array.from(this.rowSelectionState);
|
|
143
143
|
}
|
|
144
144
|
}
|
|
145
|
-
Selection.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Selection, deps: [{ token: i1.
|
|
145
|
+
Selection.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Selection, deps: [{ token: i1.ContextService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
146
146
|
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 });
|
|
147
147
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Selection, decorators: [{
|
|
148
148
|
type: Directive,
|
|
@@ -150,7 +150,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
150
150
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
151
151
|
selector: 'kendo-grid-selection-base'
|
|
152
152
|
}]
|
|
153
|
-
}], ctorParameters: function () { return [{ type: i1.
|
|
153
|
+
}], ctorParameters: function () { return [{ type: i1.ContextService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { selectedKeys: [{
|
|
154
154
|
type: Input
|
|
155
155
|
}], selectionKey: [{
|
|
156
156
|
type: Input,
|
|
@@ -31,11 +31,11 @@ export class SelectionDirective extends Selection {
|
|
|
31
31
|
super.destroy();
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
|
-
SelectionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SelectionDirective, deps: [{ token: i1.
|
|
34
|
+
SelectionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SelectionDirective, deps: [{ token: i1.ContextService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
35
35
|
SelectionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SelectionDirective, selector: "[kendoGridSelectBy]", usesInheritance: true, ngImport: i0 });
|
|
36
36
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SelectionDirective, decorators: [{
|
|
37
37
|
type: Directive,
|
|
38
38
|
args: [{
|
|
39
39
|
selector: '[kendoGridSelectBy]'
|
|
40
40
|
}]
|
|
41
|
-
}], ctorParameters: function () { return [{ type: i1.
|
|
41
|
+
}], ctorParameters: function () { return [{ type: i1.ContextService }, { type: i0.ChangeDetectorRef }]; } });
|
|
@@ -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
|
};
|
|
@@ -4849,12 +4849,18 @@ class PairSet {
|
|
|
4849
4849
|
|
|
4850
4850
|
/**
|
|
4851
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.
|
|
4852
4858
|
*/
|
|
4853
|
-
class
|
|
4859
|
+
class ContextService {
|
|
4854
4860
|
}
|
|
4855
|
-
|
|
4856
|
-
|
|
4857
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type:
|
|
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: [{
|
|
4858
4864
|
type: Injectable
|
|
4859
4865
|
}] });
|
|
4860
4866
|
|
|
@@ -4993,7 +4999,7 @@ class Selection {
|
|
|
4993
4999
|
Array.from(this.rowSelectionState);
|
|
4994
5000
|
}
|
|
4995
5001
|
}
|
|
4996
|
-
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 });
|
|
4997
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 });
|
|
4998
5004
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: Selection, decorators: [{
|
|
4999
5005
|
type: Directive,
|
|
@@ -5001,7 +5007,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
5001
5007
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
5002
5008
|
selector: 'kendo-grid-selection-base'
|
|
5003
5009
|
}]
|
|
5004
|
-
}], ctorParameters: function () { return [{ type:
|
|
5010
|
+
}], ctorParameters: function () { return [{ type: ContextService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { selectedKeys: [{
|
|
5005
5011
|
type: Input
|
|
5006
5012
|
}], selectionKey: [{
|
|
5007
5013
|
type: Input,
|
|
@@ -5510,6 +5516,9 @@ class PDFService {
|
|
|
5510
5516
|
draw(component, promise) {
|
|
5511
5517
|
this.emitEvent(this.drawPDF, { component, promise });
|
|
5512
5518
|
}
|
|
5519
|
+
/**
|
|
5520
|
+
* @hidden
|
|
5521
|
+
*/
|
|
5513
5522
|
emitEvent(emitter, args) {
|
|
5514
5523
|
if (emitter.observers.length === 0) {
|
|
5515
5524
|
if (isDevMode()) {
|
|
@@ -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.
|
|
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
|
|
@@ -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.
|
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>;
|
|
@@ -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
|
}
|