@progress/kendo-angular-dropdowns 6.0.1 → 6.0.2-dev.202202221633

package/dist/es2015/dropdowntrees/checked-state/base-check.directive.d.ts

@@ -29,4 +29,11 @@ export declare abstract class BaseCheckDirective {
     protected removeItem(item: TreeItem): void;
     protected isItemChecked(item: CheckedItem): boolean;
     protected updateItems(): void;
+    /**
+     * Adds the item's depth to the item's value to allow duplicate values on different levels.
+     *
+     * @param item - The checked key.
+     * @returns { string } - A string key consisting of the item's `valueField` value and its depth.
+     */
+    private getKey;
 }

package/dist/es2015/dropdowntrees/checked-state/base-check.directive.js

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import * as tslib_1 from "tslib";
 import { Input } from '@angular/core';
-import { getHierarchicalItemLevel, valueFrom } from '../../common/util';
+import { getHierarchicalItemLevel, isArray, valueFrom } from '../../common/util';
 /**
  * @hidden
  *
@@ -18,7 +18,7 @@ export class BaseCheckDirective {
         const level = getHierarchicalItemLevel(item.index);
         const candidate = Object.assign({}, item, { level });
         this.checkedItems.push(candidate);
-        this.checkedKeys.add(valueFrom(candidate, this.valueField));
+        this.checkedKeys.add(this.getKey(candidate));
     }
     removeItem(item) {
         if (!this.isItemChecked(item)) {
@@ -28,14 +28,28 @@ export class BaseCheckDirective {
         const candidate = Object.assign({}, item, { level });
         this.checkedItems = this.checkedItems
             .filter(item => valueFrom(item, this.valueField) !== valueFrom(candidate, this.valueField));
-        this.checkedKeys.delete(valueFrom(candidate, this.valueField));
+        this.checkedKeys.delete(this.getKey(candidate));
     }
     isItemChecked(item) {
-        return this.checkedKeys.has(valueFrom(item, this.valueField));
+        const level = item.index.split('_').length - 1;
+        item.level = level;
+        return this.checkedKeys.has(this.getKey(item));
     }
     updateItems() {
         this.checkedItems = this.checkedItems || [];
-        this.checkedKeys = new Set(this.checkedItems.map(item => valueFrom(item, this.valueField)));
+        this.checkedKeys = new Set(this.checkedItems.map(item => this.getKey(item)));
+    }
+    /**
+     * Adds the item's depth to the item's value to allow duplicate values on different levels.
+     *
+     * @param item - The checked key.
+     * @returns { string } - A string key consisting of the item's `valueField` value and its depth.
+     */
+    getKey(item) {
+        if (isArray(this.valueField)) {
+            return valueFrom(item, this.valueField) + '_' + item.level;
+        }
+        return valueFrom(item, this.valueField);
     }
 }
 tslib_1.__decorate([

package/dist/es2015/dropdowntrees/dropdowntree.component.js

@@ -1246,11 +1246,15 @@ DropDownTreeComponent = DropDownTreeComponent_1 = tslib_1.__decorate([
 
             i18n-clearTitle="kendo.dropdowntree.clearTitle|The title of the clear button"
             clearTitle="clear"
+
+            i18n-selectButtonText="kendo.dropdowntree.selectButtonText|The text set as aria-label on the select button"
+            selectButtonText="Select"
         >
         </ng-container>
         <span
             [attr.id]="valueLabelId"
             class="k-input-inner"
+            role="option"
         >
             <span class="k-input-value-text">
                 <ng-template *ngIf="valueTemplate"
@@ -1278,6 +1282,7 @@ DropDownTreeComponent = DropDownTreeComponent_1 = tslib_1.__decorate([
             aria-hidden="true"
             class="k-input-button k-button k-icon-button"
             [ngClass]="selectButtonClasses"
+            [attr.aria-label]="messageFor('selectButtonText')"
         >
             <span
                 class="k-button-icon k-icon"

package/dist/es2015/dropdowntrees/multiselecttree.component.d.ts

@@ -43,6 +43,7 @@ export declare class MultiSelectTreeComponent implements OnInit, OnDestroy, OnCh
     direction: Direction;
     readonly hostTabIndex: number;
     role: string;
+    readonly isAriaExpanded: boolean;
     ariaHasPopup: string;
     readonly isReadonly: boolean;
     readonly ariaDescribedBy: string;

package/dist/es2015/dropdowntrees/multiselecttree.component.js

@@ -53,7 +53,7 @@ let MultiSelectTreeComponent = MultiSelectTreeComponent_1 = class MultiSelectTre
         this.cdr = cdr;
         this.touchEnabled = touchEnabled;
         this.hostClasses = true;
-        this.role = 'listbox';
+        this.role = 'combobox';
         this.ariaHasPopup = 'tree';
         /**
          * Sets the levels in the data set where the values can be found when `valueField` is an Array.
@@ -240,6 +240,9 @@ let MultiSelectTreeComponent = MultiSelectTreeComponent_1 = class MultiSelectTre
     get hostTabIndex() {
         return this.tabindex;
     }
+    get isAriaExpanded() {
+        return this.isOpen;
+    }
     get isReadonly() {
         return this.readonly;
     }
@@ -1207,6 +1210,11 @@ tslib_1.__decorate([
     HostBinding('attr.role'),
     tslib_1.__metadata("design:type", String)
 ], MultiSelectTreeComponent.prototype, "role", void 0);
+tslib_1.__decorate([
+    HostBinding('attr.aria-expanded'),
+    tslib_1.__metadata("design:type", Boolean),
+    tslib_1.__metadata("design:paramtypes", [])
+], MultiSelectTreeComponent.prototype, "isAriaExpanded", null);
 tslib_1.__decorate([
     HostBinding('attr.aria-haspopup'),
     tslib_1.__metadata("design:type", String)