@progress/kendo-angular-grid 14.4.0-develop.11 → 14.4.0-develop.13
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/esm2020/column-menu/column-menu.component.mjs +8 -5
- package/esm2020/filtering/menu/filter-menu-container.component.mjs +2 -2
- package/esm2020/package-metadata.mjs +2 -2
- package/esm2020/pager/pager.component.mjs +1 -5
- package/esm2020/rendering/cell.component.mjs +32 -24
- package/esm2020/rendering/header/header.component.mjs +16 -12
- package/esm2020/rendering/table-body.component.mjs +4 -4
- package/fesm2015/progress-kendo-angular-grid.mjs +65 -54
- package/fesm2020/progress-kendo-angular-grid.mjs +65 -54
- package/package.json +16 -16
- package/pager/pager.component.d.ts +0 -1
- package/schematics/ngAdd/index.js +3 -3
|
@@ -39,7 +39,7 @@ import * as i18 from "../filtering/menu/filter-menu-container.component";
|
|
|
39
39
|
import * as i19 from "./column-list.component";
|
|
40
40
|
import * as i20 from "@angular/common";
|
|
41
41
|
import * as i21 from "./column-menu-item.directive";
|
|
42
|
-
const
|
|
42
|
+
const POPUP_CLASSES = 'k-grid-columnmenu-popup k-column-menu';
|
|
43
43
|
let id = 0;
|
|
44
44
|
const getId = (gridId) => `${gridId}-column-menu-${id++}`;
|
|
45
45
|
/**
|
|
@@ -232,7 +232,7 @@ export class ColumnMenuComponent {
|
|
|
232
232
|
this.expandedFilter = this.getExpandedState(this.settings.filter);
|
|
233
233
|
this.expandedColumns = this.getExpandedState(this.settings.columnChooser);
|
|
234
234
|
this.expandedPosition = this.getExpandedState(this.settings.setColumnPosition);
|
|
235
|
-
this.popupRef = this.popupService.open(anchor, template, this.popupRef,
|
|
235
|
+
this.popupRef = this.popupService.open(anchor, template, this.popupRef, POPUP_CLASSES);
|
|
236
236
|
// Needed as changes to 'popupRef' and 'popupId' are not reflected
|
|
237
237
|
// automatically when the Popup is closed by clicking outside the anchor
|
|
238
238
|
const ariaRoot = this.isNavigable ? anchor.closest('.k-table-th') : anchor;
|
|
@@ -253,7 +253,8 @@ export class ColumnMenuComponent {
|
|
|
253
253
|
ariaRoot && this.renderer.setAttribute(ariaRoot, 'aria-expanded', 'true');
|
|
254
254
|
}
|
|
255
255
|
if (this.settings.view === 'tabbed') {
|
|
256
|
-
this.renderer.addClass(
|
|
256
|
+
this.renderer.addClass(popupAriaElement, 'k-column-menu-tabbed');
|
|
257
|
+
this.renderer.addClass(popupAriaElement, 'k-column-menu');
|
|
257
258
|
this.cdr.detectChanges();
|
|
258
259
|
this.tabStrip?.selectTab(0);
|
|
259
260
|
}
|
|
@@ -379,7 +380,8 @@ ColumnMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
379
380
|
</kendo-grid-columnmenu-container>
|
|
380
381
|
</ng-template>
|
|
381
382
|
<ng-template #tabbedInterfaceTemplate>
|
|
382
|
-
<kendo-tabstrip #tabstrip
|
|
383
|
+
<kendo-tabstrip #tabstrip
|
|
384
|
+
(keydown.escape)="close(true)">
|
|
383
385
|
<kendo-tabstrip-tab *ngIf="hasFilter">
|
|
384
386
|
<ng-template kendoTabTitle>
|
|
385
387
|
<kendo-icon-wrapper
|
|
@@ -554,7 +556,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
554
556
|
</kendo-grid-columnmenu-container>
|
|
555
557
|
</ng-template>
|
|
556
558
|
<ng-template #tabbedInterfaceTemplate>
|
|
557
|
-
<kendo-tabstrip #tabstrip
|
|
559
|
+
<kendo-tabstrip #tabstrip
|
|
560
|
+
(keydown.escape)="close(true)">
|
|
558
561
|
<kendo-tabstrip-tab *ngIf="hasFilter">
|
|
559
562
|
<ng-template kendoTabTitle>
|
|
560
563
|
<kendo-icon-wrapper
|
|
@@ -157,7 +157,7 @@ FilterMenuContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
|
|
|
157
157
|
MenuTabbingService
|
|
158
158
|
], viewQueries: [{ propertyName: "resetButton", first: true, predicate: ["resetButton"], descendants: true }, { propertyName: "filterButton", first: true, predicate: ["filterButton"], descendants: true }], ngImport: i0, template: `
|
|
159
159
|
<form (submit)="submit()" (reset)="reset()"
|
|
160
|
-
class="k-filter-menu
|
|
160
|
+
class="k-filter-menu">
|
|
161
161
|
<div class="k-filter-menu-container">
|
|
162
162
|
<ng-container [ngSwitch]="hasTemplate">
|
|
163
163
|
<ng-container *ngSwitchCase="false">
|
|
@@ -203,7 +203,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
203
203
|
selector: 'kendo-grid-filter-menu-container',
|
|
204
204
|
template: `
|
|
205
205
|
<form (submit)="submit()" (reset)="reset()"
|
|
206
|
-
class="k-filter-menu
|
|
206
|
+
class="k-filter-menu">
|
|
207
207
|
<div class="k-filter-menu-container">
|
|
208
208
|
<ng-container [ngSwitch]="hasTemplate">
|
|
209
209
|
<ng-container *ngSwitchCase="false">
|
|
@@ -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: '14.4.0-develop.
|
|
12
|
+
publishDate: 1705671923,
|
|
13
|
+
version: '14.4.0-develop.13',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -50,7 +50,6 @@ export class PagerComponent {
|
|
|
50
50
|
this.total = 0;
|
|
51
51
|
this.skip = 1;
|
|
52
52
|
this.pageChange = new EventEmitter();
|
|
53
|
-
this.pagerWrapClass = true;
|
|
54
53
|
this.gridPagerClass = true;
|
|
55
54
|
this.settings = normalize({});
|
|
56
55
|
this.subscriptions = new Subscription();
|
|
@@ -276,7 +275,7 @@ export class PagerComponent {
|
|
|
276
275
|
}
|
|
277
276
|
}
|
|
278
277
|
PagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PagerComponent, deps: [{ token: i1.PagerContextService }, { token: i2.NavigationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i3.ContextService }, { token: CELL_CONTEXT, optional: true }, { token: i4.FocusRoot }, { token: i5.FocusGroup }], target: i0.ɵɵFactoryTarget.Component });
|
|
279
|
-
PagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PagerComponent, selector: "kendo-pager", inputs: { total: "total", skip: "skip", pageSize: "pageSize", options: "options", size: "size", template: "template" }, outputs: { pageChange: "pageChange" }, host: { listeners: { "focusin": "onFocusIn($event)", "focusout": "onFocusOut()", "keydown.escape": "onEscape()", "keydown.enter": "onEnter($event)", "keydown.arrowleft": "navigateToPreviousPage($event)", "keydown.pageup": "navigateToPreviousPage($event)", "keydown.arrowright": "navigateToNextPage($event)", "keydown.pagedown": "navigateToNextPage($event)", "keydown.home": "navigateToFirstPage($event)", "keydown.end": "navigateToLastPage($event)" }, properties: { "class.k-
|
|
278
|
+
PagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PagerComponent, selector: "kendo-pager", inputs: { total: "total", skip: "skip", pageSize: "pageSize", options: "options", size: "size", template: "template" }, outputs: { pageChange: "pageChange" }, host: { listeners: { "focusin": "onFocusIn($event)", "focusout": "onFocusOut()", "keydown.escape": "onEscape()", "keydown.enter": "onEnter($event)", "keydown.arrowleft": "navigateToPreviousPage($event)", "keydown.pageup": "navigateToPreviousPage($event)", "keydown.arrowright": "navigateToNextPage($event)", "keydown.pagedown": "navigateToNextPage($event)", "keydown.home": "navigateToFirstPage($event)", "keydown.end": "navigateToLastPage($event)" }, properties: { "class.k-grid-pager": "this.gridPagerClass", "class.k-pager-sm": "this.sizeSmallClass", "class.k-pager-md": "this.sizeMediumClass", "class.k-focus": "this.isFocused", "attr.aria-label": "this.pagerAriaLabel" } }, providers: [{
|
|
280
279
|
provide: FOCUS_ROOT_ACTIVE,
|
|
281
280
|
useValue: true
|
|
282
281
|
}, {
|
|
@@ -412,9 +411,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
412
411
|
type: Input
|
|
413
412
|
}], pageChange: [{
|
|
414
413
|
type: Output
|
|
415
|
-
}], pagerWrapClass: [{
|
|
416
|
-
type: HostBinding,
|
|
417
|
-
args: ['class.k-pager-wrap']
|
|
418
414
|
}], gridPagerClass: [{
|
|
419
415
|
type: HostBinding,
|
|
420
416
|
args: ['class.k-grid-pager']
|
|
@@ -170,11 +170,13 @@ CellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
|
|
|
170
170
|
</ng-container>
|
|
171
171
|
<ng-container *ngIf="isBoundColumn">{{ dataItem | valueOf: column.field: column.format}}</ng-container>
|
|
172
172
|
<ng-container *ngIf="isCheckboxColumn && !isNew">
|
|
173
|
-
<
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
173
|
+
<span class="k-checkbox-wrap">
|
|
174
|
+
<input
|
|
175
|
+
class="k-checkbox k-checkbox-md k-rounded-md"
|
|
176
|
+
[kendoGridSelectionCheckbox]="rowIndex"
|
|
177
|
+
[attr.id]="selectionCheckboxId"
|
|
178
|
+
[attr.aria-label]="selectionCheckboxLabel" />
|
|
179
|
+
</span>
|
|
178
180
|
</ng-container>
|
|
179
181
|
<ng-container *ngIf="isRowReorderColumn && !isNew">
|
|
180
182
|
<kendo-icon-wrapper
|
|
@@ -213,13 +215,15 @@ CellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
|
|
|
213
215
|
kendoGridFocusable
|
|
214
216
|
></kendo-datepicker>
|
|
215
217
|
|
|
216
|
-
<
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
218
|
+
<span class="k-checkbox-wrap">
|
|
219
|
+
<input
|
|
220
|
+
*ngSwitchCase="'boolean'"
|
|
221
|
+
type="checkbox"
|
|
222
|
+
class="k-checkbox k-checkbox-md k-rounded-md"
|
|
223
|
+
[formControl]="$any(formGroup.get(column.field))"
|
|
224
|
+
kendoGridFocusable
|
|
225
|
+
/>
|
|
226
|
+
</span>
|
|
223
227
|
|
|
224
228
|
<input
|
|
225
229
|
*ngSwitchDefault
|
|
@@ -251,11 +255,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
251
255
|
</ng-container>
|
|
252
256
|
<ng-container *ngIf="isBoundColumn">{{ dataItem | valueOf: column.field: column.format}}</ng-container>
|
|
253
257
|
<ng-container *ngIf="isCheckboxColumn && !isNew">
|
|
254
|
-
<
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
258
|
+
<span class="k-checkbox-wrap">
|
|
259
|
+
<input
|
|
260
|
+
class="k-checkbox k-checkbox-md k-rounded-md"
|
|
261
|
+
[kendoGridSelectionCheckbox]="rowIndex"
|
|
262
|
+
[attr.id]="selectionCheckboxId"
|
|
263
|
+
[attr.aria-label]="selectionCheckboxLabel" />
|
|
264
|
+
</span>
|
|
259
265
|
</ng-container>
|
|
260
266
|
<ng-container *ngIf="isRowReorderColumn && !isNew">
|
|
261
267
|
<kendo-icon-wrapper
|
|
@@ -294,13 +300,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
294
300
|
kendoGridFocusable
|
|
295
301
|
></kendo-datepicker>
|
|
296
302
|
|
|
297
|
-
<
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
303
|
+
<span class="k-checkbox-wrap">
|
|
304
|
+
<input
|
|
305
|
+
*ngSwitchCase="'boolean'"
|
|
306
|
+
type="checkbox"
|
|
307
|
+
class="k-checkbox k-checkbox-md k-rounded-md"
|
|
308
|
+
[formControl]="$any(formGroup.get(column.field))"
|
|
309
|
+
kendoGridFocusable
|
|
310
|
+
/>
|
|
311
|
+
</span>
|
|
304
312
|
|
|
305
313
|
<input
|
|
306
314
|
*ngSwitchDefault
|
|
@@ -590,12 +590,14 @@ HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
|
|
|
590
590
|
</ng-container>
|
|
591
591
|
|
|
592
592
|
<ng-container *ngIf="isCheckboxColumn(column) && !column.headerTemplateRef && $any(column).showSelectAll">
|
|
593
|
-
<
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
593
|
+
<span class="k-checkbox-wrap">
|
|
594
|
+
<input
|
|
595
|
+
class="k-checkbox k-checkbox-md k-rounded-md"
|
|
596
|
+
[attr.id]="selectAllCheckboxId()"
|
|
597
|
+
[attr.aria-label]="selectAllCheckboxLabel"
|
|
598
|
+
kendoGridSelectAllCheckbox
|
|
599
|
+
kendoGridFocusable>
|
|
600
|
+
</span>
|
|
599
601
|
</ng-container>
|
|
600
602
|
<span kendoGridColumnHandle
|
|
601
603
|
kendoDraggable
|
|
@@ -814,12 +816,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
814
816
|
</ng-container>
|
|
815
817
|
|
|
816
818
|
<ng-container *ngIf="isCheckboxColumn(column) && !column.headerTemplateRef && $any(column).showSelectAll">
|
|
817
|
-
<
|
|
818
|
-
|
|
819
|
-
|
|
820
|
-
|
|
821
|
-
|
|
822
|
-
|
|
819
|
+
<span class="k-checkbox-wrap">
|
|
820
|
+
<input
|
|
821
|
+
class="k-checkbox k-checkbox-md k-rounded-md"
|
|
822
|
+
[attr.id]="selectAllCheckboxId()"
|
|
823
|
+
[attr.aria-label]="selectAllCheckboxLabel"
|
|
824
|
+
kendoGridSelectAllCheckbox
|
|
825
|
+
kendoGridFocusable>
|
|
826
|
+
</span>
|
|
823
827
|
</ng-container>
|
|
824
828
|
<span kendoGridColumnHandle
|
|
825
829
|
kendoDraggable
|
|
@@ -497,7 +497,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
|
|
|
497
497
|
[attr.data-kendo-grid-item-index]="$any(item).index"
|
|
498
498
|
[class.k-selected]="isSelectable() && isRowSelected(item)">
|
|
499
499
|
<ng-container *ngIf="!skipGroupDecoration">
|
|
500
|
-
<td class="k-group-cell" *ngFor="let g of groups" role="presentation"></td>
|
|
500
|
+
<td class="k-group-cell k-table-td" *ngFor="let g of groups" role="presentation"></td>
|
|
501
501
|
</ng-container>
|
|
502
502
|
<td class="k-hierarchy-cell k-table-td"
|
|
503
503
|
*ngIf="detailTemplate?.templateRef"
|
|
@@ -599,7 +599,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
|
|
|
599
599
|
[logicalCellsCount]="columns.length"
|
|
600
600
|
[logicalSlaveCellsCount]="unlockedColumnsCount(item)">
|
|
601
601
|
<ng-container *ngIf="!skipGroupDecoration">
|
|
602
|
-
<td class="k-group-cell" *ngFor="let g of groups"></td>
|
|
602
|
+
<td class="k-group-cell k-table-td" *ngFor="let g of groups"></td>
|
|
603
603
|
</ng-container>
|
|
604
604
|
<td class="k-hierarchy-cell k-table-td"
|
|
605
605
|
*ngIf="detailTemplate?.templateRef"
|
|
@@ -727,7 +727,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
727
727
|
[attr.data-kendo-grid-item-index]="$any(item).index"
|
|
728
728
|
[class.k-selected]="isSelectable() && isRowSelected(item)">
|
|
729
729
|
<ng-container *ngIf="!skipGroupDecoration">
|
|
730
|
-
<td class="k-group-cell" *ngFor="let g of groups" role="presentation"></td>
|
|
730
|
+
<td class="k-group-cell k-table-td" *ngFor="let g of groups" role="presentation"></td>
|
|
731
731
|
</ng-container>
|
|
732
732
|
<td class="k-hierarchy-cell k-table-td"
|
|
733
733
|
*ngIf="detailTemplate?.templateRef"
|
|
@@ -829,7 +829,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
829
829
|
[logicalCellsCount]="columns.length"
|
|
830
830
|
[logicalSlaveCellsCount]="unlockedColumnsCount(item)">
|
|
831
831
|
<ng-container *ngIf="!skipGroupDecoration">
|
|
832
|
-
<td class="k-group-cell" *ngFor="let g of groups"></td>
|
|
832
|
+
<td class="k-group-cell k-table-td" *ngFor="let g of groups"></td>
|
|
833
833
|
</ng-container>
|
|
834
834
|
<td class="k-hierarchy-cell k-table-td"
|
|
835
835
|
*ngIf="detailTemplate?.templateRef"
|
|
@@ -4475,8 +4475,8 @@ const packageMetadata = {
|
|
|
4475
4475
|
name: '@progress/kendo-angular-grid',
|
|
4476
4476
|
productName: 'Kendo UI for Angular',
|
|
4477
4477
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
4478
|
-
publishDate:
|
|
4479
|
-
version: '14.4.0-develop.
|
|
4478
|
+
publishDate: 1705671923,
|
|
4479
|
+
version: '14.4.0-develop.13',
|
|
4480
4480
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
4481
4481
|
};
|
|
4482
4482
|
|
|
@@ -7927,7 +7927,6 @@ class PagerComponent {
|
|
|
7927
7927
|
this.total = 0;
|
|
7928
7928
|
this.skip = 1;
|
|
7929
7929
|
this.pageChange = new EventEmitter();
|
|
7930
|
-
this.pagerWrapClass = true;
|
|
7931
7930
|
this.gridPagerClass = true;
|
|
7932
7931
|
this.settings = normalize$1({});
|
|
7933
7932
|
this.subscriptions = new Subscription();
|
|
@@ -8153,7 +8152,7 @@ class PagerComponent {
|
|
|
8153
8152
|
}
|
|
8154
8153
|
}
|
|
8155
8154
|
PagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PagerComponent, deps: [{ token: PagerContextService }, { token: NavigationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: ContextService }, { token: CELL_CONTEXT, optional: true }, { token: FocusRoot }, { token: FocusGroup }], target: i0.ɵɵFactoryTarget.Component });
|
|
8156
|
-
PagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PagerComponent, selector: "kendo-pager", inputs: { total: "total", skip: "skip", pageSize: "pageSize", options: "options", size: "size", template: "template" }, outputs: { pageChange: "pageChange" }, host: { listeners: { "focusin": "onFocusIn($event)", "focusout": "onFocusOut()", "keydown.escape": "onEscape()", "keydown.enter": "onEnter($event)", "keydown.arrowleft": "navigateToPreviousPage($event)", "keydown.pageup": "navigateToPreviousPage($event)", "keydown.arrowright": "navigateToNextPage($event)", "keydown.pagedown": "navigateToNextPage($event)", "keydown.home": "navigateToFirstPage($event)", "keydown.end": "navigateToLastPage($event)" }, properties: { "class.k-
|
|
8155
|
+
PagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PagerComponent, selector: "kendo-pager", inputs: { total: "total", skip: "skip", pageSize: "pageSize", options: "options", size: "size", template: "template" }, outputs: { pageChange: "pageChange" }, host: { listeners: { "focusin": "onFocusIn($event)", "focusout": "onFocusOut()", "keydown.escape": "onEscape()", "keydown.enter": "onEnter($event)", "keydown.arrowleft": "navigateToPreviousPage($event)", "keydown.pageup": "navigateToPreviousPage($event)", "keydown.arrowright": "navigateToNextPage($event)", "keydown.pagedown": "navigateToNextPage($event)", "keydown.home": "navigateToFirstPage($event)", "keydown.end": "navigateToLastPage($event)" }, properties: { "class.k-grid-pager": "this.gridPagerClass", "class.k-pager-sm": "this.sizeSmallClass", "class.k-pager-md": "this.sizeMediumClass", "class.k-focus": "this.isFocused", "attr.aria-label": "this.pagerAriaLabel" } }, providers: [{
|
|
8157
8156
|
provide: FOCUS_ROOT_ACTIVE,
|
|
8158
8157
|
useValue: true
|
|
8159
8158
|
}, {
|
|
@@ -8291,9 +8290,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
8291
8290
|
type: Input
|
|
8292
8291
|
}], pageChange: [{
|
|
8293
8292
|
type: Output
|
|
8294
|
-
}], pagerWrapClass: [{
|
|
8295
|
-
type: HostBinding,
|
|
8296
|
-
args: ['class.k-pager-wrap']
|
|
8297
8293
|
}], gridPagerClass: [{
|
|
8298
8294
|
type: HostBinding,
|
|
8299
8295
|
args: ['class.k-grid-pager']
|
|
@@ -11361,7 +11357,7 @@ FilterMenuContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
|
|
|
11361
11357
|
MenuTabbingService
|
|
11362
11358
|
], viewQueries: [{ propertyName: "resetButton", first: true, predicate: ["resetButton"], descendants: true }, { propertyName: "filterButton", first: true, predicate: ["filterButton"], descendants: true }], ngImport: i0, template: `
|
|
11363
11359
|
<form (submit)="submit()" (reset)="reset()"
|
|
11364
|
-
class="k-filter-menu
|
|
11360
|
+
class="k-filter-menu">
|
|
11365
11361
|
<div class="k-filter-menu-container">
|
|
11366
11362
|
<ng-container [ngSwitch]="hasTemplate">
|
|
11367
11363
|
<ng-container *ngSwitchCase="false">
|
|
@@ -11407,7 +11403,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
11407
11403
|
selector: 'kendo-grid-filter-menu-container',
|
|
11408
11404
|
template: `
|
|
11409
11405
|
<form (submit)="submit()" (reset)="reset()"
|
|
11410
|
-
class="k-filter-menu
|
|
11406
|
+
class="k-filter-menu">
|
|
11411
11407
|
<div class="k-filter-menu-container">
|
|
11412
11408
|
<ng-container [ngSwitch]="hasTemplate">
|
|
11413
11409
|
<ng-container *ngSwitchCase="false">
|
|
@@ -13292,7 +13288,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
13292
13288
|
}]
|
|
13293
13289
|
}], ctorParameters: function () { return [{ type: ContextService }]; } });
|
|
13294
13290
|
|
|
13295
|
-
const
|
|
13291
|
+
const POPUP_CLASSES = 'k-grid-columnmenu-popup k-column-menu';
|
|
13296
13292
|
let id$2 = 0;
|
|
13297
13293
|
const getId = (gridId) => `${gridId}-column-menu-${id$2++}`;
|
|
13298
13294
|
/**
|
|
@@ -13486,7 +13482,7 @@ class ColumnMenuComponent {
|
|
|
13486
13482
|
this.expandedFilter = this.getExpandedState(this.settings.filter);
|
|
13487
13483
|
this.expandedColumns = this.getExpandedState(this.settings.columnChooser);
|
|
13488
13484
|
this.expandedPosition = this.getExpandedState(this.settings.setColumnPosition);
|
|
13489
|
-
this.popupRef = this.popupService.open(anchor, template, this.popupRef,
|
|
13485
|
+
this.popupRef = this.popupService.open(anchor, template, this.popupRef, POPUP_CLASSES);
|
|
13490
13486
|
// Needed as changes to 'popupRef' and 'popupId' are not reflected
|
|
13491
13487
|
// automatically when the Popup is closed by clicking outside the anchor
|
|
13492
13488
|
const ariaRoot = this.isNavigable ? anchor.closest('.k-table-th') : anchor;
|
|
@@ -13507,7 +13503,8 @@ class ColumnMenuComponent {
|
|
|
13507
13503
|
ariaRoot && this.renderer.setAttribute(ariaRoot, 'aria-expanded', 'true');
|
|
13508
13504
|
}
|
|
13509
13505
|
if (this.settings.view === 'tabbed') {
|
|
13510
|
-
this.renderer.addClass(
|
|
13506
|
+
this.renderer.addClass(popupAriaElement, 'k-column-menu-tabbed');
|
|
13507
|
+
this.renderer.addClass(popupAriaElement, 'k-column-menu');
|
|
13511
13508
|
this.cdr.detectChanges();
|
|
13512
13509
|
(_b = this.tabStrip) === null || _b === void 0 ? void 0 : _b.selectTab(0);
|
|
13513
13510
|
}
|
|
@@ -13633,7 +13630,8 @@ ColumnMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
13633
13630
|
</kendo-grid-columnmenu-container>
|
|
13634
13631
|
</ng-template>
|
|
13635
13632
|
<ng-template #tabbedInterfaceTemplate>
|
|
13636
|
-
<kendo-tabstrip #tabstrip
|
|
13633
|
+
<kendo-tabstrip #tabstrip
|
|
13634
|
+
(keydown.escape)="close(true)">
|
|
13637
13635
|
<kendo-tabstrip-tab *ngIf="hasFilter">
|
|
13638
13636
|
<ng-template kendoTabTitle>
|
|
13639
13637
|
<kendo-icon-wrapper
|
|
@@ -13808,7 +13806,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
13808
13806
|
</kendo-grid-columnmenu-container>
|
|
13809
13807
|
</ng-template>
|
|
13810
13808
|
<ng-template #tabbedInterfaceTemplate>
|
|
13811
|
-
<kendo-tabstrip #tabstrip
|
|
13809
|
+
<kendo-tabstrip #tabstrip
|
|
13810
|
+
(keydown.escape)="close(true)">
|
|
13812
13811
|
<kendo-tabstrip-tab *ngIf="hasFilter">
|
|
13813
13812
|
<ng-template kendoTabTitle>
|
|
13814
13813
|
<kendo-icon-wrapper
|
|
@@ -16057,12 +16056,14 @@ HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
|
|
|
16057
16056
|
</ng-container>
|
|
16058
16057
|
|
|
16059
16058
|
<ng-container *ngIf="isCheckboxColumn(column) && !column.headerTemplateRef && $any(column).showSelectAll">
|
|
16060
|
-
<
|
|
16061
|
-
|
|
16062
|
-
|
|
16063
|
-
|
|
16064
|
-
|
|
16065
|
-
|
|
16059
|
+
<span class="k-checkbox-wrap">
|
|
16060
|
+
<input
|
|
16061
|
+
class="k-checkbox k-checkbox-md k-rounded-md"
|
|
16062
|
+
[attr.id]="selectAllCheckboxId()"
|
|
16063
|
+
[attr.aria-label]="selectAllCheckboxLabel"
|
|
16064
|
+
kendoGridSelectAllCheckbox
|
|
16065
|
+
kendoGridFocusable>
|
|
16066
|
+
</span>
|
|
16066
16067
|
</ng-container>
|
|
16067
16068
|
<span kendoGridColumnHandle
|
|
16068
16069
|
kendoDraggable
|
|
@@ -16281,12 +16282,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
16281
16282
|
</ng-container>
|
|
16282
16283
|
|
|
16283
16284
|
<ng-container *ngIf="isCheckboxColumn(column) && !column.headerTemplateRef && $any(column).showSelectAll">
|
|
16284
|
-
<
|
|
16285
|
-
|
|
16286
|
-
|
|
16287
|
-
|
|
16288
|
-
|
|
16289
|
-
|
|
16285
|
+
<span class="k-checkbox-wrap">
|
|
16286
|
+
<input
|
|
16287
|
+
class="k-checkbox k-checkbox-md k-rounded-md"
|
|
16288
|
+
[attr.id]="selectAllCheckboxId()"
|
|
16289
|
+
[attr.aria-label]="selectAllCheckboxLabel"
|
|
16290
|
+
kendoGridSelectAllCheckbox
|
|
16291
|
+
kendoGridFocusable>
|
|
16292
|
+
</span>
|
|
16290
16293
|
</ng-container>
|
|
16291
16294
|
<span kendoGridColumnHandle
|
|
16292
16295
|
kendoDraggable
|
|
@@ -16935,11 +16938,13 @@ CellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
|
|
|
16935
16938
|
</ng-container>
|
|
16936
16939
|
<ng-container *ngIf="isBoundColumn">{{ dataItem | valueOf: column.field: column.format}}</ng-container>
|
|
16937
16940
|
<ng-container *ngIf="isCheckboxColumn && !isNew">
|
|
16938
|
-
<
|
|
16939
|
-
|
|
16940
|
-
|
|
16941
|
-
|
|
16942
|
-
|
|
16941
|
+
<span class="k-checkbox-wrap">
|
|
16942
|
+
<input
|
|
16943
|
+
class="k-checkbox k-checkbox-md k-rounded-md"
|
|
16944
|
+
[kendoGridSelectionCheckbox]="rowIndex"
|
|
16945
|
+
[attr.id]="selectionCheckboxId"
|
|
16946
|
+
[attr.aria-label]="selectionCheckboxLabel" />
|
|
16947
|
+
</span>
|
|
16943
16948
|
</ng-container>
|
|
16944
16949
|
<ng-container *ngIf="isRowReorderColumn && !isNew">
|
|
16945
16950
|
<kendo-icon-wrapper
|
|
@@ -16978,13 +16983,15 @@ CellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
|
|
|
16978
16983
|
kendoGridFocusable
|
|
16979
16984
|
></kendo-datepicker>
|
|
16980
16985
|
|
|
16981
|
-
<
|
|
16982
|
-
|
|
16983
|
-
|
|
16984
|
-
|
|
16985
|
-
|
|
16986
|
-
|
|
16987
|
-
|
|
16986
|
+
<span class="k-checkbox-wrap">
|
|
16987
|
+
<input
|
|
16988
|
+
*ngSwitchCase="'boolean'"
|
|
16989
|
+
type="checkbox"
|
|
16990
|
+
class="k-checkbox k-checkbox-md k-rounded-md"
|
|
16991
|
+
[formControl]="$any(formGroup.get(column.field))"
|
|
16992
|
+
kendoGridFocusable
|
|
16993
|
+
/>
|
|
16994
|
+
</span>
|
|
16988
16995
|
|
|
16989
16996
|
<input
|
|
16990
16997
|
*ngSwitchDefault
|
|
@@ -17016,11 +17023,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
17016
17023
|
</ng-container>
|
|
17017
17024
|
<ng-container *ngIf="isBoundColumn">{{ dataItem | valueOf: column.field: column.format}}</ng-container>
|
|
17018
17025
|
<ng-container *ngIf="isCheckboxColumn && !isNew">
|
|
17019
|
-
<
|
|
17020
|
-
|
|
17021
|
-
|
|
17022
|
-
|
|
17023
|
-
|
|
17026
|
+
<span class="k-checkbox-wrap">
|
|
17027
|
+
<input
|
|
17028
|
+
class="k-checkbox k-checkbox-md k-rounded-md"
|
|
17029
|
+
[kendoGridSelectionCheckbox]="rowIndex"
|
|
17030
|
+
[attr.id]="selectionCheckboxId"
|
|
17031
|
+
[attr.aria-label]="selectionCheckboxLabel" />
|
|
17032
|
+
</span>
|
|
17024
17033
|
</ng-container>
|
|
17025
17034
|
<ng-container *ngIf="isRowReorderColumn && !isNew">
|
|
17026
17035
|
<kendo-icon-wrapper
|
|
@@ -17059,13 +17068,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
17059
17068
|
kendoGridFocusable
|
|
17060
17069
|
></kendo-datepicker>
|
|
17061
17070
|
|
|
17062
|
-
<
|
|
17063
|
-
|
|
17064
|
-
|
|
17065
|
-
|
|
17066
|
-
|
|
17067
|
-
|
|
17068
|
-
|
|
17071
|
+
<span class="k-checkbox-wrap">
|
|
17072
|
+
<input
|
|
17073
|
+
*ngSwitchCase="'boolean'"
|
|
17074
|
+
type="checkbox"
|
|
17075
|
+
class="k-checkbox k-checkbox-md k-rounded-md"
|
|
17076
|
+
[formControl]="$any(formGroup.get(column.field))"
|
|
17077
|
+
kendoGridFocusable
|
|
17078
|
+
/>
|
|
17079
|
+
</span>
|
|
17069
17080
|
|
|
17070
17081
|
<input
|
|
17071
17082
|
*ngSwitchDefault
|
|
@@ -17827,7 +17838,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
|
|
|
17827
17838
|
[attr.data-kendo-grid-item-index]="$any(item).index"
|
|
17828
17839
|
[class.k-selected]="isSelectable() && isRowSelected(item)">
|
|
17829
17840
|
<ng-container *ngIf="!skipGroupDecoration">
|
|
17830
|
-
<td class="k-group-cell" *ngFor="let g of groups" role="presentation"></td>
|
|
17841
|
+
<td class="k-group-cell k-table-td" *ngFor="let g of groups" role="presentation"></td>
|
|
17831
17842
|
</ng-container>
|
|
17832
17843
|
<td class="k-hierarchy-cell k-table-td"
|
|
17833
17844
|
*ngIf="detailTemplate?.templateRef"
|
|
@@ -17929,7 +17940,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
|
|
|
17929
17940
|
[logicalCellsCount]="columns.length"
|
|
17930
17941
|
[logicalSlaveCellsCount]="unlockedColumnsCount(item)">
|
|
17931
17942
|
<ng-container *ngIf="!skipGroupDecoration">
|
|
17932
|
-
<td class="k-group-cell" *ngFor="let g of groups"></td>
|
|
17943
|
+
<td class="k-group-cell k-table-td" *ngFor="let g of groups"></td>
|
|
17933
17944
|
</ng-container>
|
|
17934
17945
|
<td class="k-hierarchy-cell k-table-td"
|
|
17935
17946
|
*ngIf="detailTemplate?.templateRef"
|
|
@@ -18057,7 +18068,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
18057
18068
|
[attr.data-kendo-grid-item-index]="$any(item).index"
|
|
18058
18069
|
[class.k-selected]="isSelectable() && isRowSelected(item)">
|
|
18059
18070
|
<ng-container *ngIf="!skipGroupDecoration">
|
|
18060
|
-
<td class="k-group-cell" *ngFor="let g of groups" role="presentation"></td>
|
|
18071
|
+
<td class="k-group-cell k-table-td" *ngFor="let g of groups" role="presentation"></td>
|
|
18061
18072
|
</ng-container>
|
|
18062
18073
|
<td class="k-hierarchy-cell k-table-td"
|
|
18063
18074
|
*ngIf="detailTemplate?.templateRef"
|
|
@@ -18159,7 +18170,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
18159
18170
|
[logicalCellsCount]="columns.length"
|
|
18160
18171
|
[logicalSlaveCellsCount]="unlockedColumnsCount(item)">
|
|
18161
18172
|
<ng-container *ngIf="!skipGroupDecoration">
|
|
18162
|
-
<td class="k-group-cell" *ngFor="let g of groups"></td>
|
|
18173
|
+
<td class="k-group-cell k-table-td" *ngFor="let g of groups"></td>
|
|
18163
18174
|
</ng-container>
|
|
18164
18175
|
<td class="k-hierarchy-cell k-table-td"
|
|
18165
18176
|
*ngIf="detailTemplate?.templateRef"
|
|
@@ -4443,8 +4443,8 @@ const packageMetadata = {
|
|
|
4443
4443
|
name: '@progress/kendo-angular-grid',
|
|
4444
4444
|
productName: 'Kendo UI for Angular',
|
|
4445
4445
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
4446
|
-
publishDate:
|
|
4447
|
-
version: '14.4.0-develop.
|
|
4446
|
+
publishDate: 1705671923,
|
|
4447
|
+
version: '14.4.0-develop.13',
|
|
4448
4448
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
4449
4449
|
};
|
|
4450
4450
|
|
|
@@ -7881,7 +7881,6 @@ class PagerComponent {
|
|
|
7881
7881
|
this.total = 0;
|
|
7882
7882
|
this.skip = 1;
|
|
7883
7883
|
this.pageChange = new EventEmitter();
|
|
7884
|
-
this.pagerWrapClass = true;
|
|
7885
7884
|
this.gridPagerClass = true;
|
|
7886
7885
|
this.settings = normalize$1({});
|
|
7887
7886
|
this.subscriptions = new Subscription();
|
|
@@ -8107,7 +8106,7 @@ class PagerComponent {
|
|
|
8107
8106
|
}
|
|
8108
8107
|
}
|
|
8109
8108
|
PagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PagerComponent, deps: [{ token: PagerContextService }, { token: NavigationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: ContextService }, { token: CELL_CONTEXT, optional: true }, { token: FocusRoot }, { token: FocusGroup }], target: i0.ɵɵFactoryTarget.Component });
|
|
8110
|
-
PagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PagerComponent, selector: "kendo-pager", inputs: { total: "total", skip: "skip", pageSize: "pageSize", options: "options", size: "size", template: "template" }, outputs: { pageChange: "pageChange" }, host: { listeners: { "focusin": "onFocusIn($event)", "focusout": "onFocusOut()", "keydown.escape": "onEscape()", "keydown.enter": "onEnter($event)", "keydown.arrowleft": "navigateToPreviousPage($event)", "keydown.pageup": "navigateToPreviousPage($event)", "keydown.arrowright": "navigateToNextPage($event)", "keydown.pagedown": "navigateToNextPage($event)", "keydown.home": "navigateToFirstPage($event)", "keydown.end": "navigateToLastPage($event)" }, properties: { "class.k-
|
|
8109
|
+
PagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PagerComponent, selector: "kendo-pager", inputs: { total: "total", skip: "skip", pageSize: "pageSize", options: "options", size: "size", template: "template" }, outputs: { pageChange: "pageChange" }, host: { listeners: { "focusin": "onFocusIn($event)", "focusout": "onFocusOut()", "keydown.escape": "onEscape()", "keydown.enter": "onEnter($event)", "keydown.arrowleft": "navigateToPreviousPage($event)", "keydown.pageup": "navigateToPreviousPage($event)", "keydown.arrowright": "navigateToNextPage($event)", "keydown.pagedown": "navigateToNextPage($event)", "keydown.home": "navigateToFirstPage($event)", "keydown.end": "navigateToLastPage($event)" }, properties: { "class.k-grid-pager": "this.gridPagerClass", "class.k-pager-sm": "this.sizeSmallClass", "class.k-pager-md": "this.sizeMediumClass", "class.k-focus": "this.isFocused", "attr.aria-label": "this.pagerAriaLabel" } }, providers: [{
|
|
8111
8110
|
provide: FOCUS_ROOT_ACTIVE,
|
|
8112
8111
|
useValue: true
|
|
8113
8112
|
}, {
|
|
@@ -8243,9 +8242,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
8243
8242
|
type: Input
|
|
8244
8243
|
}], pageChange: [{
|
|
8245
8244
|
type: Output
|
|
8246
|
-
}], pagerWrapClass: [{
|
|
8247
|
-
type: HostBinding,
|
|
8248
|
-
args: ['class.k-pager-wrap']
|
|
8249
8245
|
}], gridPagerClass: [{
|
|
8250
8246
|
type: HostBinding,
|
|
8251
8247
|
args: ['class.k-grid-pager']
|
|
@@ -11303,7 +11299,7 @@ FilterMenuContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
|
|
|
11303
11299
|
MenuTabbingService
|
|
11304
11300
|
], viewQueries: [{ propertyName: "resetButton", first: true, predicate: ["resetButton"], descendants: true }, { propertyName: "filterButton", first: true, predicate: ["filterButton"], descendants: true }], ngImport: i0, template: `
|
|
11305
11301
|
<form (submit)="submit()" (reset)="reset()"
|
|
11306
|
-
class="k-filter-menu
|
|
11302
|
+
class="k-filter-menu">
|
|
11307
11303
|
<div class="k-filter-menu-container">
|
|
11308
11304
|
<ng-container [ngSwitch]="hasTemplate">
|
|
11309
11305
|
<ng-container *ngSwitchCase="false">
|
|
@@ -11349,7 +11345,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
11349
11345
|
selector: 'kendo-grid-filter-menu-container',
|
|
11350
11346
|
template: `
|
|
11351
11347
|
<form (submit)="submit()" (reset)="reset()"
|
|
11352
|
-
class="k-filter-menu
|
|
11348
|
+
class="k-filter-menu">
|
|
11353
11349
|
<div class="k-filter-menu-container">
|
|
11354
11350
|
<ng-container [ngSwitch]="hasTemplate">
|
|
11355
11351
|
<ng-container *ngSwitchCase="false">
|
|
@@ -13223,7 +13219,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
13223
13219
|
}]
|
|
13224
13220
|
}], ctorParameters: function () { return [{ type: ContextService }]; } });
|
|
13225
13221
|
|
|
13226
|
-
const
|
|
13222
|
+
const POPUP_CLASSES = 'k-grid-columnmenu-popup k-column-menu';
|
|
13227
13223
|
let id$2 = 0;
|
|
13228
13224
|
const getId = (gridId) => `${gridId}-column-menu-${id$2++}`;
|
|
13229
13225
|
/**
|
|
@@ -13416,7 +13412,7 @@ class ColumnMenuComponent {
|
|
|
13416
13412
|
this.expandedFilter = this.getExpandedState(this.settings.filter);
|
|
13417
13413
|
this.expandedColumns = this.getExpandedState(this.settings.columnChooser);
|
|
13418
13414
|
this.expandedPosition = this.getExpandedState(this.settings.setColumnPosition);
|
|
13419
|
-
this.popupRef = this.popupService.open(anchor, template, this.popupRef,
|
|
13415
|
+
this.popupRef = this.popupService.open(anchor, template, this.popupRef, POPUP_CLASSES);
|
|
13420
13416
|
// Needed as changes to 'popupRef' and 'popupId' are not reflected
|
|
13421
13417
|
// automatically when the Popup is closed by clicking outside the anchor
|
|
13422
13418
|
const ariaRoot = this.isNavigable ? anchor.closest('.k-table-th') : anchor;
|
|
@@ -13437,7 +13433,8 @@ class ColumnMenuComponent {
|
|
|
13437
13433
|
ariaRoot && this.renderer.setAttribute(ariaRoot, 'aria-expanded', 'true');
|
|
13438
13434
|
}
|
|
13439
13435
|
if (this.settings.view === 'tabbed') {
|
|
13440
|
-
this.renderer.addClass(
|
|
13436
|
+
this.renderer.addClass(popupAriaElement, 'k-column-menu-tabbed');
|
|
13437
|
+
this.renderer.addClass(popupAriaElement, 'k-column-menu');
|
|
13441
13438
|
this.cdr.detectChanges();
|
|
13442
13439
|
this.tabStrip?.selectTab(0);
|
|
13443
13440
|
}
|
|
@@ -13563,7 +13560,8 @@ ColumnMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
13563
13560
|
</kendo-grid-columnmenu-container>
|
|
13564
13561
|
</ng-template>
|
|
13565
13562
|
<ng-template #tabbedInterfaceTemplate>
|
|
13566
|
-
<kendo-tabstrip #tabstrip
|
|
13563
|
+
<kendo-tabstrip #tabstrip
|
|
13564
|
+
(keydown.escape)="close(true)">
|
|
13567
13565
|
<kendo-tabstrip-tab *ngIf="hasFilter">
|
|
13568
13566
|
<ng-template kendoTabTitle>
|
|
13569
13567
|
<kendo-icon-wrapper
|
|
@@ -13738,7 +13736,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
13738
13736
|
</kendo-grid-columnmenu-container>
|
|
13739
13737
|
</ng-template>
|
|
13740
13738
|
<ng-template #tabbedInterfaceTemplate>
|
|
13741
|
-
<kendo-tabstrip #tabstrip
|
|
13739
|
+
<kendo-tabstrip #tabstrip
|
|
13740
|
+
(keydown.escape)="close(true)">
|
|
13742
13741
|
<kendo-tabstrip-tab *ngIf="hasFilter">
|
|
13743
13742
|
<ng-template kendoTabTitle>
|
|
13744
13743
|
<kendo-icon-wrapper
|
|
@@ -15979,12 +15978,14 @@ HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
|
|
|
15979
15978
|
</ng-container>
|
|
15980
15979
|
|
|
15981
15980
|
<ng-container *ngIf="isCheckboxColumn(column) && !column.headerTemplateRef && $any(column).showSelectAll">
|
|
15982
|
-
<
|
|
15983
|
-
|
|
15984
|
-
|
|
15985
|
-
|
|
15986
|
-
|
|
15987
|
-
|
|
15981
|
+
<span class="k-checkbox-wrap">
|
|
15982
|
+
<input
|
|
15983
|
+
class="k-checkbox k-checkbox-md k-rounded-md"
|
|
15984
|
+
[attr.id]="selectAllCheckboxId()"
|
|
15985
|
+
[attr.aria-label]="selectAllCheckboxLabel"
|
|
15986
|
+
kendoGridSelectAllCheckbox
|
|
15987
|
+
kendoGridFocusable>
|
|
15988
|
+
</span>
|
|
15988
15989
|
</ng-container>
|
|
15989
15990
|
<span kendoGridColumnHandle
|
|
15990
15991
|
kendoDraggable
|
|
@@ -16203,12 +16204,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
16203
16204
|
</ng-container>
|
|
16204
16205
|
|
|
16205
16206
|
<ng-container *ngIf="isCheckboxColumn(column) && !column.headerTemplateRef && $any(column).showSelectAll">
|
|
16206
|
-
<
|
|
16207
|
-
|
|
16208
|
-
|
|
16209
|
-
|
|
16210
|
-
|
|
16211
|
-
|
|
16207
|
+
<span class="k-checkbox-wrap">
|
|
16208
|
+
<input
|
|
16209
|
+
class="k-checkbox k-checkbox-md k-rounded-md"
|
|
16210
|
+
[attr.id]="selectAllCheckboxId()"
|
|
16211
|
+
[attr.aria-label]="selectAllCheckboxLabel"
|
|
16212
|
+
kendoGridSelectAllCheckbox
|
|
16213
|
+
kendoGridFocusable>
|
|
16214
|
+
</span>
|
|
16212
16215
|
</ng-container>
|
|
16213
16216
|
<span kendoGridColumnHandle
|
|
16214
16217
|
kendoDraggable
|
|
@@ -16855,11 +16858,13 @@ CellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
|
|
|
16855
16858
|
</ng-container>
|
|
16856
16859
|
<ng-container *ngIf="isBoundColumn">{{ dataItem | valueOf: column.field: column.format}}</ng-container>
|
|
16857
16860
|
<ng-container *ngIf="isCheckboxColumn && !isNew">
|
|
16858
|
-
<
|
|
16859
|
-
|
|
16860
|
-
|
|
16861
|
-
|
|
16862
|
-
|
|
16861
|
+
<span class="k-checkbox-wrap">
|
|
16862
|
+
<input
|
|
16863
|
+
class="k-checkbox k-checkbox-md k-rounded-md"
|
|
16864
|
+
[kendoGridSelectionCheckbox]="rowIndex"
|
|
16865
|
+
[attr.id]="selectionCheckboxId"
|
|
16866
|
+
[attr.aria-label]="selectionCheckboxLabel" />
|
|
16867
|
+
</span>
|
|
16863
16868
|
</ng-container>
|
|
16864
16869
|
<ng-container *ngIf="isRowReorderColumn && !isNew">
|
|
16865
16870
|
<kendo-icon-wrapper
|
|
@@ -16898,13 +16903,15 @@ CellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
|
|
|
16898
16903
|
kendoGridFocusable
|
|
16899
16904
|
></kendo-datepicker>
|
|
16900
16905
|
|
|
16901
|
-
<
|
|
16902
|
-
|
|
16903
|
-
|
|
16904
|
-
|
|
16905
|
-
|
|
16906
|
-
|
|
16907
|
-
|
|
16906
|
+
<span class="k-checkbox-wrap">
|
|
16907
|
+
<input
|
|
16908
|
+
*ngSwitchCase="'boolean'"
|
|
16909
|
+
type="checkbox"
|
|
16910
|
+
class="k-checkbox k-checkbox-md k-rounded-md"
|
|
16911
|
+
[formControl]="$any(formGroup.get(column.field))"
|
|
16912
|
+
kendoGridFocusable
|
|
16913
|
+
/>
|
|
16914
|
+
</span>
|
|
16908
16915
|
|
|
16909
16916
|
<input
|
|
16910
16917
|
*ngSwitchDefault
|
|
@@ -16936,11 +16943,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
16936
16943
|
</ng-container>
|
|
16937
16944
|
<ng-container *ngIf="isBoundColumn">{{ dataItem | valueOf: column.field: column.format}}</ng-container>
|
|
16938
16945
|
<ng-container *ngIf="isCheckboxColumn && !isNew">
|
|
16939
|
-
<
|
|
16940
|
-
|
|
16941
|
-
|
|
16942
|
-
|
|
16943
|
-
|
|
16946
|
+
<span class="k-checkbox-wrap">
|
|
16947
|
+
<input
|
|
16948
|
+
class="k-checkbox k-checkbox-md k-rounded-md"
|
|
16949
|
+
[kendoGridSelectionCheckbox]="rowIndex"
|
|
16950
|
+
[attr.id]="selectionCheckboxId"
|
|
16951
|
+
[attr.aria-label]="selectionCheckboxLabel" />
|
|
16952
|
+
</span>
|
|
16944
16953
|
</ng-container>
|
|
16945
16954
|
<ng-container *ngIf="isRowReorderColumn && !isNew">
|
|
16946
16955
|
<kendo-icon-wrapper
|
|
@@ -16979,13 +16988,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
16979
16988
|
kendoGridFocusable
|
|
16980
16989
|
></kendo-datepicker>
|
|
16981
16990
|
|
|
16982
|
-
<
|
|
16983
|
-
|
|
16984
|
-
|
|
16985
|
-
|
|
16986
|
-
|
|
16987
|
-
|
|
16988
|
-
|
|
16991
|
+
<span class="k-checkbox-wrap">
|
|
16992
|
+
<input
|
|
16993
|
+
*ngSwitchCase="'boolean'"
|
|
16994
|
+
type="checkbox"
|
|
16995
|
+
class="k-checkbox k-checkbox-md k-rounded-md"
|
|
16996
|
+
[formControl]="$any(formGroup.get(column.field))"
|
|
16997
|
+
kendoGridFocusable
|
|
16998
|
+
/>
|
|
16999
|
+
</span>
|
|
16989
17000
|
|
|
16990
17001
|
<input
|
|
16991
17002
|
*ngSwitchDefault
|
|
@@ -17745,7 +17756,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
|
|
|
17745
17756
|
[attr.data-kendo-grid-item-index]="$any(item).index"
|
|
17746
17757
|
[class.k-selected]="isSelectable() && isRowSelected(item)">
|
|
17747
17758
|
<ng-container *ngIf="!skipGroupDecoration">
|
|
17748
|
-
<td class="k-group-cell" *ngFor="let g of groups" role="presentation"></td>
|
|
17759
|
+
<td class="k-group-cell k-table-td" *ngFor="let g of groups" role="presentation"></td>
|
|
17749
17760
|
</ng-container>
|
|
17750
17761
|
<td class="k-hierarchy-cell k-table-td"
|
|
17751
17762
|
*ngIf="detailTemplate?.templateRef"
|
|
@@ -17847,7 +17858,7 @@ TableBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
|
|
|
17847
17858
|
[logicalCellsCount]="columns.length"
|
|
17848
17859
|
[logicalSlaveCellsCount]="unlockedColumnsCount(item)">
|
|
17849
17860
|
<ng-container *ngIf="!skipGroupDecoration">
|
|
17850
|
-
<td class="k-group-cell" *ngFor="let g of groups"></td>
|
|
17861
|
+
<td class="k-group-cell k-table-td" *ngFor="let g of groups"></td>
|
|
17851
17862
|
</ng-container>
|
|
17852
17863
|
<td class="k-hierarchy-cell k-table-td"
|
|
17853
17864
|
*ngIf="detailTemplate?.templateRef"
|
|
@@ -17975,7 +17986,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
17975
17986
|
[attr.data-kendo-grid-item-index]="$any(item).index"
|
|
17976
17987
|
[class.k-selected]="isSelectable() && isRowSelected(item)">
|
|
17977
17988
|
<ng-container *ngIf="!skipGroupDecoration">
|
|
17978
|
-
<td class="k-group-cell" *ngFor="let g of groups" role="presentation"></td>
|
|
17989
|
+
<td class="k-group-cell k-table-td" *ngFor="let g of groups" role="presentation"></td>
|
|
17979
17990
|
</ng-container>
|
|
17980
17991
|
<td class="k-hierarchy-cell k-table-td"
|
|
17981
17992
|
*ngIf="detailTemplate?.templateRef"
|
|
@@ -18077,7 +18088,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
18077
18088
|
[logicalCellsCount]="columns.length"
|
|
18078
18089
|
[logicalSlaveCellsCount]="unlockedColumnsCount(item)">
|
|
18079
18090
|
<ng-container *ngIf="!skipGroupDecoration">
|
|
18080
|
-
<td class="k-group-cell" *ngFor="let g of groups"></td>
|
|
18091
|
+
<td class="k-group-cell k-table-td" *ngFor="let g of groups"></td>
|
|
18081
18092
|
</ng-container>
|
|
18082
18093
|
<td class="k-hierarchy-cell k-table-td"
|
|
18083
18094
|
*ngIf="detailTemplate?.templateRef"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-grid",
|
|
3
|
-
"version": "14.4.0-develop.
|
|
3
|
+
"version": "14.4.0-develop.13",
|
|
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",
|
|
@@ -33,25 +33,25 @@
|
|
|
33
33
|
"@progress/kendo-data-query": "^1.0.0",
|
|
34
34
|
"@progress/kendo-drawing": "^1.19.0",
|
|
35
35
|
"@progress/kendo-licensing": "^1.0.2",
|
|
36
|
-
"@progress/kendo-angular-buttons": "14.4.0-develop.
|
|
37
|
-
"@progress/kendo-angular-common": "14.4.0-develop.
|
|
38
|
-
"@progress/kendo-angular-dateinputs": "14.4.0-develop.
|
|
39
|
-
"@progress/kendo-angular-layout": "14.4.0-develop.
|
|
40
|
-
"@progress/kendo-angular-dropdowns": "14.4.0-develop.
|
|
41
|
-
"@progress/kendo-angular-excel-export": "14.4.0-develop.
|
|
42
|
-
"@progress/kendo-angular-icons": "14.4.0-develop.
|
|
43
|
-
"@progress/kendo-angular-inputs": "14.4.0-develop.
|
|
44
|
-
"@progress/kendo-angular-intl": "14.4.0-develop.
|
|
45
|
-
"@progress/kendo-angular-l10n": "14.4.0-develop.
|
|
46
|
-
"@progress/kendo-angular-label": "14.4.0-develop.
|
|
47
|
-
"@progress/kendo-angular-pdf-export": "14.4.0-develop.
|
|
48
|
-
"@progress/kendo-angular-popup": "14.4.0-develop.
|
|
49
|
-
"@progress/kendo-angular-utils": "14.4.0-develop.
|
|
36
|
+
"@progress/kendo-angular-buttons": "14.4.0-develop.13",
|
|
37
|
+
"@progress/kendo-angular-common": "14.4.0-develop.13",
|
|
38
|
+
"@progress/kendo-angular-dateinputs": "14.4.0-develop.13",
|
|
39
|
+
"@progress/kendo-angular-layout": "14.4.0-develop.13",
|
|
40
|
+
"@progress/kendo-angular-dropdowns": "14.4.0-develop.13",
|
|
41
|
+
"@progress/kendo-angular-excel-export": "14.4.0-develop.13",
|
|
42
|
+
"@progress/kendo-angular-icons": "14.4.0-develop.13",
|
|
43
|
+
"@progress/kendo-angular-inputs": "14.4.0-develop.13",
|
|
44
|
+
"@progress/kendo-angular-intl": "14.4.0-develop.13",
|
|
45
|
+
"@progress/kendo-angular-l10n": "14.4.0-develop.13",
|
|
46
|
+
"@progress/kendo-angular-label": "14.4.0-develop.13",
|
|
47
|
+
"@progress/kendo-angular-pdf-export": "14.4.0-develop.13",
|
|
48
|
+
"@progress/kendo-angular-popup": "14.4.0-develop.13",
|
|
49
|
+
"@progress/kendo-angular-utils": "14.4.0-develop.13",
|
|
50
50
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
53
|
"tslib": "^2.3.1",
|
|
54
|
-
"@progress/kendo-angular-schematics": "14.4.0-develop.
|
|
54
|
+
"@progress/kendo-angular-schematics": "14.4.0-develop.13",
|
|
55
55
|
"@progress/kendo-common": "^0.2.0",
|
|
56
56
|
"@progress/kendo-file-saver": "^1.0.0"
|
|
57
57
|
},
|
|
@@ -39,7 +39,6 @@ export declare class PagerComponent implements OnChanges, OnInit, OnDestroy {
|
|
|
39
39
|
get size(): GridSize;
|
|
40
40
|
template: PagerTemplateDirective;
|
|
41
41
|
pageChange: EventEmitter<PageChangeEvent>;
|
|
42
|
-
pagerWrapClass: boolean;
|
|
43
42
|
gridPagerClass: boolean;
|
|
44
43
|
get sizeSmallClass(): boolean;
|
|
45
44
|
get sizeMediumClass(): boolean;
|
|
@@ -4,13 +4,13 @@ const schematics_1 = require("@angular-devkit/schematics");
|
|
|
4
4
|
function default_1(options) {
|
|
5
5
|
const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'GridModule', package: 'grid', peerDependencies: {
|
|
6
6
|
// peer dep of the dropdowns
|
|
7
|
-
'@progress/kendo-angular-treeview': '14.4.0-develop.
|
|
7
|
+
'@progress/kendo-angular-treeview': '14.4.0-develop.13',
|
|
8
8
|
// peer dependency of kendo-angular-inputs
|
|
9
|
-
'@progress/kendo-angular-dialog': '14.4.0-develop.
|
|
9
|
+
'@progress/kendo-angular-dialog': '14.4.0-develop.13',
|
|
10
10
|
// peer dependency of kendo-angular-icons
|
|
11
11
|
'@progress/kendo-svg-icons': '^2.0.0',
|
|
12
12
|
// peer dependency of kendo-angular-layout
|
|
13
|
-
'@progress/kendo-angular-progressbar': '14.4.0-develop.
|
|
13
|
+
'@progress/kendo-angular-progressbar': '14.4.0-develop.13'
|
|
14
14
|
} });
|
|
15
15
|
return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
|
|
16
16
|
}
|