@progress/kendo-angular-treelist 3.2.0 → 4.0.1
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/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
|
@@ -28,9 +28,9 @@ exports.ɵ0 = ɵ0;
|
|
|
28
28
|
var hasClass = function (className) { return function (el) { return new RegExp("(^| )" + className + "( |$)").test(el.className); }; };
|
|
29
29
|
var ɵ1 = hasClass;
|
|
30
30
|
exports.ɵ1 = ɵ1;
|
|
31
|
-
var isDeleteButton = utils_1.or(hasClass(
|
|
32
|
-
var isSortIcon = utils_1.or(hasClass(
|
|
33
|
-
var skipButtons = utils_1.and(utils_1.not(isDeleteButton), utils_1.not(isSortIcon), utils_1.not(dom_queries_1.isFocusableWithTabKey), utils_1.not(dom_queries_1.matchesNodeName(
|
|
31
|
+
var isDeleteButton = utils_1.or(hasClass('k-i-group-delete'), hasClass('k-icon-button'));
|
|
32
|
+
var isSortIcon = utils_1.or(hasClass('k-i-sort-asc-sm'), hasClass('k-i-sort-desc-sm'));
|
|
33
|
+
var skipButtons = utils_1.and(utils_1.not(isDeleteButton), utils_1.not(isSortIcon), utils_1.not(dom_queries_1.isFocusableWithTabKey), utils_1.not(dom_queries_1.matchesNodeName('label')));
|
|
34
34
|
var elementUnderCursor = function (_a) {
|
|
35
35
|
var clientX = _a.clientX, clientY = _a.clientY;
|
|
36
36
|
return document.elementFromPoint(clientX, clientY);
|
|
@@ -119,7 +119,7 @@ var FilterCellOperatorsComponent = /** @class */ (function () {
|
|
|
119
119
|
FilterCellOperatorsComponent = tslib_1.__decorate([
|
|
120
120
|
core_1.Component({
|
|
121
121
|
selector: 'kendo-treelist-filter-cell-operators',
|
|
122
|
-
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
|
|
122
|
+
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 "
|
|
123
123
|
}),
|
|
124
124
|
tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService])
|
|
125
125
|
], FilterCellOperatorsComponent);
|
|
@@ -56,7 +56,7 @@ var StringFilterCellComponent = /** @class */ (function (_super) {
|
|
|
56
56
|
StringFilterCellComponent = tslib_1.__decorate([
|
|
57
57
|
core_1.Component({
|
|
58
58
|
selector: 'kendo-treelist-string-filter-cell',
|
|
59
|
-
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
|
|
59
|
+
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 "
|
|
60
60
|
}),
|
|
61
61
|
tslib_1.__metadata("design:paramtypes", [filter_service_1.FilterService,
|
|
62
62
|
kendo_angular_l10n_1.LocalizationService])
|
|
@@ -90,7 +90,7 @@ var BooleanFilterMenuComponent = /** @class */ (function (_super) {
|
|
|
90
90
|
BooleanFilterMenuComponent = tslib_1.__decorate([
|
|
91
91
|
core_1.Component({
|
|
92
92
|
selector: 'kendo-treelist-boolean-filter-menu',
|
|
93
|
-
template: "\n <ul class=\"k-radio-list k-reset\">\n <li *ngFor=\"let item of items\">\n <input type=\"radio\"\n [name]=\"idPrefix\"\n
|
|
93
|
+
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 "
|
|
94
94
|
}),
|
|
95
95
|
tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService])
|
|
96
96
|
], BooleanFilterMenuComponent);
|
|
@@ -190,7 +190,7 @@ var FilterMenuContainerComponent = /** @class */ (function () {
|
|
|
190
190
|
core_1.Component({
|
|
191
191
|
providers: [filter_service_1.FilterService],
|
|
192
192
|
selector: 'kendo-treelist-filter-menu-container',
|
|
193
|
-
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
|
|
193
|
+
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 "
|
|
194
194
|
}),
|
|
195
195
|
tslib_1.__param(0, core_1.SkipSelf()),
|
|
196
196
|
tslib_1.__metadata("design:paramtypes", [filter_service_1.FilterService,
|
|
@@ -42,7 +42,7 @@ var StringFilterMenuInputComponent = /** @class */ (function () {
|
|
|
42
42
|
StringFilterMenuInputComponent = tslib_1.__decorate([
|
|
43
43
|
core_1.Component({
|
|
44
44
|
selector: 'kendo-treelist-string-filter-menu-input',
|
|
45
|
-
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
|
|
45
|
+
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 "
|
|
46
46
|
})
|
|
47
47
|
], StringFilterMenuInputComponent);
|
|
48
48
|
return StringFilterMenuInputComponent;
|
|
@@ -17,7 +17,7 @@ var focus_group_1 = require("./focus-group");
|
|
|
17
17
|
* ```ts-no-run
|
|
18
18
|
* <kendo-treelist-column>
|
|
19
19
|
* <ng-template kendoTreeListCellTemplate let-cellContext="cellContext">
|
|
20
|
-
* <input type="button"
|
|
20
|
+
* <input type="button" kendoButton [kendoTreeListFocusable]="cellContext" value="Focus me!" />
|
|
21
21
|
* </ng-template>
|
|
22
22
|
* </kendo-treelist-column>
|
|
23
23
|
* ```
|
|
@@ -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: 1642684019,
|
|
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
|
};
|
|
@@ -213,7 +213,7 @@ var CellComponent = /** @class */ (function () {
|
|
|
213
213
|
CellComponent = tslib_1.__decorate([
|
|
214
214
|
core_1.Component({
|
|
215
215
|
selector: '[kendoTreeListCell]',
|
|
216
|
-
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
|
|
216
|
+
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 "
|
|
217
217
|
}),
|
|
218
218
|
tslib_1.__metadata("design:paramtypes", [edit_service_1.EditService,
|
|
219
219
|
focus_group_1.FocusGroup])
|
|
@@ -499,7 +499,7 @@ var HeaderComponent = /** @class */ (function () {
|
|
|
499
499
|
HeaderComponent = tslib_1.__decorate([
|
|
500
500
|
core_1.Component({
|
|
501
501
|
selector: '[kendoTreeListHeader]',
|
|
502
|
-
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
|
|
502
|
+
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 "
|
|
503
503
|
}),
|
|
504
504
|
tslib_1.__metadata("design:paramtypes", [single_popup_service_1.SinglePopupService,
|
|
505
505
|
drag_hint_service_1.DragHintService,
|
|
@@ -1287,7 +1287,7 @@ var TreeListComponent = /** @class */ (function () {
|
|
|
1287
1287
|
* [resizable]="true"
|
|
1288
1288
|
* style="height: 300px">
|
|
1289
1289
|
* <ng-template kendoTreeListToolbarTemplate>
|
|
1290
|
-
* <button
|
|
1290
|
+
* <button kendoButton (click)="treelist.autoFitColumn(groupColumn)">
|
|
1291
1291
|
* Auto-fit the group column
|
|
1292
1292
|
* </button>
|
|
1293
1293
|
* </ng-template>
|
|
@@ -1353,10 +1353,10 @@ var TreeListComponent = /** @class */ (function () {
|
|
|
1353
1353
|
* [resizable]="true"
|
|
1354
1354
|
* style="height: 300px">
|
|
1355
1355
|
* <ng-template kendoTreeListToolbarTemplate>
|
|
1356
|
-
* <button
|
|
1356
|
+
* <button kendoButton (click)="treelist.autoFitColumns([firstColumn, lastColumn])">
|
|
1357
1357
|
* Auto-fit the first and last column
|
|
1358
1358
|
* </button>
|
|
1359
|
-
* <button
|
|
1359
|
+
* <button kendoButton (click)="treelist.autoFitColumns()">
|
|
1360
1360
|
* Auto-fit all columns
|
|
1361
1361
|
* </button>
|
|
1362
1362
|
* </ng-template>
|
|
@@ -1540,7 +1540,7 @@ var TreeListComponent = /** @class */ (function () {
|
|
|
1540
1540
|
* [reorderable]="true"
|
|
1541
1541
|
* style="height: 300px">
|
|
1542
1542
|
* <ng-template kendoTreeListToolbarTemplate>
|
|
1543
|
-
* <button
|
|
1543
|
+
* <button kendoButton
|
|
1544
1544
|
* (click)="treelist.reorderColumn(groupColumn, 2, { before: true })">
|
|
1545
1545
|
* Move the group column before the last one.
|
|
1546
1546
|
* </button>
|