@progress/kendo-angular-treelist 13.0.0-develop.19 → 13.0.0-develop.20

package/esm2020/localization/messages.mjs

@@ -11,7 +11,7 @@ import * as i0 from "@angular/core";
 export class Messages extends ComponentMessages {
 }
 Messages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-Messages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: Messages, inputs: { groupPanelEmpty: "groupPanelEmpty", noRecords: "noRecords", pagerLabel: "pagerLabel", pagerFirstPage: "pagerFirstPage", pagerLastPage: "pagerLastPage", pagerPreviousPage: "pagerPreviousPage", pagerNextPage: "pagerNextPage", pagerPage: "pagerPage", pagerPageNumberInputTitle: "pagerPageNumberInputTitle", pagerItemsPerPage: "pagerItemsPerPage", pagerOf: "pagerOf", pagerItemsTotal: "pagerItemsTotal", selectPage: "selectPage", filter: "filter", filterEqOperator: "filterEqOperator", filterNotEqOperator: "filterNotEqOperator", filterIsNullOperator: "filterIsNullOperator", filterIsNotNullOperator: "filterIsNotNullOperator", filterIsEmptyOperator: "filterIsEmptyOperator", filterIsNotEmptyOperator: "filterIsNotEmptyOperator", filterStartsWithOperator: "filterStartsWithOperator", filterContainsOperator: "filterContainsOperator", filterNotContainsOperator: "filterNotContainsOperator", filterEndsWithOperator: "filterEndsWithOperator", filterGteOperator: "filterGteOperator", filterGtOperator: "filterGtOperator", filterLteOperator: "filterLteOperator", filterLtOperator: "filterLtOperator", filterIsTrue: "filterIsTrue", filterIsFalse: "filterIsFalse", filterBooleanAll: "filterBooleanAll", filterAfterOrEqualOperator: "filterAfterOrEqualOperator", filterAfterOperator: "filterAfterOperator", filterBeforeOperator: "filterBeforeOperator", filterBeforeOrEqualOperator: "filterBeforeOrEqualOperator", filterFilterButton: "filterFilterButton", filterClearButton: "filterClearButton", filterAndLogic: "filterAndLogic", filterOrLogic: "filterOrLogic", loading: "loading", columnMenu: "columnMenu", columns: "columns", lock: "lock", unlock: "unlock", sortable: "sortable", sortAscending: "sortAscending", sortDescending: "sortDescending", sortedAscending: "sortedAscending", sortedDescending: "sortedDescending", sortedDefault: "sortedDefault", columnsApply: "columnsApply", columnsReset: "columnsReset", topToolbarLabel: "topToolbarLabel", bottomToolbarLabel: "bottomToolbarLabel", dragRowHandleLabel: "dragRowHandleLabel" }, usesInheritance: true, ngImport: i0 });
+Messages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: Messages, inputs: { groupPanelEmpty: "groupPanelEmpty", noRecords: "noRecords", pagerLabel: "pagerLabel", pagerFirstPage: "pagerFirstPage", pagerLastPage: "pagerLastPage", pagerPreviousPage: "pagerPreviousPage", pagerNextPage: "pagerNextPage", pagerPage: "pagerPage", pagerPageNumberInputTitle: "pagerPageNumberInputTitle", pagerItemsPerPage: "pagerItemsPerPage", pagerOf: "pagerOf", pagerItemsTotal: "pagerItemsTotal", selectPage: "selectPage", filter: "filter", filterInputLabel: "filterInputLabel", filterCellOperatorLabel: "filterCellOperatorLabel", booleanFilterCellLabel: "booleanFilterCellLabel", filterEqOperator: "filterEqOperator", filterNotEqOperator: "filterNotEqOperator", filterIsNullOperator: "filterIsNullOperator", filterIsNotNullOperator: "filterIsNotNullOperator", filterIsEmptyOperator: "filterIsEmptyOperator", filterIsNotEmptyOperator: "filterIsNotEmptyOperator", filterStartsWithOperator: "filterStartsWithOperator", filterContainsOperator: "filterContainsOperator", filterNotContainsOperator: "filterNotContainsOperator", filterEndsWithOperator: "filterEndsWithOperator", filterGteOperator: "filterGteOperator", filterGtOperator: "filterGtOperator", filterLteOperator: "filterLteOperator", filterLtOperator: "filterLtOperator", filterIsTrue: "filterIsTrue", filterIsFalse: "filterIsFalse", filterBooleanAll: "filterBooleanAll", filterAfterOrEqualOperator: "filterAfterOrEqualOperator", filterAfterOperator: "filterAfterOperator", filterBeforeOperator: "filterBeforeOperator", filterBeforeOrEqualOperator: "filterBeforeOrEqualOperator", filterFilterButton: "filterFilterButton", filterClearButton: "filterClearButton", filterAndLogic: "filterAndLogic", filterOrLogic: "filterOrLogic", loading: "loading", columnMenu: "columnMenu", columns: "columns", lock: "lock", unlock: "unlock", sortable: "sortable", sortAscending: "sortAscending", sortDescending: "sortDescending", sortedAscending: "sortedAscending", sortedDescending: "sortedDescending", sortedDefault: "sortedDefault", columnsApply: "columnsApply", columnsReset: "columnsReset", topToolbarLabel: "topToolbarLabel", bottomToolbarLabel: "bottomToolbarLabel", dragRowHandleLabel: "dragRowHandleLabel", selectRowCheckboxLabel: "selectRowCheckboxLabel", selectAllRowsCheckboxLabel: "selectAllRowsCheckboxLabel" }, usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: Messages, decorators: [{
             type: Directive,
             args: [{}]
@@ -43,6 +43,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], filter: [{
                 type: Input
+            }], filterInputLabel: [{
+                type: Input
+            }], filterCellOperatorLabel: [{
+                type: Input
+            }], booleanFilterCellLabel: [{
+                type: Input
             }], filterEqOperator: [{
                 type: Input
             }], filterNotEqOperator: [{
@@ -125,4 +131,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], dragRowHandleLabel: [{
                 type: Input
+            }], selectRowCheckboxLabel: [{
+                type: Input
+            }], selectAllRowsCheckboxLabel: [{
+                type: Input
             }] } });

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-treelist',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1685948887,
-    version: '13.0.0-develop.19',
+    publishDate: 1685961291,
+    version: '13.0.0-develop.20',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2020/rendering/cell.component.mjs

