@progress/kendo-angular-grid 13.0.0-develop.13 → 13.0.0-develop.14
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/aggregates/aggregate-types.d.ts +58 -0
- package/aggregates/status-bar-template.directive.d.ts +19 -0
- package/aggregates/status-bar.component.d.ts +53 -0
- package/esm2020/aggregates/aggregate-types.mjs +6 -0
- package/esm2020/aggregates/status-bar-template.directive.mjs +26 -0
- package/esm2020/aggregates/status-bar.component.mjs +236 -0
- package/esm2020/grid.component.mjs +565 -539
- package/esm2020/grid.module.mjs +10 -2
- package/esm2020/index.mjs +1 -0
- package/esm2020/package-metadata.mjs +2 -2
- package/esm2020/selection/cell-selection.service.mjs +14 -1
- package/esm2020/selection/selection-checkbox.directive.mjs +2 -0
- package/esm2020/selection/selection.service.mjs +14 -1
- package/fesm2015/progress-kendo-angular-grid.mjs +835 -538
- package/fesm2020/progress-kendo-angular-grid.mjs +835 -538
- package/grid.component.d.ts +10 -1
- package/grid.module.d.ts +100 -98
- package/index.d.ts +2 -0
- package/package.json +16 -16
- package/schematics/ngAdd/index.js +3 -3
- package/selection/cell-selection.service.d.ts +3 -0
- package/selection/selection.service.d.ts +3 -0
- package/selection/types.d.ts +11 -0
package/esm2020/grid.module.mjs
CHANGED
|
@@ -23,6 +23,8 @@ import { FooterModule } from "./rendering/footer/footer.module";
|
|
|
23
23
|
import { SharedModule } from './shared.module';
|
|
24
24
|
import { ToolbarTemplateDirective } from "./rendering/toolbar/toolbar-template.directive";
|
|
25
25
|
import { ToolbarComponent } from "./rendering/toolbar/toolbar.component";
|
|
26
|
+
import { StatusBarTemplateDirective } from './aggregates/status-bar-template.directive';
|
|
27
|
+
import { StatusBarComponent } from './aggregates/status-bar.component';
|
|
26
28
|
import { ResizeSensorModule } from '@progress/kendo-angular-common';
|
|
27
29
|
import { TemplateEditingDirective } from './editing-directives/template-editing.directive';
|
|
28
30
|
import { ReactiveEditingDirective } from './editing-directives/reactive-editing.directive';
|
|
@@ -123,6 +125,7 @@ const exportedModules = [
|
|
|
123
125
|
ToolbarTemplateDirective,
|
|
124
126
|
ToolbarComponent,
|
|
125
127
|
GridSpacerComponent,
|
|
128
|
+
StatusBarTemplateDirective,
|
|
126
129
|
DataBindingDirective,
|
|
127
130
|
SelectionDirective,
|
|
128
131
|
CustomMessagesComponent,
|
|
@@ -160,7 +163,9 @@ const declarations = [
|
|
|
160
163
|
GroupBindingDirective,
|
|
161
164
|
GridMarqueeDirective,
|
|
162
165
|
GridSpacerComponent,
|
|
163
|
-
GridToolbarFocusableDirective
|
|
166
|
+
GridToolbarFocusableDirective,
|
|
167
|
+
StatusBarComponent,
|
|
168
|
+
StatusBarTemplateDirective
|
|
164
169
|
];
|
|
165
170
|
/**
|
|
166
171
|
* Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
|
|
@@ -202,7 +207,9 @@ GridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13
|
|
|
202
207
|
GroupBindingDirective,
|
|
203
208
|
GridMarqueeDirective,
|
|
204
209
|
GridSpacerComponent,
|
|
205
|
-
GridToolbarFocusableDirective
|
|
210
|
+
GridToolbarFocusableDirective,
|
|
211
|
+
StatusBarComponent,
|
|
212
|
+
StatusBarTemplateDirective], imports: [CommonModule,
|
|
206
213
|
GroupModule,
|
|
207
214
|
SharedModule,
|
|
208
215
|
BodyModule,
|
|
@@ -217,6 +224,7 @@ GridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13
|
|
|
217
224
|
ToolbarTemplateDirective,
|
|
218
225
|
ToolbarComponent,
|
|
219
226
|
GridSpacerComponent,
|
|
227
|
+
StatusBarTemplateDirective,
|
|
220
228
|
DataBindingDirective,
|
|
221
229
|
SelectionDirective,
|
|
222
230
|
CustomMessagesComponent,
|
package/esm2020/index.mjs
CHANGED
|
@@ -25,6 +25,7 @@ export { FooterTemplateDirective } from './rendering/footer/footer-template.dire
|
|
|
25
25
|
export { PagerTemplateDirective } from './pager/pager-template.directive';
|
|
26
26
|
export { GridSpacerComponent } from './rendering/common/spacer.component';
|
|
27
27
|
export { ExpandDetailsDirective } from './rendering/details-expand.directive';
|
|
28
|
+
export { StatusBarTemplateDirective } from './aggregates/status-bar-template.directive';
|
|
28
29
|
export { ExpandGroupDirective } from './rendering/groups-expand.directive';
|
|
29
30
|
export { defaultTrackBy } from './common/default-track-by';
|
|
30
31
|
export { DetailTemplateDirective } from './rendering/details/detail-template.directive';
|
|
@@ -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:
|
|
13
|
-
version: '13.0.0-develop.
|
|
12
|
+
publishDate: 1685438859,
|
|
13
|
+
version: '13.0.0-develop.14',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -21,6 +21,7 @@ export class CellSelectionService {
|
|
|
21
21
|
this.localDataChangesService = localDataChangesService;
|
|
22
22
|
this.navigationService = navigationService;
|
|
23
23
|
this.changes = new EventEmitter();
|
|
24
|
+
this.aggregateChanges = new EventEmitter();
|
|
24
25
|
this.mouseUpEvent = new EventEmitter();
|
|
25
26
|
this.currentSelection = [];
|
|
26
27
|
this.active = false;
|
|
@@ -106,6 +107,10 @@ export class CellSelectionService {
|
|
|
106
107
|
}
|
|
107
108
|
ev.ctrlKey = ctrlKey;
|
|
108
109
|
ev.shiftKey = event.shiftKey;
|
|
110
|
+
if (this.options.cellAggregates) {
|
|
111
|
+
this.aggregateChanges.emit(ev);
|
|
112
|
+
ev.cellAggregates = this.aggregates;
|
|
113
|
+
}
|
|
109
114
|
this.changes.emit(ev);
|
|
110
115
|
}
|
|
111
116
|
toggle(item) {
|
|
@@ -209,13 +214,20 @@ export class CellSelectionService {
|
|
|
209
214
|
}
|
|
210
215
|
next = iterator.next();
|
|
211
216
|
}
|
|
217
|
+
let cellAggregates;
|
|
218
|
+
if (this.options.cellAggregates) {
|
|
219
|
+
this.aggregateChanges.emit({ selectedCells, deselectedCells });
|
|
220
|
+
cellAggregates = this.aggregates;
|
|
221
|
+
}
|
|
212
222
|
return {
|
|
213
223
|
deselectedCells,
|
|
214
|
-
selectedCells
|
|
224
|
+
selectedCells,
|
|
225
|
+
cellAggregates
|
|
215
226
|
};
|
|
216
227
|
}
|
|
217
228
|
get options() {
|
|
218
229
|
const defaultOptions = {
|
|
230
|
+
cellAggregates: false,
|
|
219
231
|
checkboxOnly: false,
|
|
220
232
|
enabled: true,
|
|
221
233
|
mode: "multiple"
|
|
@@ -225,6 +237,7 @@ export class CellSelectionService {
|
|
|
225
237
|
}
|
|
226
238
|
if (typeof this.settings.selectable === 'boolean') {
|
|
227
239
|
return {
|
|
240
|
+
cellAggregates: false,
|
|
228
241
|
checkboxOnly: false,
|
|
229
242
|
enabled: this.settings.selectable,
|
|
230
243
|
mode: "multiple"
|
|
@@ -54,6 +54,8 @@ export class SelectionCheckboxDirective {
|
|
|
54
54
|
const ev = this.selectionService.toggleByIndex(this.itemIndex);
|
|
55
55
|
ev.ctrlKey = true;
|
|
56
56
|
ev.shiftKey = false;
|
|
57
|
+
this.selectionService.aggregateChanges.emit(ev);
|
|
58
|
+
ev.cellAggregates = this.selectionService.aggregates;
|
|
57
59
|
this.selectionService.changes.emit(ev);
|
|
58
60
|
});
|
|
59
61
|
}
|
|
@@ -21,6 +21,7 @@ export class SelectionService {
|
|
|
21
21
|
this.localDataChangesService = localDataChangesService;
|
|
22
22
|
this.navigationService = navigationService;
|
|
23
23
|
this.changes = new EventEmitter();
|
|
24
|
+
this.aggregateChanges = new EventEmitter();
|
|
24
25
|
this.lastSelectionStartIndex = 0;
|
|
25
26
|
this.currentSelection = [];
|
|
26
27
|
this.selectAllChecked = false;
|
|
@@ -104,6 +105,10 @@ export class SelectionService {
|
|
|
104
105
|
}
|
|
105
106
|
ev.ctrlKey = ctrlKey;
|
|
106
107
|
ev.shiftKey = event.shiftKey;
|
|
108
|
+
if (this.options.cellAggregates) {
|
|
109
|
+
this.aggregateChanges.emit(ev);
|
|
110
|
+
ev.cellAggregates = this.aggregates;
|
|
111
|
+
}
|
|
107
112
|
this.changes.emit(ev);
|
|
108
113
|
}
|
|
109
114
|
toggle(item) {
|
|
@@ -258,9 +263,15 @@ export class SelectionService {
|
|
|
258
263
|
}
|
|
259
264
|
next = iterator.next();
|
|
260
265
|
}
|
|
266
|
+
let cellAggregates;
|
|
267
|
+
if (this.options.cellAggregates) {
|
|
268
|
+
this.aggregateChanges.emit({ selectedRows, deselectedRows });
|
|
269
|
+
cellAggregates = this.aggregates;
|
|
270
|
+
}
|
|
261
271
|
return {
|
|
262
272
|
deselectedRows: deselectedRows,
|
|
263
|
-
selectedRows: selectedRows
|
|
273
|
+
selectedRows: selectedRows,
|
|
274
|
+
cellAggregates
|
|
264
275
|
};
|
|
265
276
|
}
|
|
266
277
|
get selectAllState() {
|
|
@@ -273,6 +284,7 @@ export class SelectionService {
|
|
|
273
284
|
}
|
|
274
285
|
get options() {
|
|
275
286
|
const defaultOptions = {
|
|
287
|
+
cellAggregates: false,
|
|
276
288
|
checkboxOnly: false,
|
|
277
289
|
enabled: true,
|
|
278
290
|
mode: "multiple"
|
|
@@ -282,6 +294,7 @@ export class SelectionService {
|
|
|
282
294
|
}
|
|
283
295
|
if (typeof this.settings.selectable === 'boolean') {
|
|
284
296
|
return {
|
|
297
|
+
cellAggregates: false,
|
|
285
298
|
checkboxOnly: false,
|
|
286
299
|
enabled: this.settings.selectable,
|
|
287
300
|
mode: "multiple"
|