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

package/dist/es/dropdownlist/dropdownlist.component.js

@@ -1611,7 +1611,7 @@ var DropDownListComponent = /** @class */ (function () {
     tslib_1.__decorate([
         HostListener('click', ['$event']),
         tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", [MouseEvent]),
+        tslib_1.__metadata("design:paramtypes", [Object]),
         tslib_1.__metadata("design:returntype", void 0)
     ], DropDownListComponent.prototype, "click", null);
     DropDownListComponent = DropDownListComponent_1 = tslib_1.__decorate([

package/dist/es/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
  *
@@ -20,7 +20,7 @@ var BaseCheckDirective = /** @class */ (function () {
         var level = getHierarchicalItemLevel(item.index);
         var candidate = tslib_1.__assign({}, item, { level: level });
         this.checkedItems.push(candidate);
-        this.checkedKeys.add(valueFrom(candidate, this.valueField));
+        this.checkedKeys.add(this.getKey(candidate));
     };
     BaseCheckDirective.prototype.removeItem = function (item) {
         var _this = this;
@@ -31,15 +31,29 @@ var BaseCheckDirective = /** @class */ (function () {
         var candidate = tslib_1.__assign({}, item, { level: level });
         this.checkedItems = this.checkedItems
             .filter(function (item) { return valueFrom(item, _this.valueField) !== valueFrom(candidate, _this.valueField); });
-        this.checkedKeys.delete(valueFrom(candidate, this.valueField));
+        this.checkedKeys.delete(this.getKey(candidate));
     };
     BaseCheckDirective.prototype.isItemChecked = function (item) {
-        return this.checkedKeys.has(valueFrom(item, this.valueField));
+        var level = item.index.split('_').length - 1;
+        item.level = level;
+        return this.checkedKeys.has(this.getKey(item));
     };
     BaseCheckDirective.prototype.updateItems = function () {
         var _this = this;
         this.checkedItems = this.checkedItems || [];
-        this.checkedKeys = new Set(this.checkedItems.map(function (item) { return valueFrom(item, _this.valueField); }));
+        this.checkedKeys = new Set(this.checkedItems.map(function (item) { return _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.
+     */
+    BaseCheckDirective.prototype.getKey = function (item) {
+        if (isArray(this.valueField)) {
+            return valueFrom(item, this.valueField) + '_' + item.level;
+        }
+        return valueFrom(item, this.valueField);
     };
     tslib_1.__decorate([
         Input(),

package/dist/es/multiselect/multiselect.component.js

@@ -120,7 +120,8 @@ var MultiSelectComponent = /** @class */ (function () {
          */
         this.clearButton = true;
         /**
-         * A user-defined callback function which receives an array of selected data items and maps them to an array of tags.
+         * A user-defined callback function which receives an array of selected data items and maps them to an array of tags
+         * ([see examples]({% slug summarytagmode_multiselect %}#toc-rendering-of-tags)).
          *
          * @param { Any[] } dataItems - The selected data items from the list.
          * @returns { Any[] } - The tags that will be rendered by the component.

package/dist/es/package-metadata.js

@@ -9,7 +9,7 @@ export var packageMetadata = {
     name: '@progress/kendo-angular-dropdowns',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1642677856,
+    publishDate: 1645097139,
     version: '',
     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'
 };

package/dist/es2015/dropdownlist/dropdownlist.component.d.ts

@@ -302,7 +302,7 @@ export declare class DropDownListComponent implements ControlValueAccessor, OnDe
     /**
      * @hidden
      */
-    click(event: MouseEvent): void;
+    click(event: any): void;
     groupIndices: any[];
     listBoxId: string;
     optionPrefix: string;

package/dist/es2015/dropdownlist/dropdownlist.component.js

@@ -1454,7 +1454,7 @@ tslib_1.__decorate([
 tslib_1.__decorate([
     HostListener('click', ['$event']),
     tslib_1.__metadata("design:type", Function),
-    tslib_1.__metadata("design:paramtypes", [MouseEvent]),
+    tslib_1.__metadata("design:paramtypes", [Object]),
     tslib_1.__metadata("design:returntype", void 0)
 ], DropDownListComponent.prototype, "click", null);
 DropDownListComponent = DropDownListComponent_1 = tslib_1.__decorate([

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([