@@ -140,6 +140,9 @@ export class CellComponent {
             this.caretAltDownIcon;
         return icon;
     }
+    messageFor(token) {
+        return this.localization.get(token);
+    }
 }
 CellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: CellComponent, deps: [{ token: i1.EditService }, { token: i2.LocalizationService }, { token: i3.FocusGroup }], target: i0.ɵɵFactoryTarget.Component });
 CellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: CellComponent, selector: "[kendoTreeListCell]", inputs: { column: "column", columnIndex: "columnIndex", isNew: "isNew", level: "level", hasChildren: "hasChildren", isExpanded: "isExpanded", loading: "loading", expandIcons: "expandIcons", selected: "selected", dataItem: "dataItem", viewItem: "viewItem" }, host: { properties: { "class.k-command-cell": "this.commandCellClass", "class.k-checkbox-cell": "this.isCheckboxColumn", "class.k-text-nowrap": "this.textNoWrapClass", "class.k-drag-cell": "this.dragHandleCellClass", "class.k-touch-action-none": "this.dragHandleCellClass", "attr.aria-label": "this.dragRowHandleLabel" } }, ngImport: i0, template: `
@@ -168,6 +171,7 @@ CellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
                     <input
                         type="checkbox"
                         kendoTreeListFocusable
+                        [attr.aria-label]="messageFor('selectRowCheckboxLabel')"
                         class="k-checkbox k-checkbox-md k-rounded-md"
                         [checked]="selected" />
                 </ng-template>
@@ -248,6 +252,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     <input
                         type="checkbox"
                         kendoTreeListFocusable
+                        [attr.aria-label]="messageFor('selectRowCheckboxLabel')"
                         class="k-checkbox k-checkbox-md k-rounded-md"
                         [checked]="selected" />
                 </ng-template>

package/esm2020/rendering/header/header.component.mjs

@@ -277,6 +277,9 @@ export class HeaderComponent {
     get leafColumns() {
         return this._leafColumns;
     }
+    messageFor(token) {
+        return this.localization.get(token);
+    }
     attachTargets() {
         if (this.targetSubscription) {
             this.targetSubscription.unsubscribe();
@@ -467,6 +470,7 @@ HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
                         <input
                             type="checkbox"
                             class="k-checkbox k-checkbox-md k-rounded-md"
+                            [attr.aria-label]="messageFor('selectAllRowsCheckboxLabel')"
                             kendoTreeListFocusable
                             (click)="selectAllClick($event)" />
                     </ng-template>
@@ -656,6 +660,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                         <input
                             type="checkbox"
                             class="k-checkbox k-checkbox-md k-rounded-md"
+                            [attr.aria-label]="messageFor('selectAllRowsCheckboxLabel')"
                             kendoTreeListFocusable
                             (click)="selectAllClick($event)" />
                     </ng-template>

package/esm2020/rendering/list.component.mjs

@@ -524,8 +524,8 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
                 class="k-table k-grid-table k-table-md"
                 role="presentation"
                 [style.width.px]="lockedWidth">
-                <colgroup kendoTreeListColGroup
-                    role="presentation"
+                <colgroup 
+                    kendoTreeListColGroup
                     [columns]="$any(lockedLeafColumns)">
                 </colgroup>
                 <tbody kendoTreeListTableBody
@@ -548,16 +548,17 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
             <div [style.height.px]="totalHeight"></div>
         </div>
     </div>
-    <div #container
-               class="k-grid-content k-virtual-content"
-               role="presentation" tabindex="-1"
-               [kendoTreeListResizableContainer]="lockedLeafColumns.length > 0"
-               [lockedWidth]="lockedWidth + 1">
+    <div 
+        #container
+        class="k-grid-content k-virtual-content"
+        [kendoTreeListResizableContainer]="lockedLeafColumns.length > 0"
+        [lockedWidth]="lockedWidth + 1"
+    >
         <div role="presentation" class="k-grid-table-wrap">
             <table [style.width.px]="nonLockedWidth" #table [virtualColumns]="virtualColumns"
               class="k-table k-grid-table k-table-md" role="presentation">
-                <colgroup kendoTreeListColGroup
-                    role="presentation"
+                <colgroup 
+                    kendoTreeListColGroup
                     [columns]="$any(nonLockedColumnsToRender)">
                 </colgroup>
                 <tbody kendoTreeListTableBody
@@ -609,8 +610,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 class="k-table k-grid-table k-table-md"
                 role="presentation"
                 [style.width.px]="lockedWidth">
-                <colgroup kendoTreeListColGroup
-                    role="presentation"
+                <colgroup 
+                    kendoTreeListColGroup
                     [columns]="$any(lockedLeafColumns)">
                 </colgroup>
                 <tbody kendoTreeListTableBody
@@ -633,16 +634,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             <div [style.height.px]="totalHeight"></div>
         </div>
     </div>
-    <div #container
-               class="k-grid-content k-virtual-content"
-               role="presentation" tabindex="-1"
-               [kendoTreeListResizableContainer]="lockedLeafColumns.length > 0"
-               [lockedWidth]="lockedWidth + 1">
+    <div 
+        #container
+        class="k-grid-content k-virtual-content"
+        [kendoTreeListResizableContainer]="lockedLeafColumns.length > 0"
+        [lockedWidth]="lockedWidth + 1"
+    >
         <div role="presentation" class="k-grid-table-wrap">
             <table [style.width.px]="nonLockedWidth" #table [virtualColumns]="virtualColumns"
               class="k-table k-grid-table k-table-md" role="presentation">
-                <colgroup kendoTreeListColGroup
-                    role="presentation"
+                <colgroup 
+                    kendoTreeListColGroup
                     [columns]="$any(nonLockedColumnsToRender)">
                 </colgroup>
                 <tbody kendoTreeListTableBody

package/esm2020/treelist.component.mjs

@@ -1777,6 +1777,12 @@ TreeListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
             i18n-pagerItemsTotal="kendo.treelist.pagerItemsTotal|The label after the total items count in the TreeList pager"
             pagerItemsTotal="items total"
 
+            i18n-filterCellOperatorLabel="kendo.treelist.filterCellOperatorLabel|The label of the filter cell operators dropdown"
+            filterCellOperatorLabel="{{ 'Filter cell operators for {columnName}' }}"
+
+            i18n-booleanFilterCellLabel="kendo.treelist.booleanFilterCellLabel|The label of the boolean filter cell dropdown"
+            booleanFilterCellLabel="{{ 'Boolean filter cell for {columnName}' }}"
+
             i18n-filter="kendo.treelist.filter|The label of the filter cell or icon"
             filter="Filter"
 
@@ -1858,6 +1864,9 @@ TreeListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
             i18n-loading="kendo.treelist.loading|The loading text"
             loading="Loading"
 
+            i18n-filterInputLabel="kendo.treelist.filterInputLabel|The label of the filter row and menu inputs"
+            filterInputLabel="{{ '{columnName} Filter' }}"
+
             i18n-columnMenu="kendo.treelist.columnMenu|The title of the column menu icon"
             columnMenu="Column Menu"
 
@@ -1902,8 +1911,15 @@ TreeListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
 
             i18n-bottomToolbarLabel="kendo.treelist.bottomToolbarLabel|The label of the TreeList bottom toolbar"
             bottomToolbarLabel="Bottom toolbar"
+
             i18n-dragRowHandleLabel="kendo.treelist.dragRowHandleLabel|The label for the TreeList drag row handle"
             dragRowHandleLabel="Drag row"
+
+            i18n-selectRowCheckboxLabel="kendo.treelist.selectRowCheckboxLabel|The label for the select row checkbox"
+            selectRowCheckboxLabel="Select row"
+
+            i18n-selectAllRowsCheckboxLabel="kendo.treelist.selectAllRowsCheckboxLabel|The label for the select all rows checkbox"
+            selectAllRowsCheckboxLabel="Select all rows"
          >
         </ng-container>
         <kendo-treelist-toolbar
@@ -1954,8 +1970,8 @@ TreeListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
                             role="presentation"
                             [style.width.px]="lockedWidth"
                             class="k-grid-header-table k-table k-table-md">
-                            <colgroup kendoTreeListColGroup
-                                role="presentation"
+                            <colgroup
+                                kendoTreeListColGroup
                                 [columns]="$any(lockedLeafColumns)">
                             </colgroup>
                             <thead kendoTreeListHeader
@@ -1982,8 +1998,8 @@ TreeListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
                             [style.width.px]="nonLockedWidth"
                             [virtualColumns]="virtualColumns"
                             class="k-grid-header-table k-table k-table-md">
-                            <colgroup kendoTreeListColGroup
-                                role="presentation"
+                            <colgroup
+                                kendoTreeListColGroup
                                 [columns]="headerLeafColumns">
                             </colgroup>
                             <thead kendoTreeListHeader
@@ -2035,7 +2051,8 @@ TreeListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
                 <table
                     class="k-table k-table-md k-grid-header-table"
                     [style.table-layout]="resizable ? 'fixed' : null">
-                    <colgroup kendoTreeListColGroup
+                    <colgroup 
+                        kendoTreeListColGroup
                         [columns]="$any(leafColumns)">
                     </colgroup>
                     <thead kendoTreeListHeader
@@ -2187,6 +2204,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             i18n-pagerItemsTotal="kendo.treelist.pagerItemsTotal|The label after the total items count in the TreeList pager"
             pagerItemsTotal="items total"
 
+            i18n-filterCellOperatorLabel="kendo.treelist.filterCellOperatorLabel|The label of the filter cell operators dropdown"
+            filterCellOperatorLabel="{{ 'Filter cell operators for {columnName}' }}"
+
+            i18n-booleanFilterCellLabel="kendo.treelist.booleanFilterCellLabel|The label of the boolean filter cell dropdown"
+            booleanFilterCellLabel="{{ 'Boolean filter cell for {columnName}' }}"
+
             i18n-filter="kendo.treelist.filter|The label of the filter cell or icon"
             filter="Filter"
 
@@ -2268,6 +2291,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             i18n-loading="kendo.treelist.loading|The loading text"
             loading="Loading"
 
+            i18n-filterInputLabel="kendo.treelist.filterInputLabel|The label of the filter row and menu inputs"
+            filterInputLabel="{{ '{columnName} Filter' }}"
+
             i18n-columnMenu="kendo.treelist.columnMenu|The title of the column menu icon"
             columnMenu="Column Menu"
 
@@ -2312,8 +2338,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 
             i18n-bottomToolbarLabel="kendo.treelist.bottomToolbarLabel|The label of the TreeList bottom toolbar"
             bottomToolbarLabel="Bottom toolbar"
+
             i18n-dragRowHandleLabel="kendo.treelist.dragRowHandleLabel|The label for the TreeList drag row handle"
             dragRowHandleLabel="Drag row"
+
+            i18n-selectRowCheckboxLabel="kendo.treelist.selectRowCheckboxLabel|The label for the select row checkbox"
+            selectRowCheckboxLabel="Select row"
+
+            i18n-selectAllRowsCheckboxLabel="kendo.treelist.selectAllRowsCheckboxLabel|The label for the select all rows checkbox"
+            selectAllRowsCheckboxLabel="Select all rows"
          >
         </ng-container>
         <kendo-treelist-toolbar
@@ -2364,8 +2397,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                             role="presentation"
                             [style.width.px]="lockedWidth"
                             class="k-grid-header-table k-table k-table-md">
-                            <colgroup kendoTreeListColGroup
-                                role="presentation"
+                            <colgroup
+                                kendoTreeListColGroup
                                 [columns]="$any(lockedLeafColumns)">
                             </colgroup>
                             <thead kendoTreeListHeader
@@ -2392,8 +2425,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                             [style.width.px]="nonLockedWidth"
                             [virtualColumns]="virtualColumns"
                             class="k-grid-header-table k-table k-table-md">
-                            <colgroup kendoTreeListColGroup
-                                role="presentation"
+                            <colgroup
+                                kendoTreeListColGroup
                                 [columns]="headerLeafColumns">
                             </colgroup>
                             <thead kendoTreeListHeader
@@ -2445,7 +2478,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 <table
                     class="k-table k-table-md k-grid-header-table"
                     [style.table-layout]="resizable ? 'fixed' : null">
-                    <colgroup kendoTreeListColGroup
+                    <colgroup 
+                        kendoTreeListColGroup
                         [columns]="$any(leafColumns)">
                     </colgroup>
                     <thead kendoTreeListHeader