@progress/kendo-angular-treelist 3.2.0-dev.202112201347 → 4.0.1-dev.202201201252
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 +2 -2
- package/dist/cdn/main.js +1 -1
- package/dist/es/column-menu/column-chooser.component.js +1 -1
- package/dist/es/column-menu/column-list.component.js +1 -1
- package/dist/es/dragdrop/draggable-column.directive.js +3 -3
- package/dist/es/filtering/cell/filter-cell-operators.component.js +1 -1
- package/dist/es/filtering/cell/string-filter-cell.component.js +1 -1
- package/dist/es/filtering/menu/boolean-filter-menu.component.js +1 -1
- package/dist/es/filtering/menu/filter-menu-container.component.js +1 -1
- package/dist/es/filtering/menu/string-filter-menu-input.component.js +1 -1
- package/dist/es/navigation/focusable.directive.js +1 -1
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/rendering/cell.component.js +1 -1
- package/dist/es/rendering/header/header.component.js +1 -1
- package/dist/es/treelist.component.js +4 -4
- package/dist/es2015/binding-directives/data-bound-tree-component.d.ts +1 -1
- package/dist/es2015/column-menu/column-chooser.component.js +2 -2
- package/dist/es2015/column-menu/column-list.component.js +19 -3
- package/dist/es2015/dragdrop/draggable-column.directive.js +3 -3
- package/dist/es2015/filtering/cell/filter-cell-operators.component.js +3 -3
- package/dist/es2015/filtering/cell/string-filter-cell.component.js +1 -1
- package/dist/es2015/filtering/menu/boolean-filter-menu.component.js +1 -1
- package/dist/es2015/filtering/menu/filter-menu-container.component.js +11 -2
- package/dist/es2015/filtering/menu/string-filter-menu-input.component.js +5 -1
- package/dist/es2015/index.metadata.json +1 -1
- package/dist/es2015/navigation/focusable.directive.d.ts +1 -1
- package/dist/es2015/navigation/focusable.directive.js +1 -1
- package/dist/es2015/package-metadata.js +1 -1
- package/dist/es2015/rendering/cell.component.js +7 -3
- package/dist/es2015/rendering/header/header.component.js +5 -2
- package/dist/es2015/treelist.component.d.ts +4 -4
- package/dist/es2015/treelist.component.js +4 -4
- package/dist/fesm2015/index.js +63 -27
- package/dist/fesm5/index.js +18 -18
- package/dist/npm/column-menu/column-chooser.component.js +1 -1
- package/dist/npm/column-menu/column-list.component.js +1 -1
- package/dist/npm/dragdrop/draggable-column.directive.js +3 -3
- package/dist/npm/filtering/cell/filter-cell-operators.component.js +1 -1
- package/dist/npm/filtering/cell/string-filter-cell.component.js +1 -1
- package/dist/npm/filtering/menu/boolean-filter-menu.component.js +1 -1
- package/dist/npm/filtering/menu/filter-menu-container.component.js +1 -1
- package/dist/npm/filtering/menu/string-filter-menu-input.component.js +1 -1
- package/dist/npm/navigation/focusable.directive.js +1 -1
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/rendering/cell.component.js +1 -1
- package/dist/npm/rendering/header/header.component.js +1 -1
- package/dist/npm/treelist.component.js +4 -4
- package/dist/systemjs/kendo-angular-treelist.js +1 -1
- package/package.json +12 -12
|
@@ -14,7 +14,7 @@ import { FocusableElement } from './focusable-element.interface';
|
|
|
14
14
|
* ```ts-no-run
|
|
15
15
|
* <kendo-treelist-column>
|
|
16
16
|
* <ng-template kendoTreeListCellTemplate let-cellContext="cellContext">
|
|
17
|
-
* <input type="button"
|
|
17
|
+
* <input type="button" kendoButton [kendoTreeListFocusable]="cellContext" value="Focus me!" />
|
|
18
18
|
* </ng-template>
|
|
19
19
|
* </kendo-treelist-column>
|
|
20
20
|
* ```
|
|
@@ -15,7 +15,7 @@ import { FocusGroup } from './focus-group';
|
|
|
15
15
|
* ```ts-no-run
|
|
16
16
|
* <kendo-treelist-column>
|
|
17
17
|
* <ng-template kendoTreeListCellTemplate let-cellContext="cellContext">
|
|
18
|
-
* <input type="button"
|
|
18
|
+
* <input type="button" kendoButton [kendoTreeListFocusable]="cellContext" value="Focus me!" />
|
|
19
19
|
* </ng-template>
|
|
20
20
|
* </kendo-treelist-column>
|
|
21
21
|
* ```
|
|
@@ -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: 1642682650,
|
|
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
|
};
|
|
@@ -184,7 +184,11 @@ CellComponent = tslib_1.__decorate([
|
|
|
184
184
|
</ng-container>
|
|
185
185
|
<ng-container *ngIf="isBoundColumn">{{ dataItem | valueOf: column.field: column.format}}</ng-container>
|
|
186
186
|
<ng-template [ngIf]="column.isCheckboxColumn && !isNew">
|
|
187
|
-
<input
|
|
187
|
+
<input
|
|
188
|
+
type="checkbox"
|
|
189
|
+
kendoTreeListFocusable
|
|
190
|
+
class="k-checkbox k-checkbox-md k-rounded-md"
|
|
191
|
+
[checked]="selected" />
|
|
188
192
|
</ng-template>
|
|
189
193
|
</ng-container>
|
|
190
194
|
<ng-container *ngSwitchCase="true">
|
|
@@ -211,7 +215,7 @@ CellComponent = tslib_1.__decorate([
|
|
|
211
215
|
<input
|
|
212
216
|
*ngSwitchCase="'boolean'"
|
|
213
217
|
type="checkbox"
|
|
214
|
-
class="k-checkbox"
|
|
218
|
+
class="k-checkbox k-checkbox-md k-rounded-md"
|
|
215
219
|
[formControl]="formGroup.get(column.field)"
|
|
216
220
|
kendoTreeListFocusable
|
|
217
221
|
/>
|
|
@@ -219,7 +223,7 @@ CellComponent = tslib_1.__decorate([
|
|
|
219
223
|
<input
|
|
220
224
|
*ngSwitchDefault
|
|
221
225
|
type="text"
|
|
222
|
-
class="k-textbox"
|
|
226
|
+
class="k-textbox k-input k-rounded-md"
|
|
223
227
|
[formControl]="formGroup.get(column.field)"
|
|
224
228
|
kendoTreeListFocusable
|
|
225
229
|
/>
|
|
@@ -507,8 +507,11 @@ HeaderComponent = tslib_1.__decorate([
|
|
|
507
507
|
</span>
|
|
508
508
|
</ng-template>
|
|
509
509
|
<ng-container *ngIf="renderSelectAll(column)">
|
|
510
|
-
<input
|
|
511
|
-
|
|
510
|
+
<input
|
|
511
|
+
type="checkbox"
|
|
512
|
+
class="k-checkbox k-checkbox-md k-rounded-md"
|
|
513
|
+
kendoTreeListFocusable
|
|
514
|
+
(click)="selectAllClick($event)" />
|
|
512
515
|
</ng-container>
|
|
513
516
|
<span kendoTreeListColumnHandle
|
|
514
517
|
kendoDraggable
|
|
@@ -662,7 +662,7 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
|
|
|
662
662
|
* [resizable]="true"
|
|
663
663
|
* style="height: 300px">
|
|
664
664
|
* <ng-template kendoTreeListToolbarTemplate>
|
|
665
|
-
* <button
|
|
665
|
+
* <button kendoButton (click)="treelist.autoFitColumn(groupColumn)">
|
|
666
666
|
* Auto-fit the group column
|
|
667
667
|
* </button>
|
|
668
668
|
* </ng-template>
|
|
@@ -726,10 +726,10 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
|
|
|
726
726
|
* [resizable]="true"
|
|
727
727
|
* style="height: 300px">
|
|
728
728
|
* <ng-template kendoTreeListToolbarTemplate>
|
|
729
|
-
* <button
|
|
729
|
+
* <button kendoButton (click)="treelist.autoFitColumns([firstColumn, lastColumn])">
|
|
730
730
|
* Auto-fit the first and last column
|
|
731
731
|
* </button>
|
|
732
|
-
* <button
|
|
732
|
+
* <button kendoButton (click)="treelist.autoFitColumns()">
|
|
733
733
|
* Auto-fit all columns
|
|
734
734
|
* </button>
|
|
735
735
|
* </ng-template>
|
|
@@ -853,7 +853,7 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
|
|
|
853
853
|
* [reorderable]="true"
|
|
854
854
|
* style="height: 300px">
|
|
855
855
|
* <ng-template kendoTreeListToolbarTemplate>
|
|
856
|
-
* <button
|
|
856
|
+
* <button kendoButton
|
|
857
857
|
* (click)="treelist.reorderColumn(groupColumn, 2, { before: true })">
|
|
858
858
|
* Move the group column before the last one.
|
|
859
859
|
* </button>
|
|
@@ -1069,7 +1069,7 @@ let TreeListComponent = TreeListComponent_1 = class TreeListComponent {
|
|
|
1069
1069
|
* [resizable]="true"
|
|
1070
1070
|
* style="height: 300px">
|
|
1071
1071
|
* <ng-template kendoTreeListToolbarTemplate>
|
|
1072
|
-
* <button
|
|
1072
|
+
* <button kendoButton (click)="treelist.autoFitColumn(groupColumn)">
|
|
1073
1073
|
* Auto-fit the group column
|
|
1074
1074
|
* </button>
|
|
1075
1075
|
* </ng-template>
|
|
@@ -1135,10 +1135,10 @@ let TreeListComponent = TreeListComponent_1 = class TreeListComponent {
|
|
|
1135
1135
|
* [resizable]="true"
|
|
1136
1136
|
* style="height: 300px">
|
|
1137
1137
|
* <ng-template kendoTreeListToolbarTemplate>
|
|
1138
|
-
* <button
|
|
1138
|
+
* <button kendoButton (click)="treelist.autoFitColumns([firstColumn, lastColumn])">
|
|
1139
1139
|
* Auto-fit the first and last column
|
|
1140
1140
|
* </button>
|
|
1141
|
-
* <button
|
|
1141
|
+
* <button kendoButton (click)="treelist.autoFitColumns()">
|
|
1142
1142
|
* Auto-fit all columns
|
|
1143
1143
|
* </button>
|
|
1144
1144
|
* </ng-template>
|
|
@@ -1316,7 +1316,7 @@ let TreeListComponent = TreeListComponent_1 = class TreeListComponent {
|
|
|
1316
1316
|
* [reorderable]="true"
|
|
1317
1317
|
* style="height: 300px">
|
|
1318
1318
|
* <ng-template kendoTreeListToolbarTemplate>
|
|
1319
|
-
* <button
|
|
1319
|
+
* <button kendoButton
|
|
1320
1320
|
* (click)="treelist.reorderColumn(groupColumn, 2, { before: true })">
|
|
1321
1321
|
* Move the group column before the last one.
|
|
1322
1322
|
* </button>
|
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: 1642682650,
|
|
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
|
};
|
|
@@ -3338,7 +3338,7 @@ FocusGroup = __decorate([
|
|
|
3338
3338
|
* ```ts-no-run
|
|
3339
3339
|
* <kendo-treelist-column>
|
|
3340
3340
|
* <ng-template kendoTreeListCellTemplate let-cellContext="cellContext">
|
|
3341
|
-
* <input type="button"
|
|
3341
|
+
* <input type="button" kendoButton [kendoTreeListFocusable]="cellContext" value="Focus me!" />
|
|
3342
3342
|
* </ng-template>
|
|
3343
3343
|
* </kendo-treelist-column>
|
|
3344
3344
|
* ```
|
|
@@ -5959,7 +5959,7 @@ let TreeListComponent = TreeListComponent_1 = class TreeListComponent {
|
|
|
5959
5959
|
* [resizable]="true"
|
|
5960
5960
|
* style="height: 300px">
|
|
5961
5961
|
* <ng-template kendoTreeListToolbarTemplate>
|
|
5962
|
-
* <button
|
|
5962
|
+
* <button kendoButton (click)="treelist.autoFitColumn(groupColumn)">
|
|
5963
5963
|
* Auto-fit the group column
|
|
5964
5964
|
* </button>
|
|
5965
5965
|
* </ng-template>
|
|
@@ -6025,10 +6025,10 @@ let TreeListComponent = TreeListComponent_1 = class TreeListComponent {
|
|
|
6025
6025
|
* [resizable]="true"
|
|
6026
6026
|
* style="height: 300px">
|
|
6027
6027
|
* <ng-template kendoTreeListToolbarTemplate>
|
|
6028
|
-
* <button
|
|
6028
|
+
* <button kendoButton (click)="treelist.autoFitColumns([firstColumn, lastColumn])">
|
|
6029
6029
|
* Auto-fit the first and last column
|
|
6030
6030
|
* </button>
|
|
6031
|
-
* <button
|
|
6031
|
+
* <button kendoButton (click)="treelist.autoFitColumns()">
|
|
6032
6032
|
* Auto-fit all columns
|
|
6033
6033
|
* </button>
|
|
6034
6034
|
* </ng-template>
|
|
@@ -6206,7 +6206,7 @@ let TreeListComponent = TreeListComponent_1 = class TreeListComponent {
|
|
|
6206
6206
|
* [reorderable]="true"
|
|
6207
6207
|
* style="height: 300px">
|
|
6208
6208
|
* <ng-template kendoTreeListToolbarTemplate>
|
|
6209
|
-
* <button
|
|
6209
|
+
* <button kendoButton
|
|
6210
6210
|
* (click)="treelist.reorderColumn(groupColumn, 2, { before: true })">
|
|
6211
6211
|
* Move the group column before the last one.
|
|
6212
6212
|
* </button>
|
|
@@ -9373,7 +9373,7 @@ StringFilterCellComponent = __decorate([
|
|
|
9373
9373
|
[defaultOperator]="operator"
|
|
9374
9374
|
[showOperators]="showOperators">
|
|
9375
9375
|
<input
|
|
9376
|
-
|
|
9376
|
+
kendoTextBox
|
|
9377
9377
|
kendoTreeListFocusable
|
|
9378
9378
|
kendoFilterInput
|
|
9379
9379
|
[filterDelay]="filterDelay"
|
|
@@ -9509,12 +9509,12 @@ FilterCellOperatorsComponent = __decorate([
|
|
|
9509
9509
|
</kendo-dropdownlist>
|
|
9510
9510
|
<button type="button"
|
|
9511
9511
|
kendoTreeListFocusable
|
|
9512
|
-
|
|
9513
|
-
class="k-button k-button-icon"
|
|
9512
|
+
*ngIf="showButton"
|
|
9513
|
+
class="k-button k-button-solid-base k-button-solid k-button-md k-rounded-md k-button-rectangle k-icon-button"
|
|
9514
9514
|
[title]="clearText"
|
|
9515
9515
|
(click)="clearClick()"
|
|
9516
9516
|
(keydown)="clearKeydown($event)">
|
|
9517
|
-
<span class="k-icon k-i-filter-clear"></span>
|
|
9517
|
+
<span class="k-icon k-button-icon k-i-filter-clear"></span>
|
|
9518
9518
|
</button>
|
|
9519
9519
|
`
|
|
9520
9520
|
}),
|
|
@@ -12731,8 +12731,11 @@ HeaderComponent = __decorate([
|
|
|
12731
12731
|
</span>
|
|
12732
12732
|
</ng-template>
|
|
12733
12733
|
<ng-container *ngIf="renderSelectAll(column)">
|
|
12734
|
-
<input
|
|
12735
|
-
|
|
12734
|
+
<input
|
|
12735
|
+
type="checkbox"
|
|
12736
|
+
class="k-checkbox k-checkbox-md k-rounded-md"
|
|
12737
|
+
kendoTreeListFocusable
|
|
12738
|
+
(click)="selectAllClick($event)" />
|
|
12736
12739
|
</ng-container>
|
|
12737
12740
|
<span kendoTreeListColumnHandle
|
|
12738
12741
|
kendoDraggable
|
|
@@ -13250,8 +13253,17 @@ FilterMenuContainerComponent = __decorate([
|
|
|
13250
13253
|
</ng-container>
|
|
13251
13254
|
</ng-container>
|
|
13252
13255
|
<div [ngClass]="actionsClass">
|
|
13253
|
-
<button
|
|
13254
|
-
|
|
13256
|
+
<button
|
|
13257
|
+
type="reset"
|
|
13258
|
+
class="k-button k-button-solid-base k-button-solid k-button-md k-rounded-md k-button-rectangle">
|
|
13259
|
+
{{clearText}}
|
|
13260
|
+
</button>
|
|
13261
|
+
<button
|
|
13262
|
+
type="submit"
|
|
13263
|
+
class="k-button k-button-solid-primary k-button-solid k-button-md k-rounded-md k-button-rectangle"
|
|
13264
|
+
[disabled]="disabled">
|
|
13265
|
+
{{filterText}}
|
|
13266
|
+
</button>
|
|
13255
13267
|
</div>
|
|
13256
13268
|
</div>
|
|
13257
13269
|
</form>
|
|
@@ -13385,7 +13397,11 @@ StringFilterMenuInputComponent = __decorate([
|
|
|
13385
13397
|
[currentFilter]="currentFilter"
|
|
13386
13398
|
[filterService]="filterService"
|
|
13387
13399
|
>
|
|
13388
|
-
<input
|
|
13400
|
+
<input
|
|
13401
|
+
kendoTextBox
|
|
13402
|
+
kendoFilterInput
|
|
13403
|
+
[filterDelay]="0"
|
|
13404
|
+
[ngModel]="currentFilter?.value" />
|
|
13389
13405
|
</kendo-treelist-filter-menu-input-wrapper>
|
|
13390
13406
|
`
|
|
13391
13407
|
})
|
|
@@ -13903,8 +13919,8 @@ BooleanFilterMenuComponent = __decorate([
|
|
|
13903
13919
|
<ul class="k-radio-list k-reset">
|
|
13904
13920
|
<li *ngFor="let item of items">
|
|
13905
13921
|
<input type="radio"
|
|
13922
|
+
kendoRadioButton
|
|
13906
13923
|
[name]="idPrefix"
|
|
13907
|
-
class="k-radio"
|
|
13908
13924
|
[checked]="isSelected(item.value)"
|
|
13909
13925
|
[attr.id]="radioId(item.value)"
|
|
13910
13926
|
(change)="onChange(item.value)"
|
|
@@ -14124,9 +14140,9 @@ FilterMenuModule = __decorate([
|
|
|
14124
14140
|
*/
|
|
14125
14141
|
const preventOnDblClick$1 = release => mouseDown => of(mouseDown).pipe(delay(150), takeUntil(release));
|
|
14126
14142
|
const hasClass = className => el => new RegExp(`(^| )${className}( |$)`).test(el.className);
|
|
14127
|
-
const isDeleteButton = or(hasClass(
|
|
14128
|
-
const isSortIcon = or(hasClass(
|
|
14129
|
-
const skipButtons = and(not(isDeleteButton), not(isSortIcon), not(isFocusableWithTabKey), not(matchesNodeName(
|
|
14143
|
+
const isDeleteButton = or(hasClass('k-i-group-delete'), hasClass('k-icon-button'));
|
|
14144
|
+
const isSortIcon = or(hasClass('k-i-sort-asc-sm'), hasClass('k-i-sort-desc-sm'));
|
|
14145
|
+
const skipButtons = and(not(isDeleteButton), not(isSortIcon), not(isFocusableWithTabKey), not(matchesNodeName('label')));
|
|
14130
14146
|
const elementUnderCursor = ({ clientX, clientY }) => document.elementFromPoint(clientX, clientY);
|
|
14131
14147
|
const hideThenShow = (element, cont) => {
|
|
14132
14148
|
element.style.display = 'none';
|
|
@@ -14433,12 +14449,28 @@ ColumnListComponent = __decorate([
|
|
|
14433
14449
|
template: `
|
|
14434
14450
|
<div class="k-column-list">
|
|
14435
14451
|
<label *ngFor="let column of columns; let index = index;" class='k-column-list-item'>
|
|
14436
|
-
<input
|
|
14452
|
+
<input
|
|
14453
|
+
class="k-checkbox k-checkbox-md k-rounded-md"
|
|
14454
|
+
type="checkbox"
|
|
14455
|
+
[attr.data-index]="index"
|
|
14456
|
+
[checked]="!column.hidden"
|
|
14457
|
+
[disabled]="isDisabled(column)" />
|
|
14458
|
+
<span class="k-checkbox-label">{{ column.displayTitle }}</span>
|
|
14437
14459
|
</label>
|
|
14438
14460
|
</div>
|
|
14439
14461
|
<div [ngClass]="actionsClass" *ngIf="!autoSync">
|
|
14440
|
-
<button
|
|
14441
|
-
|
|
14462
|
+
<button
|
|
14463
|
+
type="button"
|
|
14464
|
+
class="k-button k-button-solid-base k-button-solid k-button-md k-rounded-md k-button-rectangle"
|
|
14465
|
+
(click)="cancelChanges()">
|
|
14466
|
+
{{ resetText }}
|
|
14467
|
+
</button>
|
|
14468
|
+
<button
|
|
14469
|
+
type="button"
|
|
14470
|
+
class="k-button k-button-solid-primary k-button-solid k-button-md k-rounded-md k-button-rectangle"
|
|
14471
|
+
(click)="applyChanges()">
|
|
14472
|
+
{{ applyText }}
|
|
14473
|
+
</button>
|
|
14442
14474
|
</div>
|
|
14443
14475
|
`
|
|
14444
14476
|
}),
|
|
@@ -14549,9 +14581,9 @@ ColumnChooserComponent = __decorate([
|
|
|
14549
14581
|
<button #anchor
|
|
14550
14582
|
type="button"
|
|
14551
14583
|
(click)="toggle(anchor, template)"
|
|
14552
|
-
class="k-button k-
|
|
14584
|
+
class="k-button k-button-flat-base k-button-flat k-icon-button k-button-md k-rounded-md k-button-rectangle k-icon-button"
|
|
14553
14585
|
[attr.title]="localization.get('columns')">
|
|
14554
|
-
<span class="k-icon k-i-columns"></span>
|
|
14586
|
+
<span class="k-button-icon k-icon k-i-columns"></span>
|
|
14555
14587
|
</button>
|
|
14556
14588
|
<ng-template #template>
|
|
14557
14589
|
<span class='k-column-chooser-title'>{{ localization.get('columns') }}</span>
|
|
@@ -16017,7 +16049,11 @@ CellComponent = __decorate([
|
|
|
16017
16049
|
</ng-container>
|
|
16018
16050
|
<ng-container *ngIf="isBoundColumn">{{ dataItem | valueOf: column.field: column.format}}</ng-container>
|
|
16019
16051
|
<ng-template [ngIf]="column.isCheckboxColumn && !isNew">
|
|
16020
|
-
<input
|
|
16052
|
+
<input
|
|
16053
|
+
type="checkbox"
|
|
16054
|
+
kendoTreeListFocusable
|
|
16055
|
+
class="k-checkbox k-checkbox-md k-rounded-md"
|
|
16056
|
+
[checked]="selected" />
|
|
16021
16057
|
</ng-template>
|
|
16022
16058
|
</ng-container>
|
|
16023
16059
|
<ng-container *ngSwitchCase="true">
|
|
@@ -16044,7 +16080,7 @@ CellComponent = __decorate([
|
|
|
16044
16080
|
<input
|
|
16045
16081
|
*ngSwitchCase="'boolean'"
|
|
16046
16082
|
type="checkbox"
|
|
16047
|
-
class="k-checkbox"
|
|
16083
|
+
class="k-checkbox k-checkbox-md k-rounded-md"
|
|
16048
16084
|
[formControl]="formGroup.get(column.field)"
|
|
16049
16085
|
kendoTreeListFocusable
|
|
16050
16086
|
/>
|
|
@@ -16052,7 +16088,7 @@ CellComponent = __decorate([
|
|
|
16052
16088
|
<input
|
|
16053
16089
|
*ngSwitchDefault
|
|
16054
16090
|
type="text"
|
|
16055
|
-
class="k-textbox"
|
|
16091
|
+
class="k-textbox k-input k-rounded-md"
|
|
16056
16092
|
[formControl]="formGroup.get(column.field)"
|
|
16057
16093
|
kendoTreeListFocusable
|
|
16058
16094
|
/>
|
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: 1642682650,
|
|
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
|
};
|
|
@@ -3672,7 +3672,7 @@ var FocusGroup = /** @class */ (function () {
|
|
|
3672
3672
|
* ```ts-no-run
|
|
3673
3673
|
* <kendo-treelist-column>
|
|
3674
3674
|
* <ng-template kendoTreeListCellTemplate let-cellContext="cellContext">
|
|
3675
|
-
* <input type="button"
|
|
3675
|
+
* <input type="button" kendoButton [kendoTreeListFocusable]="cellContext" value="Focus me!" />
|
|
3676
3676
|
* </ng-template>
|
|
3677
3677
|
* </kendo-treelist-column>
|
|
3678
3678
|
* ```
|
|
@@ -6678,7 +6678,7 @@ var TreeListComponent = /** @class */ (function () {
|
|
|
6678
6678
|
* [resizable]="true"
|
|
6679
6679
|
* style="height: 300px">
|
|
6680
6680
|
* <ng-template kendoTreeListToolbarTemplate>
|
|
6681
|
-
* <button
|
|
6681
|
+
* <button kendoButton (click)="treelist.autoFitColumn(groupColumn)">
|
|
6682
6682
|
* Auto-fit the group column
|
|
6683
6683
|
* </button>
|
|
6684
6684
|
* </ng-template>
|
|
@@ -6744,10 +6744,10 @@ var TreeListComponent = /** @class */ (function () {
|
|
|
6744
6744
|
* [resizable]="true"
|
|
6745
6745
|
* style="height: 300px">
|
|
6746
6746
|
* <ng-template kendoTreeListToolbarTemplate>
|
|
6747
|
-
* <button
|
|
6747
|
+
* <button kendoButton (click)="treelist.autoFitColumns([firstColumn, lastColumn])">
|
|
6748
6748
|
* Auto-fit the first and last column
|
|
6749
6749
|
* </button>
|
|
6750
|
-
* <button
|
|
6750
|
+
* <button kendoButton (click)="treelist.autoFitColumns()">
|
|
6751
6751
|
* Auto-fit all columns
|
|
6752
6752
|
* </button>
|
|
6753
6753
|
* </ng-template>
|
|
@@ -6931,7 +6931,7 @@ var TreeListComponent = /** @class */ (function () {
|
|
|
6931
6931
|
* [reorderable]="true"
|
|
6932
6932
|
* style="height: 300px">
|
|
6933
6933
|
* <ng-template kendoTreeListToolbarTemplate>
|
|
6934
|
-
* <button
|
|
6934
|
+
* <button kendoButton
|
|
6935
6935
|
* (click)="treelist.reorderColumn(groupColumn, 2, { before: true })">
|
|
6936
6936
|
* Move the group column before the last one.
|
|
6937
6937
|
* </button>
|
|
@@ -9900,7 +9900,7 @@ var StringFilterCellComponent = /** @class */ (function (_super) {
|
|
|
9900
9900
|
StringFilterCellComponent = __decorate([
|
|
9901
9901
|
Component({
|
|
9902
9902
|
selector: 'kendo-treelist-string-filter-cell',
|
|
9903
|
-
template: "\n <kendo-treelist-filter-wrapper-cell\n [column]=\"column\"\n [filter]=\"filter\"\n [operators]=\"operators\"\n [defaultOperator]=\"operator\"\n [showOperators]=\"showOperators\">\n <input\n
|
|
9903
|
+
template: "\n <kendo-treelist-filter-wrapper-cell\n [column]=\"column\"\n [filter]=\"filter\"\n [operators]=\"operators\"\n [defaultOperator]=\"operator\"\n [showOperators]=\"showOperators\">\n <input\n kendoTextBox\n kendoTreeListFocusable\n kendoFilterInput\n [filterDelay]=\"filterDelay\"\n [ngModel]=\"currentFilter?.value\" />\n </kendo-treelist-filter-wrapper-cell>\n "
|
|
9904
9904
|
}),
|
|
9905
9905
|
__metadata("design:paramtypes", [FilterService,
|
|
9906
9906
|
LocalizationService])
|
|
@@ -10018,7 +10018,7 @@ var FilterCellOperatorsComponent = /** @class */ (function () {
|
|
|
10018
10018
|
FilterCellOperatorsComponent = __decorate([
|
|
10019
10019
|
Component({
|
|
10020
10020
|
selector: 'kendo-treelist-filter-cell-operators',
|
|
10021
|
-
template: "\n <kendo-dropdownlist\n #dropdown\n *ngIf=\"showOperators\"\n kendoTreeListFocusable\n [data]=\"operators\"\n class=\"k-dropdown-operator\"\n (valueChange)=\"onChange($event)\"\n [value]=\"value\"\n iconClass=\"k-i-filter\"\n [valuePrimitive]=\"true\"\n textField=\"text\"\n [popupSettings]=\"{ width: 'auto' }\"\n valueField=\"value\"\n (keydown)=\"dropdownKeydown($event)\">\n </kendo-dropdownlist>\n <button type=\"button\"\n kendoTreeListFocusable\n
|
|
10021
|
+
template: "\n <kendo-dropdownlist\n #dropdown\n *ngIf=\"showOperators\"\n kendoTreeListFocusable\n [data]=\"operators\"\n class=\"k-dropdown-operator\"\n (valueChange)=\"onChange($event)\"\n [value]=\"value\"\n iconClass=\"k-i-filter\"\n [valuePrimitive]=\"true\"\n textField=\"text\"\n [popupSettings]=\"{ width: 'auto' }\"\n valueField=\"value\"\n (keydown)=\"dropdownKeydown($event)\">\n </kendo-dropdownlist>\n <button type=\"button\"\n kendoTreeListFocusable\n *ngIf=\"showButton\"\n class=\"k-button k-button-solid-base k-button-solid k-button-md k-rounded-md k-button-rectangle k-icon-button\"\n [title]=\"clearText\"\n (click)=\"clearClick()\"\n (keydown)=\"clearKeydown($event)\">\n <span class=\"k-icon k-button-icon k-i-filter-clear\"></span>\n </button>\n "
|
|
10022
10022
|
}),
|
|
10023
10023
|
__metadata("design:paramtypes", [LocalizationService])
|
|
10024
10024
|
], FilterCellOperatorsComponent);
|
|
@@ -13360,7 +13360,7 @@ var HeaderComponent = /** @class */ (function () {
|
|
|
13360
13360
|
HeaderComponent = __decorate([
|
|
13361
13361
|
Component({
|
|
13362
13362
|
selector: '[kendoTreeListHeader]',
|
|
13363
|
-
template: "\n <tr *ngFor=\"let i of columnLevels; let levelIndex = index\"\n kendoTreeListLogicalRow\n [logicalRowIndex]=\"levelIndex\"\n [logicalSlaveRow]=\"lockedColumnsCount > 0\"\n [logicalCellsCount]=\"columns.length\"\n [logicalSlaveCellsCount]=\"unlockedColumnsCount\">\n <ng-template ngFor let-column [ngForOf]=\"columnsForLevel(levelIndex)\" [ngForTrackBy]=\"trackByIndex\" let-columnIndex=\"index\" let-last=\"last\">\n <th *ngIf=\"!isColumnGroupComponent(column)\"\n kendoTreeListLogicalCell\n [logicalRowIndex]=\"levelIndex\"\n [logicalColIndex]=\"logicalColumnIndex(column)\"\n [colSpan]=\"column.colspan\"\n [rowSpan]=\"column.rowspan(totalColumnLevels)\"\n role=\"columnheader\"\n aria-selected=\"false\"\n [attr.aria-sort]=\"sortState(column)\"\n (keydown)=\"onHeaderKeydown(column, $event)\"\n kendoDropTarget\n kendoDraggable\n kendoDraggableColumn\n [enableDrag]=\"shouldActivate(column)\"\n [context]=\"{\n field: column.field,\n type: 'column',\n column: column,\n hint: column.title || column.field,\n lastColumn: last && columnIndex === 0\n }\"\n class=\"k-header\"\n [class.k-filterable]=\"(showFilterMenu && isFilterable(column)) || showColumnMenu(column)\"\n [class.k-first]=\"isFirstOnRow(column, columnIndex)\"\n [ngClass]=\"column.headerClass\"\n [ngStyle]=\"column.headerStyle\"\n [attr.rowspan]=\"column.rowspan(totalColumnLevels)\"\n [attr.colspan]=\"column.colspan\">\n <ng-template [ngIf]=\"!isSortable(column)\">\n <kendo-treelist-filter-menu\n *ngIf=\"showFilterMenu && isFilterable(column)\"\n [column]=\"column\"\n [filter]=\"filter\">\n </kendo-treelist-filter-menu>\n <kendo-treelist-column-menu *ngIf=\"showColumnMenu(column)\"\n [standalone]=\"false\"\n [settings]=\"columnMenu\"\n [column]=\"column\"\n [columnMenuTemplate]=\"columnMenuTemplate\"\n [sort]=\"sort\"\n [filter]=\"filter\"\n [sortable]=\"sortable\">\n </kendo-treelist-column-menu>\n <ng-template\n [templateContext]=\"{\n templateRef: column.headerTemplateRef,\n columnIndex: column.leafIndex,\n column: column,\n $implicit: column\n }\">\n </ng-template>\n <ng-template [ngIf]=\"!column.headerTemplateRef\">{{column.displayTitle}}</ng-template>\n </ng-template>\n <ng-template [ngIf]=\"isSortable(column)\">\n <span class=\"k-cell-inner\">\n <a #link href=\"#\" tabindex=\"-1\" class=\"k-link\" (click)=\"sortColumn(column, $event, link)\">\n <ng-template\n [templateContext]=\"{\n templateRef: column.headerTemplateRef,\n columnIndex: column.leafIndex,\n column: column,\n $implicit: column\n }\">\n </ng-template>\n <ng-template [ngIf]=\"!column.headerTemplateRef\">\n <span class=\"k-column-title\">{{column.displayTitle}}</span>\n </ng-template>\n <span [attr.aria-label]=\"sortableLabel\" [ngClass]=\"sortIcon(column.field)\"></span>\n <span *ngIf=\"showSortNumbering(column)\" class=\"k-sort-order\">{{sortOrder(column.field)}}</span>\n </a>\n <span role=\"status\"\n class=\"k-sort-status\"\n style=\"position: absolute; left: -10000px;\"\n [innerHtml]=\"sortStatus(column)\">\n </span>\n <kendo-treelist-filter-menu\n *ngIf=\"showFilterMenu && isFilterable(column)\"\n [column]=\"column\"\n [filter]=\"filter\">\n </kendo-treelist-filter-menu>\n <kendo-treelist-column-menu *ngIf=\"showColumnMenu(column)\"\n [standalone]=\"false\"\n [settings]=\"columnMenu\"\n [column]=\"column\"\n [columnMenuTemplate]=\"columnMenuTemplate\"\n [sort]=\"sort\"\n [filter]=\"filter\"\n [sortable]=\"sortable\">\n </kendo-treelist-column-menu>\n </span>\n </ng-template>\n <ng-container *ngIf=\"renderSelectAll(column)\">\n <input
|
|
13363
|
+
template: "\n <tr *ngFor=\"let i of columnLevels; let levelIndex = index\"\n kendoTreeListLogicalRow\n [logicalRowIndex]=\"levelIndex\"\n [logicalSlaveRow]=\"lockedColumnsCount > 0\"\n [logicalCellsCount]=\"columns.length\"\n [logicalSlaveCellsCount]=\"unlockedColumnsCount\">\n <ng-template ngFor let-column [ngForOf]=\"columnsForLevel(levelIndex)\" [ngForTrackBy]=\"trackByIndex\" let-columnIndex=\"index\" let-last=\"last\">\n <th *ngIf=\"!isColumnGroupComponent(column)\"\n kendoTreeListLogicalCell\n [logicalRowIndex]=\"levelIndex\"\n [logicalColIndex]=\"logicalColumnIndex(column)\"\n [colSpan]=\"column.colspan\"\n [rowSpan]=\"column.rowspan(totalColumnLevels)\"\n role=\"columnheader\"\n aria-selected=\"false\"\n [attr.aria-sort]=\"sortState(column)\"\n (keydown)=\"onHeaderKeydown(column, $event)\"\n kendoDropTarget\n kendoDraggable\n kendoDraggableColumn\n [enableDrag]=\"shouldActivate(column)\"\n [context]=\"{\n field: column.field,\n type: 'column',\n column: column,\n hint: column.title || column.field,\n lastColumn: last && columnIndex === 0\n }\"\n class=\"k-header\"\n [class.k-filterable]=\"(showFilterMenu && isFilterable(column)) || showColumnMenu(column)\"\n [class.k-first]=\"isFirstOnRow(column, columnIndex)\"\n [ngClass]=\"column.headerClass\"\n [ngStyle]=\"column.headerStyle\"\n [attr.rowspan]=\"column.rowspan(totalColumnLevels)\"\n [attr.colspan]=\"column.colspan\">\n <ng-template [ngIf]=\"!isSortable(column)\">\n <kendo-treelist-filter-menu\n *ngIf=\"showFilterMenu && isFilterable(column)\"\n [column]=\"column\"\n [filter]=\"filter\">\n </kendo-treelist-filter-menu>\n <kendo-treelist-column-menu *ngIf=\"showColumnMenu(column)\"\n [standalone]=\"false\"\n [settings]=\"columnMenu\"\n [column]=\"column\"\n [columnMenuTemplate]=\"columnMenuTemplate\"\n [sort]=\"sort\"\n [filter]=\"filter\"\n [sortable]=\"sortable\">\n </kendo-treelist-column-menu>\n <ng-template\n [templateContext]=\"{\n templateRef: column.headerTemplateRef,\n columnIndex: column.leafIndex,\n column: column,\n $implicit: column\n }\">\n </ng-template>\n <ng-template [ngIf]=\"!column.headerTemplateRef\">{{column.displayTitle}}</ng-template>\n </ng-template>\n <ng-template [ngIf]=\"isSortable(column)\">\n <span class=\"k-cell-inner\">\n <a #link href=\"#\" tabindex=\"-1\" class=\"k-link\" (click)=\"sortColumn(column, $event, link)\">\n <ng-template\n [templateContext]=\"{\n templateRef: column.headerTemplateRef,\n columnIndex: column.leafIndex,\n column: column,\n $implicit: column\n }\">\n </ng-template>\n <ng-template [ngIf]=\"!column.headerTemplateRef\">\n <span class=\"k-column-title\">{{column.displayTitle}}</span>\n </ng-template>\n <span [attr.aria-label]=\"sortableLabel\" [ngClass]=\"sortIcon(column.field)\"></span>\n <span *ngIf=\"showSortNumbering(column)\" class=\"k-sort-order\">{{sortOrder(column.field)}}</span>\n </a>\n <span role=\"status\"\n class=\"k-sort-status\"\n style=\"position: absolute; left: -10000px;\"\n [innerHtml]=\"sortStatus(column)\">\n </span>\n <kendo-treelist-filter-menu\n *ngIf=\"showFilterMenu && isFilterable(column)\"\n [column]=\"column\"\n [filter]=\"filter\">\n </kendo-treelist-filter-menu>\n <kendo-treelist-column-menu *ngIf=\"showColumnMenu(column)\"\n [standalone]=\"false\"\n [settings]=\"columnMenu\"\n [column]=\"column\"\n [columnMenuTemplate]=\"columnMenuTemplate\"\n [sort]=\"sort\"\n [filter]=\"filter\"\n [sortable]=\"sortable\">\n </kendo-treelist-column-menu>\n </span>\n </ng-template>\n <ng-container *ngIf=\"renderSelectAll(column)\">\n <input\n type=\"checkbox\"\n class=\"k-checkbox k-checkbox-md k-rounded-md\"\n kendoTreeListFocusable\n (click)=\"selectAllClick($event)\" />\n </ng-container>\n <span kendoTreeListColumnHandle\n kendoDraggable\n class=\"k-column-resizer\"\n *ngIf=\"resizable\"\n [column]=\"column\"\n [columns]=\"columns\">\n </span>\n </th>\n <th *ngIf=\"isColumnGroupComponent(column)\"\n kendoTreeListLogicalCell\n [logicalRowIndex]=\"levelIndex\"\n [logicalColIndex]=\"logicalColumnIndex(column)\"\n [rowSpan]=\"column.rowspan(totalColumnLevels)\"\n [colSpan]=\"column.colspan\"\n kendoDropTarget\n kendoDraggable\n kendoDraggableColumn\n [enableDrag]=\"shouldActivate(column)\"\n [context]=\"{\n type: 'columnGroup',\n column: column,\n hint: column.title,\n lastColumn: last && columnIndex === 0\n }\"\n class=\"k-header\"\n [class.k-first]=\"isFirstOnRow(column, columnIndex)\"\n [class.k-filterable]=\"showColumnMenu(column)\"\n [ngClass]=\"column.headerClass\"\n [ngStyle]=\"column.headerStyle\"\n [attr.rowspan]=\"column.rowspan(totalColumnLevels)\"\n [attr.colspan]=\"column.colspan\">\n <kendo-treelist-column-menu *ngIf=\"showColumnMenu(column)\"\n [standalone]=\"false\"\n [settings]=\"columnMenu\"\n [column]=\"column\"\n [columnMenuTemplate]=\"columnMenuTemplate\">\n </kendo-treelist-column-menu>\n <ng-template\n [templateContext]=\"{\n templateRef: column.headerTemplateRef,\n columnIndex: lockedColumnsCount + columnIndex,\n column: column,\n $implicit: column\n }\">\n </ng-template>\n <ng-template [ngIf]=\"!column.headerTemplateRef\">{{column.displayTitle}}</ng-template>\n <span kendoTreeListColumnHandle\n kendoDraggable\n class=\"k-column-resizer\"\n *ngIf=\"resizable\"\n [column]=\"column\"\n [columns]=\"columns\">\n </span>\n </th>\n </ng-template>\n </tr>\n <tr *ngIf=\"showFilterRow\"\n kendoTreeListFilterRow\n [columns]=\"leafColumns\"\n [filter]=\"filter\"\n [lockedColumnsCount]=\"lockedColumnsCount\"\n kendoTreeListLogicalRow\n [logicalRowIndex]=\"totalColumnLevels + 1\"\n [logicalSlaveRow]=\"lockedColumnsCount > 0\"\n [logicalCellsCount]=\"columns.length\"\n [logicalSlaveCellsCount]=\"unlockedColumnsCount\"\n >\n </tr>\n "
|
|
13364
13364
|
}),
|
|
13365
13365
|
__metadata("design:paramtypes", [SinglePopupService,
|
|
13366
13366
|
DragHintService,
|
|
@@ -13839,7 +13839,7 @@ var FilterMenuContainerComponent = /** @class */ (function () {
|
|
|
13839
13839
|
Component({
|
|
13840
13840
|
providers: [FilterService],
|
|
13841
13841
|
selector: 'kendo-treelist-filter-menu-container',
|
|
13842
|
-
template: "\n <form (submit)=\"submit()\" (reset)=\"reset()\"\n class=\"k-filter-menu k-group k-reset k-state-border-up\">\n <div class=\"k-filter-menu-container\">\n <ng-container [ngSwitch]=\"hasTemplate\">\n <ng-container *ngSwitchCase=\"false\">\n <ng-container\n kendoFilterMenuHost\n [filterService]=\"childService\"\n [column]=\"column\"\n [filter]=\"childFilter\">\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"true\">\n <ng-template\n *ngIf=\"column.filterMenuTemplateRef\"\n [ngTemplateOutlet]=\"column.filterMenuTemplateRef\"\n [ngTemplateOutletContext]=\"templateContext\"\n >\n </ng-template>\n </ng-container>\n </ng-container>\n <div [ngClass]=\"actionsClass\">\n <button
|
|
13842
|
+
template: "\n <form (submit)=\"submit()\" (reset)=\"reset()\"\n class=\"k-filter-menu k-group k-reset k-state-border-up\">\n <div class=\"k-filter-menu-container\">\n <ng-container [ngSwitch]=\"hasTemplate\">\n <ng-container *ngSwitchCase=\"false\">\n <ng-container\n kendoFilterMenuHost\n [filterService]=\"childService\"\n [column]=\"column\"\n [filter]=\"childFilter\">\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"true\">\n <ng-template\n *ngIf=\"column.filterMenuTemplateRef\"\n [ngTemplateOutlet]=\"column.filterMenuTemplateRef\"\n [ngTemplateOutletContext]=\"templateContext\"\n >\n </ng-template>\n </ng-container>\n </ng-container>\n <div [ngClass]=\"actionsClass\">\n <button\n type=\"reset\"\n class=\"k-button k-button-solid-base k-button-solid k-button-md k-rounded-md k-button-rectangle\">\n {{clearText}}\n </button>\n <button\n type=\"submit\"\n class=\"k-button k-button-solid-primary k-button-solid k-button-md k-rounded-md k-button-rectangle\"\n [disabled]=\"disabled\">\n {{filterText}}\n </button>\n </div>\n </div>\n </form>\n "
|
|
13843
13843
|
}),
|
|
13844
13844
|
__param(0, SkipSelf()),
|
|
13845
13845
|
__metadata("design:paramtypes", [FilterService,
|
|
@@ -13958,7 +13958,7 @@ var StringFilterMenuInputComponent = /** @class */ (function () {
|
|
|
13958
13958
|
StringFilterMenuInputComponent = __decorate([
|
|
13959
13959
|
Component({
|
|
13960
13960
|
selector: 'kendo-treelist-string-filter-menu-input',
|
|
13961
|
-
template: "\n <kendo-treelist-filter-menu-input-wrapper\n [column]=\"column\"\n [filter]=\"filter\"\n [operators]=\"operators\"\n [defaultOperator]=\"operator\"\n [currentFilter]=\"currentFilter\"\n [filterService]=\"filterService\"\n >\n <input
|
|
13961
|
+
template: "\n <kendo-treelist-filter-menu-input-wrapper\n [column]=\"column\"\n [filter]=\"filter\"\n [operators]=\"operators\"\n [defaultOperator]=\"operator\"\n [currentFilter]=\"currentFilter\"\n [filterService]=\"filterService\"\n >\n <input\n kendoTextBox\n kendoFilterInput\n [filterDelay]=\"0\"\n [ngModel]=\"currentFilter?.value\" />\n </kendo-treelist-filter-menu-input-wrapper>\n "
|
|
13962
13962
|
})
|
|
13963
13963
|
], StringFilterMenuInputComponent);
|
|
13964
13964
|
return StringFilterMenuInputComponent;
|
|
@@ -14390,7 +14390,7 @@ var BooleanFilterMenuComponent = /** @class */ (function (_super) {
|
|
|
14390
14390
|
BooleanFilterMenuComponent = __decorate([
|
|
14391
14391
|
Component({
|
|
14392
14392
|
selector: 'kendo-treelist-boolean-filter-menu',
|
|
14393
|
-
template: "\n <ul class=\"k-radio-list k-reset\">\n <li *ngFor=\"let item of items\">\n <input type=\"radio\"\n [name]=\"idPrefix\"\n
|
|
14393
|
+
template: "\n <ul class=\"k-radio-list k-reset\">\n <li *ngFor=\"let item of items\">\n <input type=\"radio\"\n kendoRadioButton\n [name]=\"idPrefix\"\n [checked]=\"isSelected(item.value)\"\n [attr.id]=\"radioId(item.value)\"\n (change)=\"onChange(item.value)\"\n />\n <label class=\"k-radio-label\" [attr.for]=\"radioId(item.value)\">{{item.text}}</label>\n </li>\n </ul>\n "
|
|
14394
14394
|
}),
|
|
14395
14395
|
__metadata("design:paramtypes", [LocalizationService])
|
|
14396
14396
|
], BooleanFilterMenuComponent);
|
|
@@ -14585,9 +14585,9 @@ var preventOnDblClick$1 = function (release) { return function (mouseDown) {
|
|
|
14585
14585
|
return of(mouseDown).pipe(delay(150), takeUntil(release));
|
|
14586
14586
|
}; };
|
|
14587
14587
|
var hasClass = function (className) { return function (el) { return new RegExp("(^| )" + className + "( |$)").test(el.className); }; };
|
|
14588
|
-
var isDeleteButton = or(hasClass(
|
|
14589
|
-
var isSortIcon = or(hasClass(
|
|
14590
|
-
var skipButtons = and(not(isDeleteButton), not(isSortIcon), not(isFocusableWithTabKey), not(matchesNodeName(
|
|
14588
|
+
var isDeleteButton = or(hasClass('k-i-group-delete'), hasClass('k-icon-button'));
|
|
14589
|
+
var isSortIcon = or(hasClass('k-i-sort-asc-sm'), hasClass('k-i-sort-desc-sm'));
|
|
14590
|
+
var skipButtons = and(not(isDeleteButton), not(isSortIcon), not(isFocusableWithTabKey), not(matchesNodeName('label')));
|
|
14591
14591
|
var elementUnderCursor = function (_a) {
|
|
14592
14592
|
var clientX = _a.clientX, clientY = _a.clientY;
|
|
14593
14593
|
return document.elementFromPoint(clientX, clientY);
|
|
@@ -14925,7 +14925,7 @@ var ColumnListComponent = /** @class */ (function () {
|
|
|
14925
14925
|
ColumnListComponent = __decorate([
|
|
14926
14926
|
Component({
|
|
14927
14927
|
selector: 'kendo-treelist-columnlist',
|
|
14928
|
-
template: "\n <div class=\"k-column-list\">\n <label *ngFor=\"let column of columns; let index = index;\" class='k-column-list-item'>\n <input
|
|
14928
|
+
template: "\n <div class=\"k-column-list\">\n <label *ngFor=\"let column of columns; let index = index;\" class='k-column-list-item'>\n <input\n class=\"k-checkbox k-checkbox-md k-rounded-md\"\n type=\"checkbox\"\n [attr.data-index]=\"index\"\n [checked]=\"!column.hidden\"\n [disabled]=\"isDisabled(column)\" />\n <span class=\"k-checkbox-label\">{{ column.displayTitle }}</span>\n </label>\n </div>\n <div [ngClass]=\"actionsClass\" *ngIf=\"!autoSync\">\n <button\n type=\"button\"\n class=\"k-button k-button-solid-base k-button-solid k-button-md k-rounded-md k-button-rectangle\"\n (click)=\"cancelChanges()\">\n {{ resetText }}\n </button>\n <button\n type=\"button\"\n class=\"k-button k-button-solid-primary k-button-solid k-button-md k-rounded-md k-button-rectangle\"\n (click)=\"applyChanges()\">\n {{ applyText }}\n </button>\n </div>\n "
|
|
14929
14929
|
}),
|
|
14930
14930
|
__metadata("design:paramtypes", [ElementRef, NgZone, Renderer2])
|
|
14931
14931
|
], ColumnListComponent);
|
|
@@ -15039,7 +15039,7 @@ var ColumnChooserComponent = /** @class */ (function () {
|
|
|
15039
15039
|
ColumnChooserComponent = __decorate([
|
|
15040
15040
|
Component({
|
|
15041
15041
|
selector: 'kendo-treelist-column-chooser',
|
|
15042
|
-
template: "\n <button #anchor\n type=\"button\"\n (click)=\"toggle(anchor, template)\"\n class=\"k-button k-
|
|
15042
|
+
template: "\n <button #anchor\n type=\"button\"\n (click)=\"toggle(anchor, template)\"\n class=\"k-button k-button-flat-base k-button-flat k-icon-button k-button-md k-rounded-md k-button-rectangle k-icon-button\"\n [attr.title]=\"localization.get('columns')\">\n <span class=\"k-button-icon k-icon k-i-columns\"></span>\n </button>\n <ng-template #template>\n <span class='k-column-chooser-title'>{{ localization.get('columns') }}</span>\n <kendo-treelist-columnlist\n [columns]=\"columns\"\n [applyText]=\"localization.get('columnsApply')\"\n [resetText]=\"localization.get('columnsReset')\"\n [autoSync]=\"autoSync\"\n [allowHideAll]=\"allowHideAll\"\n (apply)=\"onApply($event)\"\n (columnChange)=\"onChange($event)\">\n </kendo-treelist-columnlist>\n </ng-template>\n "
|
|
15043
15043
|
}),
|
|
15044
15044
|
__metadata("design:paramtypes", [LocalizationService,
|
|
15045
15045
|
ColumnInfoService,
|
|
@@ -16458,7 +16458,7 @@ var CellComponent = /** @class */ (function () {
|
|
|
16458
16458
|
CellComponent = __decorate([
|
|
16459
16459
|
Component({
|
|
16460
16460
|
selector: '[kendoTreeListCell]',
|
|
16461
|
-
template: "\n <ng-container [ngSwitch]=\"isEdited\">\n <ng-container *ngSwitchCase=\"false\">\n <ng-container *ngIf=\"column.expandable\">\n <span class=\"k-icon k-i-none\" *ngFor=\"let item of level | levelItems : hasChildren && expandIcons\"></span>\n <span class=\"k-icon\" *ngIf=\"hasChildren && expandIcons\"\n [ngClass]=\"{ 'k-i-collapse': isExpanded && !loading, 'k-i-expand': !isExpanded && !loading, 'k-i-loading': loading }\">\n </span>\n </ng-container>\n <ng-container *ngIf=\"column.templateRef\"\n [ngTemplateOutlet]=\"column.templateRef\"\n [ngTemplateOutletContext]=\"templateContext\">\n </ng-container>\n <ng-container *ngIf=\"isSpanColumn\">\n <ng-container *ngFor=\"let childColumn of childColumns\">\n {{ dataItem | valueOf: childColumn.field: childColumn.format}}\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"isBoundColumn\">{{ dataItem | valueOf: column.field: column.format}}</ng-container>\n <ng-template [ngIf]=\"column.isCheckboxColumn && !isNew\">\n <input
|
|
16461
|
+
template: "\n <ng-container [ngSwitch]=\"isEdited\">\n <ng-container *ngSwitchCase=\"false\">\n <ng-container *ngIf=\"column.expandable\">\n <span class=\"k-icon k-i-none\" *ngFor=\"let item of level | levelItems : hasChildren && expandIcons\"></span>\n <span class=\"k-icon\" *ngIf=\"hasChildren && expandIcons\"\n [ngClass]=\"{ 'k-i-collapse': isExpanded && !loading, 'k-i-expand': !isExpanded && !loading, 'k-i-loading': loading }\">\n </span>\n </ng-container>\n <ng-container *ngIf=\"column.templateRef\"\n [ngTemplateOutlet]=\"column.templateRef\"\n [ngTemplateOutletContext]=\"templateContext\">\n </ng-container>\n <ng-container *ngIf=\"isSpanColumn\">\n <ng-container *ngFor=\"let childColumn of childColumns\">\n {{ dataItem | valueOf: childColumn.field: childColumn.format}}\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"isBoundColumn\">{{ dataItem | valueOf: column.field: column.format}}</ng-container>\n <ng-template [ngIf]=\"column.isCheckboxColumn && !isNew\">\n <input\n type=\"checkbox\"\n kendoTreeListFocusable\n class=\"k-checkbox k-checkbox-md k-rounded-md\"\n [checked]=\"selected\" />\n </ng-template>\n </ng-container>\n <ng-container *ngSwitchCase=\"true\">\n <ng-container\n *ngIf=\"column.editTemplateRef\"\n [ngTemplateOutlet]=\"column.editTemplateRef\"\n [ngTemplateOutletContext]=\"editTemplateContext\">\n </ng-container>\n <ng-container [ngSwitch]=\"column.editor\" *ngIf=\"!column.editTemplateRef\">\n <kendo-numerictextbox\n *ngSwitchCase=\"'numeric'\"\n [format]=\"format\"\n [formControl]=\"formGroup.get(column.field)\"\n kendoTreeListFocusable\n ></kendo-numerictextbox>\n\n <kendo-datepicker\n *ngSwitchCase=\"'date'\"\n [format]=\"format\"\n [formControl]=\"formGroup.get(column.field)\"\n kendoTreeListFocusable\n ></kendo-datepicker>\n\n <input\n *ngSwitchCase=\"'boolean'\"\n type=\"checkbox\"\n class=\"k-checkbox k-checkbox-md k-rounded-md\"\n [formControl]=\"formGroup.get(column.field)\"\n kendoTreeListFocusable\n />\n\n <input\n *ngSwitchDefault\n type=\"text\"\n class=\"k-textbox k-input k-rounded-md\"\n [formControl]=\"formGroup.get(column.field)\"\n kendoTreeListFocusable\n />\n </ng-container>\n </ng-container>\n </ng-container>\n "
|
|
16462
16462
|
}),
|
|
16463
16463
|
__metadata("design:paramtypes", [EditService,
|
|
16464
16464
|
FocusGroup])
|
|
@@ -117,7 +117,7 @@ var ColumnChooserComponent = /** @class */ (function () {
|
|
|
117
117
|
ColumnChooserComponent = tslib_1.__decorate([
|
|
118
118
|
core_1.Component({
|
|
119
119
|
selector: 'kendo-treelist-column-chooser',
|
|
120
|
-
template: "\n <button #anchor\n type=\"button\"\n (click)=\"toggle(anchor, template)\"\n class=\"k-button k-
|
|
120
|
+
template: "\n <button #anchor\n type=\"button\"\n (click)=\"toggle(anchor, template)\"\n class=\"k-button k-button-flat-base k-button-flat k-icon-button k-button-md k-rounded-md k-button-rectangle k-icon-button\"\n [attr.title]=\"localization.get('columns')\">\n <span class=\"k-button-icon k-icon k-i-columns\"></span>\n </button>\n <ng-template #template>\n <span class='k-column-chooser-title'>{{ localization.get('columns') }}</span>\n <kendo-treelist-columnlist\n [columns]=\"columns\"\n [applyText]=\"localization.get('columnsApply')\"\n [resetText]=\"localization.get('columnsReset')\"\n [autoSync]=\"autoSync\"\n [allowHideAll]=\"allowHideAll\"\n (apply)=\"onApply($event)\"\n (columnChange)=\"onChange($event)\">\n </kendo-treelist-columnlist>\n </ng-template>\n "
|
|
121
121
|
}),
|
|
122
122
|
tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService,
|
|
123
123
|
column_info_service_1.ColumnInfoService,
|
|
@@ -187,7 +187,7 @@ var ColumnListComponent = /** @class */ (function () {
|
|
|
187
187
|
ColumnListComponent = tslib_1.__decorate([
|
|
188
188
|
core_1.Component({
|
|
189
189
|
selector: 'kendo-treelist-columnlist',
|
|
190
|
-
template: "\n <div class=\"k-column-list\">\n <label *ngFor=\"let column of columns; let index = index;\" class='k-column-list-item'>\n <input
|
|
190
|
+
template: "\n <div class=\"k-column-list\">\n <label *ngFor=\"let column of columns; let index = index;\" class='k-column-list-item'>\n <input\n class=\"k-checkbox k-checkbox-md k-rounded-md\"\n type=\"checkbox\"\n [attr.data-index]=\"index\"\n [checked]=\"!column.hidden\"\n [disabled]=\"isDisabled(column)\" />\n <span class=\"k-checkbox-label\">{{ column.displayTitle }}</span>\n </label>\n </div>\n <div [ngClass]=\"actionsClass\" *ngIf=\"!autoSync\">\n <button\n type=\"button\"\n class=\"k-button k-button-solid-base k-button-solid k-button-md k-rounded-md k-button-rectangle\"\n (click)=\"cancelChanges()\">\n {{ resetText }}\n </button>\n <button\n type=\"button\"\n class=\"k-button k-button-solid-primary k-button-solid k-button-md k-rounded-md k-button-rectangle\"\n (click)=\"applyChanges()\">\n {{ applyText }}\n </button>\n </div>\n "
|
|
191
191
|
}),
|
|
192
192
|
tslib_1.__metadata("design:paramtypes", [core_1.ElementRef, core_1.NgZone, core_1.Renderer2])
|
|
193
193
|
], ColumnListComponent);
|