@progress/kendo-angular-treelist 4.0.0 → 4.0.2
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/dist/cdn/js/kendo-angular-treelist.js +1 -1
- package/dist/cdn/main.js +1 -1
- package/dist/es/column-menu/column-menu-item.component.js +1 -1
- package/dist/es/navigation/logical-cell.directive.js +2 -2
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/pager/pager-next-buttons.component.js +1 -1
- package/dist/es/pager/pager-numeric-buttons.component.js +1 -1
- package/dist/es/pager/pager-prev-buttons.component.js +1 -1
- package/dist/es/rendering/table-body.component.js +1 -1
- package/dist/es2015/column-menu/column-menu-item.component.js +1 -1
- package/dist/es2015/index.metadata.json +1 -1
- package/dist/es2015/navigation/logical-cell.directive.js +2 -2
- package/dist/es2015/package-metadata.js +1 -1
- package/dist/es2015/pager/pager-next-buttons.component.js +2 -2
- package/dist/es2015/pager/pager-numeric-buttons.component.js +2 -2
- package/dist/es2015/pager/pager-prev-buttons.component.js +2 -2
- package/dist/es2015/rendering/table-body.component.js +2 -2
- package/dist/fesm2015/index.js +12 -12
- package/dist/fesm5/index.js +8 -8
- package/dist/npm/column-menu/column-menu-item.component.js +1 -1
- package/dist/npm/navigation/logical-cell.directive.js +2 -2
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/pager/pager-next-buttons.component.js +1 -1
- package/dist/npm/pager/pager-numeric-buttons.component.js +1 -1
- package/dist/npm/pager/pager-prev-buttons.component.js +1 -1
- package/dist/npm/rendering/table-body.component.js +1 -1
- package/dist/systemjs/kendo-angular-treelist.js +1 -1
- package/package.json +1 -1
- package/schematics/ngAdd/index.js +1 -1
|
@@ -94,11 +94,11 @@ let LogicalCellDirective = class LogicalCellDirective {
|
|
|
94
94
|
if (!this.logicalSlaveCell && this.navigationService.autoFocusCell(this.logicalColIndex, this.logicalColIndex + this.colSpan - 1)) {
|
|
95
95
|
this.microtask(() => this.isFocused() && el.focus());
|
|
96
96
|
}
|
|
97
|
-
this.renderer.addClass(el, 'k-
|
|
97
|
+
this.renderer.addClass(el, 'k-state-focused');
|
|
98
98
|
}
|
|
99
99
|
}
|
|
100
100
|
else {
|
|
101
|
-
this.renderer.removeClass(el, 'k-
|
|
101
|
+
this.renderer.removeClass(el, 'k-state-focused');
|
|
102
102
|
}
|
|
103
103
|
}
|
|
104
104
|
microtask(callback) {
|
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-treelist',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
12
|
+
publishDate: 1642687822,
|
|
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
|
};
|
|
@@ -44,7 +44,7 @@ PagerNextButtonsComponent = tslib_1.__decorate([
|
|
|
44
44
|
[ngClass]="{
|
|
45
45
|
'k-link': true,
|
|
46
46
|
'k-pager-nav': true,
|
|
47
|
-
'k-disabled': disabled,
|
|
47
|
+
'k-state-disabled': disabled,
|
|
48
48
|
'': true
|
|
49
49
|
}">
|
|
50
50
|
<span [attr.aria-label]="textFor('pagerNextPage')"
|
|
@@ -61,7 +61,7 @@ PagerNextButtonsComponent = tslib_1.__decorate([
|
|
|
61
61
|
[ngClass]="{
|
|
62
62
|
'k-link': true,
|
|
63
63
|
'k-pager-nav': true,
|
|
64
|
-
'k-disabled': disabled,
|
|
64
|
+
'k-state-disabled': disabled,
|
|
65
65
|
'k-pager-last': true
|
|
66
66
|
}">
|
|
67
67
|
<span [attr.aria-label]="textFor('pagerLastPage')"
|
|
@@ -109,7 +109,7 @@ PagerNumericButtonsComponent = tslib_1.__decorate([
|
|
|
109
109
|
[value]="num.toString()"
|
|
110
110
|
[attr.aria-label]="pageLabel(num)"
|
|
111
111
|
[attr.aria-current]="currentPage == num ? 'page' : undefined"
|
|
112
|
-
[ngClass]="{'k-link': true, 'k-selected':currentPage == num}">
|
|
112
|
+
[ngClass]="{'k-link': true, 'k-state-selected':currentPage == num}">
|
|
113
113
|
{{num}}
|
|
114
114
|
</option>
|
|
115
115
|
<option *ngIf="end < totalPages"
|
|
@@ -130,7 +130,7 @@ PagerNumericButtonsComponent = tslib_1.__decorate([
|
|
|
130
130
|
<a href="#"
|
|
131
131
|
[attr.aria-label]="pageLabel(num)"
|
|
132
132
|
tabindex="-1"
|
|
133
|
-
[ngClass]="{'k-link': true, 'k-selected':currentPage == num}"
|
|
133
|
+
[ngClass]="{'k-link': true, 'k-state-selected':currentPage == num}"
|
|
134
134
|
(click)="changePage(num - 1)">
|
|
135
135
|
{{num}}
|
|
136
136
|
</a>
|
|
@@ -44,7 +44,7 @@ PagerPrevButtonsComponent = tslib_1.__decorate([
|
|
|
44
44
|
[ngClass]="{
|
|
45
45
|
'k-link': true,
|
|
46
46
|
'k-pager-nav': true,
|
|
47
|
-
'k-disabled': disabled,
|
|
47
|
+
'k-state-disabled': disabled,
|
|
48
48
|
'k-pager-first': true
|
|
49
49
|
}">
|
|
50
50
|
<span [attr.aria-label]="textFor('pagerFirstPage')"
|
|
@@ -61,7 +61,7 @@ PagerPrevButtonsComponent = tslib_1.__decorate([
|
|
|
61
61
|
[ngClass]="{
|
|
62
62
|
'k-link': true,
|
|
63
63
|
'k-pager-nav': true,
|
|
64
|
-
'k-disabled': disabled,
|
|
64
|
+
'k-state-disabled': disabled,
|
|
65
65
|
'': true
|
|
66
66
|
}">
|
|
67
67
|
<span [attr.aria-label]="textFor('pagerPreviousPage')"
|
|
@@ -372,7 +372,7 @@ TableBodyComponent = tslib_1.__decorate([
|
|
|
372
372
|
[class.k-alt]="isOdd(item)"
|
|
373
373
|
[class.k-grid-edit-row]="isEditingRow(item)"
|
|
374
374
|
[class.k-grid-add-row]="item.isNew"
|
|
375
|
-
[class.k-selected]="item.selected"
|
|
375
|
+
[class.k-state-selected]="item.selected"
|
|
376
376
|
[attr.data-treelist-view-index]="rowIndex">
|
|
377
377
|
|
|
378
378
|
<td kendoTreeListCell
|
|
@@ -400,7 +400,7 @@ TableBodyComponent = tslib_1.__decorate([
|
|
|
400
400
|
[attr.aria-selected]="ariaSelected(item, column, lockedColumnsCount + columnIndex)"
|
|
401
401
|
[ngClass]="column.cssClass"
|
|
402
402
|
[class.k-grid-edit-cell]="isEditingCell(item, column)"
|
|
403
|
-
[class.k-selected]="isCellSelected(item.data, column, lockedColumnsCount + columnIndex)"
|
|
403
|
+
[class.k-state-selected]="isCellSelected(item.data, column, lockedColumnsCount + columnIndex)"
|
|
404
404
|
[ngStyle]="column.style"
|
|
405
405
|
[attr.colspan]="column.colspan"
|
|
406
406
|
*ngFor="let column of columns; let columnIndex = index; trackBy: trackByColumns;">
|
package/dist/fesm2015/index.js
CHANGED
|
@@ -33,7 +33,7 @@ const packageMetadata = {
|
|
|
33
33
|
name: '@progress/kendo-angular-treelist',
|
|
34
34
|
productName: 'Kendo UI for Angular',
|
|
35
35
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
36
|
-
publishDate:
|
|
36
|
+
publishDate: 1642687822,
|
|
37
37
|
version: '',
|
|
38
38
|
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'
|
|
39
39
|
};
|
|
@@ -10245,11 +10245,11 @@ let LogicalCellDirective = class LogicalCellDirective {
|
|
|
10245
10245
|
if (!this.logicalSlaveCell && this.navigationService.autoFocusCell(this.logicalColIndex, this.logicalColIndex + this.colSpan - 1)) {
|
|
10246
10246
|
this.microtask(() => this.isFocused() && el.focus());
|
|
10247
10247
|
}
|
|
10248
|
-
this.renderer.addClass(el, 'k-
|
|
10248
|
+
this.renderer.addClass(el, 'k-state-focused');
|
|
10249
10249
|
}
|
|
10250
10250
|
}
|
|
10251
10251
|
else {
|
|
10252
|
-
this.renderer.removeClass(el, 'k-
|
|
10252
|
+
this.renderer.removeClass(el, 'k-state-focused');
|
|
10253
10253
|
}
|
|
10254
10254
|
}
|
|
10255
10255
|
microtask(callback) {
|
|
@@ -11589,7 +11589,7 @@ PagerPrevButtonsComponent = __decorate([
|
|
|
11589
11589
|
[ngClass]="{
|
|
11590
11590
|
'k-link': true,
|
|
11591
11591
|
'k-pager-nav': true,
|
|
11592
|
-
'k-disabled': disabled,
|
|
11592
|
+
'k-state-disabled': disabled,
|
|
11593
11593
|
'k-pager-first': true
|
|
11594
11594
|
}">
|
|
11595
11595
|
<span [attr.aria-label]="textFor('pagerFirstPage')"
|
|
@@ -11606,7 +11606,7 @@ PagerPrevButtonsComponent = __decorate([
|
|
|
11606
11606
|
[ngClass]="{
|
|
11607
11607
|
'k-link': true,
|
|
11608
11608
|
'k-pager-nav': true,
|
|
11609
|
-
'k-disabled': disabled,
|
|
11609
|
+
'k-state-disabled': disabled,
|
|
11610
11610
|
'': true
|
|
11611
11611
|
}">
|
|
11612
11612
|
<span [attr.aria-label]="textFor('pagerPreviousPage')"
|
|
@@ -11659,7 +11659,7 @@ PagerNextButtonsComponent = __decorate([
|
|
|
11659
11659
|
[ngClass]="{
|
|
11660
11660
|
'k-link': true,
|
|
11661
11661
|
'k-pager-nav': true,
|
|
11662
|
-
'k-disabled': disabled,
|
|
11662
|
+
'k-state-disabled': disabled,
|
|
11663
11663
|
'': true
|
|
11664
11664
|
}">
|
|
11665
11665
|
<span [attr.aria-label]="textFor('pagerNextPage')"
|
|
@@ -11676,7 +11676,7 @@ PagerNextButtonsComponent = __decorate([
|
|
|
11676
11676
|
[ngClass]="{
|
|
11677
11677
|
'k-link': true,
|
|
11678
11678
|
'k-pager-nav': true,
|
|
11679
|
-
'k-disabled': disabled,
|
|
11679
|
+
'k-state-disabled': disabled,
|
|
11680
11680
|
'k-pager-last': true
|
|
11681
11681
|
}">
|
|
11682
11682
|
<span [attr.aria-label]="textFor('pagerLastPage')"
|
|
@@ -11795,7 +11795,7 @@ PagerNumericButtonsComponent = __decorate([
|
|
|
11795
11795
|
[value]="num.toString()"
|
|
11796
11796
|
[attr.aria-label]="pageLabel(num)"
|
|
11797
11797
|
[attr.aria-current]="currentPage == num ? 'page' : undefined"
|
|
11798
|
-
[ngClass]="{'k-link': true, 'k-selected':currentPage == num}">
|
|
11798
|
+
[ngClass]="{'k-link': true, 'k-state-selected':currentPage == num}">
|
|
11799
11799
|
{{num}}
|
|
11800
11800
|
</option>
|
|
11801
11801
|
<option *ngIf="end < totalPages"
|
|
@@ -11816,7 +11816,7 @@ PagerNumericButtonsComponent = __decorate([
|
|
|
11816
11816
|
<a href="#"
|
|
11817
11817
|
[attr.aria-label]="pageLabel(num)"
|
|
11818
11818
|
tabindex="-1"
|
|
11819
|
-
[ngClass]="{'k-link': true, 'k-selected':currentPage == num}"
|
|
11819
|
+
[ngClass]="{'k-link': true, 'k-state-selected':currentPage == num}"
|
|
11820
11820
|
(click)="changePage(num - 1)">
|
|
11821
11821
|
{{num}}
|
|
11822
11822
|
</a>
|
|
@@ -14990,7 +14990,7 @@ ColumnMenuItemComponent = __decorate([
|
|
|
14990
14990
|
],
|
|
14991
14991
|
selector: 'kendo-treelist-columnmenu-item',
|
|
14992
14992
|
template: `
|
|
14993
|
-
<div class="k-columnmenu-item" (click)="onClick($event)" [class.k-selected]="selected" [class.k-disabled]="disabled">
|
|
14993
|
+
<div class="k-columnmenu-item" (click)="onClick($event)" [class.k-state-selected]="selected" [class.k-state-disabled]="disabled">
|
|
14994
14994
|
<span *ngIf="icon" class="k-icon" [ngClass]="iconClass">
|
|
14995
14995
|
</span>
|
|
14996
14996
|
{{ text }}
|
|
@@ -15792,7 +15792,7 @@ TableBodyComponent = __decorate([
|
|
|
15792
15792
|
[class.k-alt]="isOdd(item)"
|
|
15793
15793
|
[class.k-grid-edit-row]="isEditingRow(item)"
|
|
15794
15794
|
[class.k-grid-add-row]="item.isNew"
|
|
15795
|
-
[class.k-selected]="item.selected"
|
|
15795
|
+
[class.k-state-selected]="item.selected"
|
|
15796
15796
|
[attr.data-treelist-view-index]="rowIndex">
|
|
15797
15797
|
|
|
15798
15798
|
<td kendoTreeListCell
|
|
@@ -15820,7 +15820,7 @@ TableBodyComponent = __decorate([
|
|
|
15820
15820
|
[attr.aria-selected]="ariaSelected(item, column, lockedColumnsCount + columnIndex)"
|
|
15821
15821
|
[ngClass]="column.cssClass"
|
|
15822
15822
|
[class.k-grid-edit-cell]="isEditingCell(item, column)"
|
|
15823
|
-
[class.k-selected]="isCellSelected(item.data, column, lockedColumnsCount + columnIndex)"
|
|
15823
|
+
[class.k-state-selected]="isCellSelected(item.data, column, lockedColumnsCount + columnIndex)"
|
|
15824
15824
|
[ngStyle]="column.style"
|
|
15825
15825
|
[attr.colspan]="column.colspan"
|
|
15826
15826
|
*ngFor="let column of columns; let columnIndex = index; trackBy: trackByColumns;">
|
package/dist/fesm5/index.js
CHANGED
|
@@ -33,7 +33,7 @@ var packageMetadata = {
|
|
|
33
33
|
name: '@progress/kendo-angular-treelist',
|
|
34
34
|
productName: 'Kendo UI for Angular',
|
|
35
35
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
36
|
-
publishDate:
|
|
36
|
+
publishDate: 1642687822,
|
|
37
37
|
version: '',
|
|
38
38
|
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'
|
|
39
39
|
};
|
|
@@ -10786,11 +10786,11 @@ var LogicalCellDirective = /** @class */ (function () {
|
|
|
10786
10786
|
return _this.isFocused() && el.focus();
|
|
10787
10787
|
});
|
|
10788
10788
|
}
|
|
10789
|
-
this.renderer.addClass(el, 'k-
|
|
10789
|
+
this.renderer.addClass(el, 'k-state-focused');
|
|
10790
10790
|
}
|
|
10791
10791
|
}
|
|
10792
10792
|
else {
|
|
10793
|
-
this.renderer.removeClass(el, 'k-
|
|
10793
|
+
this.renderer.removeClass(el, 'k-state-focused');
|
|
10794
10794
|
}
|
|
10795
10795
|
};
|
|
10796
10796
|
LogicalCellDirective.prototype.microtask = function (callback) {
|
|
@@ -12283,7 +12283,7 @@ var PagerPrevButtonsComponent = /** @class */ (function (_super) {
|
|
|
12283
12283
|
Component({
|
|
12284
12284
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
12285
12285
|
selector: 'kendo-treelist-pager-prev-buttons',
|
|
12286
|
-
template: "\n <a href=\"#\"\n tabindex=\"-1\"\n [title]=\"textFor('pagerFirstPage')\"\n (click)=\"currentPage !== 1 ? changePage(0) : false\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-disabled': disabled,\n 'k-pager-first': true\n }\">\n <span [attr.aria-label]=\"textFor('pagerFirstPage')\"\n [ngClass]=\"{\n 'k-icon':true,\n 'k-i-seek-w': true\n }\">\n </span>\n </a>\n <a href=\"#\"\n tabindex=\"-1\"\n [title]=\"textFor('pagerPreviousPage')\"\n (click)=\"currentPage !== 1 ? changePage(currentPage-2) : false\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-disabled': disabled,\n '': true\n }\">\n <span [attr.aria-label]=\"textFor('pagerPreviousPage')\"\n [ngClass]=\"{\n 'k-icon':true,\n 'k-i-arrow-w': true\n }\">\n </span>\n </a>\n "
|
|
12286
|
+
template: "\n <a href=\"#\"\n tabindex=\"-1\"\n [title]=\"textFor('pagerFirstPage')\"\n (click)=\"currentPage !== 1 ? changePage(0) : false\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-state-disabled': disabled,\n 'k-pager-first': true\n }\">\n <span [attr.aria-label]=\"textFor('pagerFirstPage')\"\n [ngClass]=\"{\n 'k-icon':true,\n 'k-i-seek-w': true\n }\">\n </span>\n </a>\n <a href=\"#\"\n tabindex=\"-1\"\n [title]=\"textFor('pagerPreviousPage')\"\n (click)=\"currentPage !== 1 ? changePage(currentPage-2) : false\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-state-disabled': disabled,\n '': true\n }\">\n <span [attr.aria-label]=\"textFor('pagerPreviousPage')\"\n [ngClass]=\"{\n 'k-icon':true,\n 'k-i-arrow-w': true\n }\">\n </span>\n </a>\n "
|
|
12287
12287
|
}),
|
|
12288
12288
|
__metadata("design:paramtypes", [LocalizationService,
|
|
12289
12289
|
PagerContextService,
|
|
@@ -12325,7 +12325,7 @@ var PagerNextButtonsComponent = /** @class */ (function (_super) {
|
|
|
12325
12325
|
Component({
|
|
12326
12326
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
12327
12327
|
selector: 'kendo-treelist-pager-next-buttons',
|
|
12328
|
-
template: "\n <a href=\"#\"\n tabindex=\"-1\"\n [title]=\"textFor('pagerNextPage')\"\n (click)=\"currentPage !== totalPages ? changePage(currentPage) : false\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-disabled': disabled,\n '': true\n }\">\n <span [attr.aria-label]=\"textFor('pagerNextPage')\"\n [ngClass]=\"{\n 'k-icon':true,\n 'k-i-arrow-e': true\n }\">\n </span>\n </a>\n <a href=\"#\"\n tabindex=\"-1\"\n [title]=\"textFor('pagerLastPage')\"\n (click)=\"currentPage !== totalPages ? changePage(totalPages-1) : false\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-disabled': disabled,\n 'k-pager-last': true\n }\">\n <span [attr.aria-label]=\"textFor('pagerLastPage')\"\n [ngClass]=\"{\n 'k-icon':true,\n 'k-i-seek-e': true\n }\">\n </span>\n </a>\n "
|
|
12328
|
+
template: "\n <a href=\"#\"\n tabindex=\"-1\"\n [title]=\"textFor('pagerNextPage')\"\n (click)=\"currentPage !== totalPages ? changePage(currentPage) : false\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-state-disabled': disabled,\n '': true\n }\">\n <span [attr.aria-label]=\"textFor('pagerNextPage')\"\n [ngClass]=\"{\n 'k-icon':true,\n 'k-i-arrow-e': true\n }\">\n </span>\n </a>\n <a href=\"#\"\n tabindex=\"-1\"\n [title]=\"textFor('pagerLastPage')\"\n (click)=\"currentPage !== totalPages ? changePage(totalPages-1) : false\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-state-disabled': disabled,\n 'k-pager-last': true\n }\">\n <span [attr.aria-label]=\"textFor('pagerLastPage')\"\n [ngClass]=\"{\n 'k-icon':true,\n 'k-i-seek-e': true\n }\">\n </span>\n </a>\n "
|
|
12329
12329
|
}),
|
|
12330
12330
|
__metadata("design:paramtypes", [LocalizationService,
|
|
12331
12331
|
PagerContextService,
|
|
@@ -12436,7 +12436,7 @@ var PagerNumericButtonsComponent = /** @class */ (function (_super) {
|
|
|
12436
12436
|
Component({
|
|
12437
12437
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
12438
12438
|
selector: 'kendo-treelist-pager-numeric-buttons',
|
|
12439
|
-
template: "\n <select\n class=\"k-dropdown\"\n [value]=\"(currentPage).toString()\"\n (change)=\"onSelectChange($event)\">\n <option *ngIf=\"start > 1\"\n class=\"k-link\"\n value=\"previousButtons\"\n [attr.aria-label]=\"pageLabel(start - 1)\">...\n </option>\n <option *ngFor=\"let num of buttons\"\n [value]=\"num.toString()\"\n [attr.aria-label]=\"pageLabel(num)\"\n [attr.aria-current]=\"currentPage == num ? 'page' : undefined\"\n [ngClass]=\"{'k-link': true, 'k-selected':currentPage == num}\">\n {{num}}\n </option>\n <option *ngIf=\"end < totalPages\"\n value=\"nextButtons\"\n class=\"k-link\"\n [attr.aria-label]=\"pageLabel(end + 1)\">...\n </option>\n </select>\n <ul [ngClass]=\"{'k-pager-numbers': true, 'k-reset': true}\">\n <li *ngIf=\"start > 1\">\n <a class=\"k-link\"\n [attr.aria-label]=\"pageLabel(start - 1)\"\n href=\"#\"\n tabindex=\"-1\"\n (click)=\"changePage(start - 2)\">...</a>\n </li>\n <li *ngFor=\"let num of buttons\">\n <a href=\"#\"\n [attr.aria-label]=\"pageLabel(num)\"\n tabindex=\"-1\"\n [ngClass]=\"{'k-link': true, 'k-selected':currentPage == num}\"\n (click)=\"changePage(num - 1)\">\n {{num}}\n </a>\n </li>\n <li *ngIf=\"end < totalPages\">\n <a class=\"k-link\"\n [attr.aria-label]=\"pageLabel(end + 1)\"\n href=\"#\"\n tabindex=\"-1\"\n (click)=\"changePage(end)\">...</a>\n </li>\n </ul>\n "
|
|
12439
|
+
template: "\n <select\n class=\"k-dropdown\"\n [value]=\"(currentPage).toString()\"\n (change)=\"onSelectChange($event)\">\n <option *ngIf=\"start > 1\"\n class=\"k-link\"\n value=\"previousButtons\"\n [attr.aria-label]=\"pageLabel(start - 1)\">...\n </option>\n <option *ngFor=\"let num of buttons\"\n [value]=\"num.toString()\"\n [attr.aria-label]=\"pageLabel(num)\"\n [attr.aria-current]=\"currentPage == num ? 'page' : undefined\"\n [ngClass]=\"{'k-link': true, 'k-state-selected':currentPage == num}\">\n {{num}}\n </option>\n <option *ngIf=\"end < totalPages\"\n value=\"nextButtons\"\n class=\"k-link\"\n [attr.aria-label]=\"pageLabel(end + 1)\">...\n </option>\n </select>\n <ul [ngClass]=\"{'k-pager-numbers': true, 'k-reset': true}\">\n <li *ngIf=\"start > 1\">\n <a class=\"k-link\"\n [attr.aria-label]=\"pageLabel(start - 1)\"\n href=\"#\"\n tabindex=\"-1\"\n (click)=\"changePage(start - 2)\">...</a>\n </li>\n <li *ngFor=\"let num of buttons\">\n <a href=\"#\"\n [attr.aria-label]=\"pageLabel(num)\"\n tabindex=\"-1\"\n [ngClass]=\"{'k-link': true, 'k-state-selected':currentPage == num}\"\n (click)=\"changePage(num - 1)\">\n {{num}}\n </a>\n </li>\n <li *ngIf=\"end < totalPages\">\n <a class=\"k-link\"\n [attr.aria-label]=\"pageLabel(end + 1)\"\n href=\"#\"\n tabindex=\"-1\"\n (click)=\"changePage(end)\">...</a>\n </li>\n </ul>\n "
|
|
12440
12440
|
}),
|
|
12441
12441
|
__metadata("design:paramtypes", [LocalizationService,
|
|
12442
12442
|
ChangeDetectorRef,
|
|
@@ -15400,7 +15400,7 @@ var ColumnMenuItemComponent = /** @class */ (function () {
|
|
|
15400
15400
|
])
|
|
15401
15401
|
],
|
|
15402
15402
|
selector: 'kendo-treelist-columnmenu-item',
|
|
15403
|
-
template: "\n <div class=\"k-columnmenu-item\" (click)=\"onClick($event)\" [class.k-selected]=\"selected\" [class.k-disabled]=\"disabled\">\n <span *ngIf=\"icon\" class=\"k-icon\" [ngClass]=\"iconClass\">\n </span>\n {{ text }}\n </div>\n <div *ngIf=\"contentTemplate\" [@state]=\"contentState\" style=\"overflow:hidden;\" class=\"k-columnmenu-item-content\">\n <ng-container [ngTemplateOutlet]=\"contentTemplate.templateRef\">\n </ng-container>\n <div>\n "
|
|
15403
|
+
template: "\n <div class=\"k-columnmenu-item\" (click)=\"onClick($event)\" [class.k-state-selected]=\"selected\" [class.k-state-disabled]=\"disabled\">\n <span *ngIf=\"icon\" class=\"k-icon\" [ngClass]=\"iconClass\">\n </span>\n {{ text }}\n </div>\n <div *ngIf=\"contentTemplate\" [@state]=\"contentState\" style=\"overflow:hidden;\" class=\"k-columnmenu-item-content\">\n <ng-container [ngTemplateOutlet]=\"contentTemplate.templateRef\">\n </ng-container>\n <div>\n "
|
|
15404
15404
|
})
|
|
15405
15405
|
], ColumnMenuItemComponent);
|
|
15406
15406
|
return ColumnMenuItemComponent;
|
|
@@ -16240,7 +16240,7 @@ var TableBodyComponent = /** @class */ (function () {
|
|
|
16240
16240
|
TableBodyComponent = __decorate([
|
|
16241
16241
|
Component({
|
|
16242
16242
|
selector: '[kendoTreeListTableBody]',
|
|
16243
|
-
template: "\n <tr *ngIf=\"!view || view.data?.length === 0 || view.data == null\" class=\"k-grid-norecords\">\n <td [attr.colspan]=\"colSpan\">\n <ng-container *ngIf=\"noRecordsTemplate?.templateRef\" [ngTemplateOutlet]=\"noRecordsTemplate.templateRef\">\n </ng-container>\n <ng-container *ngIf=\"!noRecordsTemplate?.templateRef\">\n {{noRecordsText}}\n </ng-container>\n </td>\n </tr>\n <ng-container *ngFor=\"let item of view?.data;let rowIndex = index;trackBy: trackByWrapper;\">\n <tr *ngIf=\"item.type === 'data'\"\n kendoTreeListLogicalRow\n [dataRowIndex]=\"item.index\"\n [dataItem]=\"item.data\"\n [logicalRowIndex]=\"logicalRowIndex(item.rowIndex)\"\n [logicalSlaveRow]=\"lockedColumnsCount > 0\"\n [logicalCellsCount]=\"columns.length\"\n [logicalSlaveCellsCount]=\"unlockedColumnsCount\"\n [isNew]=\"item.isNew\"\n [ngClass]=\"rowClass({ dataItem: item.data, index: item.index })\"\n [class.k-alt]=\"isOdd(item)\"\n [class.k-grid-edit-row]=\"isEditingRow(item)\"\n [class.k-grid-add-row]=\"item.isNew\"\n [class.k-selected]=\"item.selected\"\n [attr.data-treelist-view-index]=\"rowIndex\">\n\n <td kendoTreeListCell\n [columnIndex]=\"lockedColumnsCount + columnIndex\"\n [column]=\"column\"\n [viewItem]=\"item\"\n [dataItem]=\"item.data\"\n [level]=\"item.level\"\n [hasChildren]=\"item.hasChildren\"\n [isExpanded]=\"item.expanded\"\n [loading]=\"item.loading\"\n [isNew]=\"item.isNew\"\n [selected]=\"item.selected\"\n [expandIcons]=\"expandIcons\"\n kendoTreeListLogicalCell\n [logicalRowIndex]=\"logicalRowIndex(item.rowIndex)\"\n [logicalColIndex]=\"logicalColIndex(column)\"\n [dataRowIndex]=\"item.index\"\n [column]=\"column\"\n [colIndex]=\"columnIndex\"\n [colSpan]=\"column.colspan\"\n [expandable]=\"column.expandable\"\n role=\"gridcell\"\n [attr.aria-expanded]=\"ariaExpanded(item, column)\"\n [attr.aria-selected]=\"ariaSelected(item, column, lockedColumnsCount + columnIndex)\"\n [ngClass]=\"column.cssClass\"\n [class.k-grid-edit-cell]=\"isEditingCell(item, column)\"\n [class.k-selected]=\"isCellSelected(item.data, column, lockedColumnsCount + columnIndex)\"\n [ngStyle]=\"column.style\"\n [attr.colspan]=\"column.colspan\"\n *ngFor=\"let column of columns; let columnIndex = index; trackBy: trackByColumns;\">\n </td>\n </tr>\n <tr *ngIf=\"item.type === 'footer' && hasFooter\"\n class=\"k-footer\"\n [attr.data-treelist-view-index]=\"rowIndex\"\n kendoTreeListLogicalRow\n [logicalRowIndex]=\"logicalRowIndex(item.rowIndex)\"\n [logicalSlaveRow]=\"lockedColumnsCount > 0\"\n [logicalCellsCount]=\"columns.length\"\n [logicalSlaveCellsCount]=\"unlockedColumnsCount\">\n\n <td kendoTreeListLogicalCell\n [logicalRowIndex]=\"logicalRowIndex(item.rowIndex)\"\n [logicalColIndex]=\"logicalColIndex(column)\"\n [column]=\"column\"\n [colIndex]=\"columnIndex\"\n [ngClass]=\"column.footerClass\"\n [ngStyle]=\"column.footerStyle\"\n *ngFor=\"let column of footerColumns; let columnIndex = index; trackBy: trackByColumns;\">\n <ng-container *ngIf=\"column.expandable\">\n <span class=\"k-icon k-i-none\" *ngFor=\"let item of item.level | levelItems\"></span>\n </ng-container>\n <ng-container [ngTemplateOutlet]=\"column.footerTemplateRef\"\n [ngTemplateOutletContext]=\"{\n $implicit: item.aggregates,\n aggregates: item.aggregates,\n column: column,\n columnIndex: columnIndex,\n field: column.field,\n items: item.items,\n parentItem: item.parentItem\n }\">\n </ng-container>\n </td>\n </tr>\n </ng-container>\n "
|
|
16243
|
+
template: "\n <tr *ngIf=\"!view || view.data?.length === 0 || view.data == null\" class=\"k-grid-norecords\">\n <td [attr.colspan]=\"colSpan\">\n <ng-container *ngIf=\"noRecordsTemplate?.templateRef\" [ngTemplateOutlet]=\"noRecordsTemplate.templateRef\">\n </ng-container>\n <ng-container *ngIf=\"!noRecordsTemplate?.templateRef\">\n {{noRecordsText}}\n </ng-container>\n </td>\n </tr>\n <ng-container *ngFor=\"let item of view?.data;let rowIndex = index;trackBy: trackByWrapper;\">\n <tr *ngIf=\"item.type === 'data'\"\n kendoTreeListLogicalRow\n [dataRowIndex]=\"item.index\"\n [dataItem]=\"item.data\"\n [logicalRowIndex]=\"logicalRowIndex(item.rowIndex)\"\n [logicalSlaveRow]=\"lockedColumnsCount > 0\"\n [logicalCellsCount]=\"columns.length\"\n [logicalSlaveCellsCount]=\"unlockedColumnsCount\"\n [isNew]=\"item.isNew\"\n [ngClass]=\"rowClass({ dataItem: item.data, index: item.index })\"\n [class.k-alt]=\"isOdd(item)\"\n [class.k-grid-edit-row]=\"isEditingRow(item)\"\n [class.k-grid-add-row]=\"item.isNew\"\n [class.k-state-selected]=\"item.selected\"\n [attr.data-treelist-view-index]=\"rowIndex\">\n\n <td kendoTreeListCell\n [columnIndex]=\"lockedColumnsCount + columnIndex\"\n [column]=\"column\"\n [viewItem]=\"item\"\n [dataItem]=\"item.data\"\n [level]=\"item.level\"\n [hasChildren]=\"item.hasChildren\"\n [isExpanded]=\"item.expanded\"\n [loading]=\"item.loading\"\n [isNew]=\"item.isNew\"\n [selected]=\"item.selected\"\n [expandIcons]=\"expandIcons\"\n kendoTreeListLogicalCell\n [logicalRowIndex]=\"logicalRowIndex(item.rowIndex)\"\n [logicalColIndex]=\"logicalColIndex(column)\"\n [dataRowIndex]=\"item.index\"\n [column]=\"column\"\n [colIndex]=\"columnIndex\"\n [colSpan]=\"column.colspan\"\n [expandable]=\"column.expandable\"\n role=\"gridcell\"\n [attr.aria-expanded]=\"ariaExpanded(item, column)\"\n [attr.aria-selected]=\"ariaSelected(item, column, lockedColumnsCount + columnIndex)\"\n [ngClass]=\"column.cssClass\"\n [class.k-grid-edit-cell]=\"isEditingCell(item, column)\"\n [class.k-state-selected]=\"isCellSelected(item.data, column, lockedColumnsCount + columnIndex)\"\n [ngStyle]=\"column.style\"\n [attr.colspan]=\"column.colspan\"\n *ngFor=\"let column of columns; let columnIndex = index; trackBy: trackByColumns;\">\n </td>\n </tr>\n <tr *ngIf=\"item.type === 'footer' && hasFooter\"\n class=\"k-footer\"\n [attr.data-treelist-view-index]=\"rowIndex\"\n kendoTreeListLogicalRow\n [logicalRowIndex]=\"logicalRowIndex(item.rowIndex)\"\n [logicalSlaveRow]=\"lockedColumnsCount > 0\"\n [logicalCellsCount]=\"columns.length\"\n [logicalSlaveCellsCount]=\"unlockedColumnsCount\">\n\n <td kendoTreeListLogicalCell\n [logicalRowIndex]=\"logicalRowIndex(item.rowIndex)\"\n [logicalColIndex]=\"logicalColIndex(column)\"\n [column]=\"column\"\n [colIndex]=\"columnIndex\"\n [ngClass]=\"column.footerClass\"\n [ngStyle]=\"column.footerStyle\"\n *ngFor=\"let column of footerColumns; let columnIndex = index; trackBy: trackByColumns;\">\n <ng-container *ngIf=\"column.expandable\">\n <span class=\"k-icon k-i-none\" *ngFor=\"let item of item.level | levelItems\"></span>\n </ng-container>\n <ng-container [ngTemplateOutlet]=\"column.footerTemplateRef\"\n [ngTemplateOutletContext]=\"{\n $implicit: item.aggregates,\n aggregates: item.aggregates,\n column: column,\n columnIndex: columnIndex,\n field: column.field,\n items: item.items,\n parentItem: item.parentItem\n }\">\n </ng-container>\n </td>\n </tr>\n </ng-container>\n "
|
|
16244
16244
|
}),
|
|
16245
16245
|
__metadata("design:paramtypes", [ChangeNotificationService,
|
|
16246
16246
|
EditService,
|
|
@@ -128,7 +128,7 @@ var ColumnMenuItemComponent = /** @class */ (function () {
|
|
|
128
128
|
])
|
|
129
129
|
],
|
|
130
130
|
selector: 'kendo-treelist-columnmenu-item',
|
|
131
|
-
template: "\n <div class=\"k-columnmenu-item\" (click)=\"onClick($event)\" [class.k-selected]=\"selected\" [class.k-disabled]=\"disabled\">\n <span *ngIf=\"icon\" class=\"k-icon\" [ngClass]=\"iconClass\">\n </span>\n {{ text }}\n </div>\n <div *ngIf=\"contentTemplate\" [@state]=\"contentState\" style=\"overflow:hidden;\" class=\"k-columnmenu-item-content\">\n <ng-container [ngTemplateOutlet]=\"contentTemplate.templateRef\">\n </ng-container>\n <div>\n "
|
|
131
|
+
template: "\n <div class=\"k-columnmenu-item\" (click)=\"onClick($event)\" [class.k-state-selected]=\"selected\" [class.k-state-disabled]=\"disabled\">\n <span *ngIf=\"icon\" class=\"k-icon\" [ngClass]=\"iconClass\">\n </span>\n {{ text }}\n </div>\n <div *ngIf=\"contentTemplate\" [@state]=\"contentState\" style=\"overflow:hidden;\" class=\"k-columnmenu-item-content\">\n <ng-container [ngTemplateOutlet]=\"contentTemplate.templateRef\">\n </ng-container>\n <div>\n "
|
|
132
132
|
})
|
|
133
133
|
], ColumnMenuItemComponent);
|
|
134
134
|
return ColumnMenuItemComponent;
|
|
@@ -108,11 +108,11 @@ var LogicalCellDirective = /** @class */ (function () {
|
|
|
108
108
|
return _this.isFocused() && el.focus();
|
|
109
109
|
});
|
|
110
110
|
}
|
|
111
|
-
this.renderer.addClass(el, 'k-
|
|
111
|
+
this.renderer.addClass(el, 'k-state-focused');
|
|
112
112
|
}
|
|
113
113
|
}
|
|
114
114
|
else {
|
|
115
|
-
this.renderer.removeClass(el, 'k-
|
|
115
|
+
this.renderer.removeClass(el, 'k-state-focused');
|
|
116
116
|
}
|
|
117
117
|
};
|
|
118
118
|
LogicalCellDirective.prototype.microtask = function (callback) {
|
|
@@ -11,7 +11,7 @@ exports.packageMetadata = {
|
|
|
11
11
|
name: '@progress/kendo-angular-treelist',
|
|
12
12
|
productName: 'Kendo UI for Angular',
|
|
13
13
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
14
|
-
publishDate:
|
|
14
|
+
publishDate: 1642687822,
|
|
15
15
|
version: '',
|
|
16
16
|
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'
|
|
17
17
|
};
|
|
@@ -43,7 +43,7 @@ var PagerNextButtonsComponent = /** @class */ (function (_super) {
|
|
|
43
43
|
core_1.Component({
|
|
44
44
|
changeDetection: core_1.ChangeDetectionStrategy.OnPush,
|
|
45
45
|
selector: 'kendo-treelist-pager-next-buttons',
|
|
46
|
-
template: "\n <a href=\"#\"\n tabindex=\"-1\"\n [title]=\"textFor('pagerNextPage')\"\n (click)=\"currentPage !== totalPages ? changePage(currentPage) : false\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-disabled': disabled,\n '': true\n }\">\n <span [attr.aria-label]=\"textFor('pagerNextPage')\"\n [ngClass]=\"{\n 'k-icon':true,\n 'k-i-arrow-e': true\n }\">\n </span>\n </a>\n <a href=\"#\"\n tabindex=\"-1\"\n [title]=\"textFor('pagerLastPage')\"\n (click)=\"currentPage !== totalPages ? changePage(totalPages-1) : false\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-disabled': disabled,\n 'k-pager-last': true\n }\">\n <span [attr.aria-label]=\"textFor('pagerLastPage')\"\n [ngClass]=\"{\n 'k-icon':true,\n 'k-i-seek-e': true\n }\">\n </span>\n </a>\n "
|
|
46
|
+
template: "\n <a href=\"#\"\n tabindex=\"-1\"\n [title]=\"textFor('pagerNextPage')\"\n (click)=\"currentPage !== totalPages ? changePage(currentPage) : false\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-state-disabled': disabled,\n '': true\n }\">\n <span [attr.aria-label]=\"textFor('pagerNextPage')\"\n [ngClass]=\"{\n 'k-icon':true,\n 'k-i-arrow-e': true\n }\">\n </span>\n </a>\n <a href=\"#\"\n tabindex=\"-1\"\n [title]=\"textFor('pagerLastPage')\"\n (click)=\"currentPage !== totalPages ? changePage(totalPages-1) : false\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-state-disabled': disabled,\n 'k-pager-last': true\n }\">\n <span [attr.aria-label]=\"textFor('pagerLastPage')\"\n [ngClass]=\"{\n 'k-icon':true,\n 'k-i-seek-e': true\n }\">\n </span>\n </a>\n "
|
|
47
47
|
}),
|
|
48
48
|
tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService,
|
|
49
49
|
pager_context_service_1.PagerContextService,
|
|
@@ -111,7 +111,7 @@ var PagerNumericButtonsComponent = /** @class */ (function (_super) {
|
|
|
111
111
|
core_1.Component({
|
|
112
112
|
changeDetection: core_1.ChangeDetectionStrategy.OnPush,
|
|
113
113
|
selector: 'kendo-treelist-pager-numeric-buttons',
|
|
114
|
-
template: "\n <select\n class=\"k-dropdown\"\n [value]=\"(currentPage).toString()\"\n (change)=\"onSelectChange($event)\">\n <option *ngIf=\"start > 1\"\n class=\"k-link\"\n value=\"previousButtons\"\n [attr.aria-label]=\"pageLabel(start - 1)\">...\n </option>\n <option *ngFor=\"let num of buttons\"\n [value]=\"num.toString()\"\n [attr.aria-label]=\"pageLabel(num)\"\n [attr.aria-current]=\"currentPage == num ? 'page' : undefined\"\n [ngClass]=\"{'k-link': true, 'k-selected':currentPage == num}\">\n {{num}}\n </option>\n <option *ngIf=\"end < totalPages\"\n value=\"nextButtons\"\n class=\"k-link\"\n [attr.aria-label]=\"pageLabel(end + 1)\">...\n </option>\n </select>\n <ul [ngClass]=\"{'k-pager-numbers': true, 'k-reset': true}\">\n <li *ngIf=\"start > 1\">\n <a class=\"k-link\"\n [attr.aria-label]=\"pageLabel(start - 1)\"\n href=\"#\"\n tabindex=\"-1\"\n (click)=\"changePage(start - 2)\">...</a>\n </li>\n <li *ngFor=\"let num of buttons\">\n <a href=\"#\"\n [attr.aria-label]=\"pageLabel(num)\"\n tabindex=\"-1\"\n [ngClass]=\"{'k-link': true, 'k-selected':currentPage == num}\"\n (click)=\"changePage(num - 1)\">\n {{num}}\n </a>\n </li>\n <li *ngIf=\"end < totalPages\">\n <a class=\"k-link\"\n [attr.aria-label]=\"pageLabel(end + 1)\"\n href=\"#\"\n tabindex=\"-1\"\n (click)=\"changePage(end)\">...</a>\n </li>\n </ul>\n "
|
|
114
|
+
template: "\n <select\n class=\"k-dropdown\"\n [value]=\"(currentPage).toString()\"\n (change)=\"onSelectChange($event)\">\n <option *ngIf=\"start > 1\"\n class=\"k-link\"\n value=\"previousButtons\"\n [attr.aria-label]=\"pageLabel(start - 1)\">...\n </option>\n <option *ngFor=\"let num of buttons\"\n [value]=\"num.toString()\"\n [attr.aria-label]=\"pageLabel(num)\"\n [attr.aria-current]=\"currentPage == num ? 'page' : undefined\"\n [ngClass]=\"{'k-link': true, 'k-state-selected':currentPage == num}\">\n {{num}}\n </option>\n <option *ngIf=\"end < totalPages\"\n value=\"nextButtons\"\n class=\"k-link\"\n [attr.aria-label]=\"pageLabel(end + 1)\">...\n </option>\n </select>\n <ul [ngClass]=\"{'k-pager-numbers': true, 'k-reset': true}\">\n <li *ngIf=\"start > 1\">\n <a class=\"k-link\"\n [attr.aria-label]=\"pageLabel(start - 1)\"\n href=\"#\"\n tabindex=\"-1\"\n (click)=\"changePage(start - 2)\">...</a>\n </li>\n <li *ngFor=\"let num of buttons\">\n <a href=\"#\"\n [attr.aria-label]=\"pageLabel(num)\"\n tabindex=\"-1\"\n [ngClass]=\"{'k-link': true, 'k-state-selected':currentPage == num}\"\n (click)=\"changePage(num - 1)\">\n {{num}}\n </a>\n </li>\n <li *ngIf=\"end < totalPages\">\n <a class=\"k-link\"\n [attr.aria-label]=\"pageLabel(end + 1)\"\n href=\"#\"\n tabindex=\"-1\"\n (click)=\"changePage(end)\">...</a>\n </li>\n </ul>\n "
|
|
115
115
|
}),
|
|
116
116
|
tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService,
|
|
117
117
|
core_1.ChangeDetectorRef,
|
|
@@ -43,7 +43,7 @@ var PagerPrevButtonsComponent = /** @class */ (function (_super) {
|
|
|
43
43
|
core_1.Component({
|
|
44
44
|
changeDetection: core_1.ChangeDetectionStrategy.OnPush,
|
|
45
45
|
selector: 'kendo-treelist-pager-prev-buttons',
|
|
46
|
-
template: "\n <a href=\"#\"\n tabindex=\"-1\"\n [title]=\"textFor('pagerFirstPage')\"\n (click)=\"currentPage !== 1 ? changePage(0) : false\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-disabled': disabled,\n 'k-pager-first': true\n }\">\n <span [attr.aria-label]=\"textFor('pagerFirstPage')\"\n [ngClass]=\"{\n 'k-icon':true,\n 'k-i-seek-w': true\n }\">\n </span>\n </a>\n <a href=\"#\"\n tabindex=\"-1\"\n [title]=\"textFor('pagerPreviousPage')\"\n (click)=\"currentPage !== 1 ? changePage(currentPage-2) : false\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-disabled': disabled,\n '': true\n }\">\n <span [attr.aria-label]=\"textFor('pagerPreviousPage')\"\n [ngClass]=\"{\n 'k-icon':true,\n 'k-i-arrow-w': true\n }\">\n </span>\n </a>\n "
|
|
46
|
+
template: "\n <a href=\"#\"\n tabindex=\"-1\"\n [title]=\"textFor('pagerFirstPage')\"\n (click)=\"currentPage !== 1 ? changePage(0) : false\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-state-disabled': disabled,\n 'k-pager-first': true\n }\">\n <span [attr.aria-label]=\"textFor('pagerFirstPage')\"\n [ngClass]=\"{\n 'k-icon':true,\n 'k-i-seek-w': true\n }\">\n </span>\n </a>\n <a href=\"#\"\n tabindex=\"-1\"\n [title]=\"textFor('pagerPreviousPage')\"\n (click)=\"currentPage !== 1 ? changePage(currentPage-2) : false\"\n [ngClass]=\"{\n 'k-link': true,\n 'k-pager-nav': true,\n 'k-state-disabled': disabled,\n '': true\n }\">\n <span [attr.aria-label]=\"textFor('pagerPreviousPage')\"\n [ngClass]=\"{\n 'k-icon':true,\n 'k-i-arrow-w': true\n }\">\n </span>\n </a>\n "
|
|
47
47
|
}),
|
|
48
48
|
tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService,
|
|
49
49
|
pager_context_service_1.PagerContextService,
|
|
@@ -386,7 +386,7 @@ var TableBodyComponent = /** @class */ (function () {
|
|
|
386
386
|
TableBodyComponent = tslib_1.__decorate([
|
|
387
387
|
core_1.Component({
|
|
388
388
|
selector: '[kendoTreeListTableBody]',
|
|
389
|
-
template: "\n <tr *ngIf=\"!view || view.data?.length === 0 || view.data == null\" class=\"k-grid-norecords\">\n <td [attr.colspan]=\"colSpan\">\n <ng-container *ngIf=\"noRecordsTemplate?.templateRef\" [ngTemplateOutlet]=\"noRecordsTemplate.templateRef\">\n </ng-container>\n <ng-container *ngIf=\"!noRecordsTemplate?.templateRef\">\n {{noRecordsText}}\n </ng-container>\n </td>\n </tr>\n <ng-container *ngFor=\"let item of view?.data;let rowIndex = index;trackBy: trackByWrapper;\">\n <tr *ngIf=\"item.type === 'data'\"\n kendoTreeListLogicalRow\n [dataRowIndex]=\"item.index\"\n [dataItem]=\"item.data\"\n [logicalRowIndex]=\"logicalRowIndex(item.rowIndex)\"\n [logicalSlaveRow]=\"lockedColumnsCount > 0\"\n [logicalCellsCount]=\"columns.length\"\n [logicalSlaveCellsCount]=\"unlockedColumnsCount\"\n [isNew]=\"item.isNew\"\n [ngClass]=\"rowClass({ dataItem: item.data, index: item.index })\"\n [class.k-alt]=\"isOdd(item)\"\n [class.k-grid-edit-row]=\"isEditingRow(item)\"\n [class.k-grid-add-row]=\"item.isNew\"\n [class.k-selected]=\"item.selected\"\n [attr.data-treelist-view-index]=\"rowIndex\">\n\n <td kendoTreeListCell\n [columnIndex]=\"lockedColumnsCount + columnIndex\"\n [column]=\"column\"\n [viewItem]=\"item\"\n [dataItem]=\"item.data\"\n [level]=\"item.level\"\n [hasChildren]=\"item.hasChildren\"\n [isExpanded]=\"item.expanded\"\n [loading]=\"item.loading\"\n [isNew]=\"item.isNew\"\n [selected]=\"item.selected\"\n [expandIcons]=\"expandIcons\"\n kendoTreeListLogicalCell\n [logicalRowIndex]=\"logicalRowIndex(item.rowIndex)\"\n [logicalColIndex]=\"logicalColIndex(column)\"\n [dataRowIndex]=\"item.index\"\n [column]=\"column\"\n [colIndex]=\"columnIndex\"\n [colSpan]=\"column.colspan\"\n [expandable]=\"column.expandable\"\n role=\"gridcell\"\n [attr.aria-expanded]=\"ariaExpanded(item, column)\"\n [attr.aria-selected]=\"ariaSelected(item, column, lockedColumnsCount + columnIndex)\"\n [ngClass]=\"column.cssClass\"\n [class.k-grid-edit-cell]=\"isEditingCell(item, column)\"\n [class.k-selected]=\"isCellSelected(item.data, column, lockedColumnsCount + columnIndex)\"\n [ngStyle]=\"column.style\"\n [attr.colspan]=\"column.colspan\"\n *ngFor=\"let column of columns; let columnIndex = index; trackBy: trackByColumns;\">\n </td>\n </tr>\n <tr *ngIf=\"item.type === 'footer' && hasFooter\"\n class=\"k-footer\"\n [attr.data-treelist-view-index]=\"rowIndex\"\n kendoTreeListLogicalRow\n [logicalRowIndex]=\"logicalRowIndex(item.rowIndex)\"\n [logicalSlaveRow]=\"lockedColumnsCount > 0\"\n [logicalCellsCount]=\"columns.length\"\n [logicalSlaveCellsCount]=\"unlockedColumnsCount\">\n\n <td kendoTreeListLogicalCell\n [logicalRowIndex]=\"logicalRowIndex(item.rowIndex)\"\n [logicalColIndex]=\"logicalColIndex(column)\"\n [column]=\"column\"\n [colIndex]=\"columnIndex\"\n [ngClass]=\"column.footerClass\"\n [ngStyle]=\"column.footerStyle\"\n *ngFor=\"let column of footerColumns; let columnIndex = index; trackBy: trackByColumns;\">\n <ng-container *ngIf=\"column.expandable\">\n <span class=\"k-icon k-i-none\" *ngFor=\"let item of item.level | levelItems\"></span>\n </ng-container>\n <ng-container [ngTemplateOutlet]=\"column.footerTemplateRef\"\n [ngTemplateOutletContext]=\"{\n $implicit: item.aggregates,\n aggregates: item.aggregates,\n column: column,\n columnIndex: columnIndex,\n field: column.field,\n items: item.items,\n parentItem: item.parentItem\n }\">\n </ng-container>\n </td>\n </tr>\n </ng-container>\n "
|
|
389
|
+
template: "\n <tr *ngIf=\"!view || view.data?.length === 0 || view.data == null\" class=\"k-grid-norecords\">\n <td [attr.colspan]=\"colSpan\">\n <ng-container *ngIf=\"noRecordsTemplate?.templateRef\" [ngTemplateOutlet]=\"noRecordsTemplate.templateRef\">\n </ng-container>\n <ng-container *ngIf=\"!noRecordsTemplate?.templateRef\">\n {{noRecordsText}}\n </ng-container>\n </td>\n </tr>\n <ng-container *ngFor=\"let item of view?.data;let rowIndex = index;trackBy: trackByWrapper;\">\n <tr *ngIf=\"item.type === 'data'\"\n kendoTreeListLogicalRow\n [dataRowIndex]=\"item.index\"\n [dataItem]=\"item.data\"\n [logicalRowIndex]=\"logicalRowIndex(item.rowIndex)\"\n [logicalSlaveRow]=\"lockedColumnsCount > 0\"\n [logicalCellsCount]=\"columns.length\"\n [logicalSlaveCellsCount]=\"unlockedColumnsCount\"\n [isNew]=\"item.isNew\"\n [ngClass]=\"rowClass({ dataItem: item.data, index: item.index })\"\n [class.k-alt]=\"isOdd(item)\"\n [class.k-grid-edit-row]=\"isEditingRow(item)\"\n [class.k-grid-add-row]=\"item.isNew\"\n [class.k-state-selected]=\"item.selected\"\n [attr.data-treelist-view-index]=\"rowIndex\">\n\n <td kendoTreeListCell\n [columnIndex]=\"lockedColumnsCount + columnIndex\"\n [column]=\"column\"\n [viewItem]=\"item\"\n [dataItem]=\"item.data\"\n [level]=\"item.level\"\n [hasChildren]=\"item.hasChildren\"\n [isExpanded]=\"item.expanded\"\n [loading]=\"item.loading\"\n [isNew]=\"item.isNew\"\n [selected]=\"item.selected\"\n [expandIcons]=\"expandIcons\"\n kendoTreeListLogicalCell\n [logicalRowIndex]=\"logicalRowIndex(item.rowIndex)\"\n [logicalColIndex]=\"logicalColIndex(column)\"\n [dataRowIndex]=\"item.index\"\n [column]=\"column\"\n [colIndex]=\"columnIndex\"\n [colSpan]=\"column.colspan\"\n [expandable]=\"column.expandable\"\n role=\"gridcell\"\n [attr.aria-expanded]=\"ariaExpanded(item, column)\"\n [attr.aria-selected]=\"ariaSelected(item, column, lockedColumnsCount + columnIndex)\"\n [ngClass]=\"column.cssClass\"\n [class.k-grid-edit-cell]=\"isEditingCell(item, column)\"\n [class.k-state-selected]=\"isCellSelected(item.data, column, lockedColumnsCount + columnIndex)\"\n [ngStyle]=\"column.style\"\n [attr.colspan]=\"column.colspan\"\n *ngFor=\"let column of columns; let columnIndex = index; trackBy: trackByColumns;\">\n </td>\n </tr>\n <tr *ngIf=\"item.type === 'footer' && hasFooter\"\n class=\"k-footer\"\n [attr.data-treelist-view-index]=\"rowIndex\"\n kendoTreeListLogicalRow\n [logicalRowIndex]=\"logicalRowIndex(item.rowIndex)\"\n [logicalSlaveRow]=\"lockedColumnsCount > 0\"\n [logicalCellsCount]=\"columns.length\"\n [logicalSlaveCellsCount]=\"unlockedColumnsCount\">\n\n <td kendoTreeListLogicalCell\n [logicalRowIndex]=\"logicalRowIndex(item.rowIndex)\"\n [logicalColIndex]=\"logicalColIndex(column)\"\n [column]=\"column\"\n [colIndex]=\"columnIndex\"\n [ngClass]=\"column.footerClass\"\n [ngStyle]=\"column.footerStyle\"\n *ngFor=\"let column of footerColumns; let columnIndex = index; trackBy: trackByColumns;\">\n <ng-container *ngIf=\"column.expandable\">\n <span class=\"k-icon k-i-none\" *ngFor=\"let item of item.level | levelItems\"></span>\n </ng-container>\n <ng-container [ngTemplateOutlet]=\"column.footerTemplateRef\"\n [ngTemplateOutletContext]=\"{\n $implicit: item.aggregates,\n aggregates: item.aggregates,\n column: column,\n columnIndex: columnIndex,\n field: column.field,\n items: item.items,\n parentItem: item.parentItem\n }\">\n </ng-container>\n </td>\n </tr>\n </ng-container>\n "
|
|
390
390
|
}),
|
|
391
391
|
tslib_1.__metadata("design:paramtypes", [change_notification_service_1.ChangeNotificationService,
|
|
392
392
|
edit_service_1.EditService,
|